<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>It's FROGiology &#187; papervision3d</title>
	<atom:link href="http://blog.frogiology.com/tag/papervision3d/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.frogiology.com</link>
	<description>the study about me</description>
	<lastBuildDate>Sat, 16 Jan 2010 19:26:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>My First JigLibFlash Demo</title>
		<link>http://blog.frogiology.com/2009/08/08/my-first-jiglibflash-demo/</link>
		<comments>http://blog.frogiology.com/2009/08/08/my-first-jiglibflash-demo/#comments</comments>
		<pubDate>Sat, 08 Aug 2009 05:53:40 +0000</pubDate>
		<dc:creator>Stanley Fok</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[actionscript]]></category>
		<category><![CDATA[away3d]]></category>
		<category><![CDATA[demo]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[jiglib]]></category>
		<category><![CDATA[papervision3d]]></category>
		<category><![CDATA[physics-engine]]></category>
		<category><![CDATA[sandy3d]]></category>

		<guid isPermaLink="false">http://blog.frogiology.com/?p=672</guid>
		<description><![CDATA[JigLibFlash 是一個ActionScript 3.0 的rigid body physics engine。何謂一個physics engine? 就是說只要你把物件放進一個空間後，然後作簡單的設定，所有物件的碰撞、碰撞後的反應、磨擦力、扭力、吸地心引等影響，全部交給這個physcis engine就好了，你完全不用理會那些複雜的物理及數學問題，大大省卻很多時間呢! JigLibFlash同時簡也整合了papervision3D、away3D 及 sandy3D的支援，針對不同3D engine的愛好者使用，它提供的API也十分易用易明，令我很欣賞這份細心。 以下這個是Stanley測試時做的demo: 
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_JigLib_demo_708325456"
			class="flashmovie"
			width="400"
			height="400">
	<param name="movie" value="http://blog.frogiology.com/upload/tutorial/jiglib_flash/JigLib_demo.swf" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="http://blog.frogiology.com/upload/tutorial/jiglib_flash/JigLib_demo.swf"
			name="fm_JigLib_demo_708325456"
			width="400"
			height="400">
	<!--<![endif]-->
		 
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object> &#62;&#62; 放大來看 是否很有趣呢~? 有興趣可以下載source code 來玩玩~ 要用Flash CS4 compile才行哦! &#62;&#62; JigLibFlash Demo (480kb) 有用連結: JigLibFlash Startup Guide JigLibFlash Offical Website JigLibFlash Documentation]]></description>
			<content:encoded><![CDATA[<p>JigLibFlash 是一個ActionScript 3.0 的rigid body physics engine。何謂一個physics engine? 就是說只要你把物件放進一個空間後，然後作簡單的設定，所有物件的碰撞、碰撞後的反應、磨擦力、扭力、吸地心引等影響，全部交給這個physcis engine就好了，你完全不用理會那些複雜的物理及數學問題，大大省卻很多時間呢!</p>
<p>JigLibFlash同時簡也整合了papervision3D、away3D 及 sandy3D的支援，針對不同3D engine的愛好者使用，它提供的API也十分易用易明，令我很欣賞這份細心。</p>
<p>以下這個是Stanley測試時做的demo:</p>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_JigLib_demo_1693665724"
			class="flashmovie"
			width="400"
			height="400">
	<param name="movie" value="http://blog.frogiology.com/upload/tutorial/jiglib_flash/JigLib_demo.swf" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="http://blog.frogiology.com/upload/tutorial/jiglib_flash/JigLib_demo.swf"
			name="fm_JigLib_demo_1693665724"
			width="400"
			height="400">
	<!--<![endif]-->
		
<p><a href="http://adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>

	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
<p>&gt;&gt; <a title="JigLibFlash Demo" href="http://blog.frogiology.com/upload/tutorial/jiglib_flash/JigLib_demo.html" target="_blank">放大來看</a></p>
<p>是否很有趣呢~? 有興趣可以下載source code 來玩玩~ 要用Flash CS4 compile才行哦!<br />
&gt;&gt; <a title="JigLibFlash Demo" href="http://blog.frogiology.com/upload/tutorial/jiglib_flash/JigLib_demo.zip" target="_blank">JigLibFlash Demo (480kb)</a></p>
<p>有用連結:<br />
<a title="JigLibFlash Startup Guide" href="http://as3.miguelmoraleda.com/2009/04/24/tutorial-jiglibflash-how-to-create-basic-physics-3d-scenetutorial-jiglibflash-como-crear-una-scena-en-3d-con-fisica/" target="_blank">JigLibFlash Startup Guide</a><br />
<a title="JigLibFlash Offical Website" href="http://www.jiglibflash.com/" target="_blank">JigLibFlash Offical Website</a><br />
<a title="JigLibFlash Documentation" href="http://www.jiglibflash.com/docs/" target="_blank">JigLibFlash Documentation</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.frogiology.com/2009/08/08/my-first-jiglibflash-demo/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>wonderfl &#8211; 為Flash Developer而設的Web 2.0平台</title>
		<link>http://blog.frogiology.com/2009/02/05/wonderfl-build-flash-online/</link>
		<comments>http://blog.frogiology.com/2009/02/05/wonderfl-build-flash-online/#comments</comments>
		<pubDate>Wed, 04 Feb 2009 16:54:29 +0000</pubDate>
		<dc:creator>Stanley Fok</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[推介網站]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[papervision3d]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://blog.frogiology.com/?p=498</guid>
		<description><![CDATA[今天看到了一個非常之厲害的網站，叫wonderfl(真是不得不叫人說wonderful&#8230;)，由一位叫kayac的日本人做的。這個網站的賣點，你可以直接在網站上寫actionscript，並且可以立即compile查看結果! 過程無需使用Flash的IDE也可做出令人拍案叫絕的效果! 作者把compilation這一步放到server上做，果真夠創意呢! 除此之外，網站還加入了web 2.0的元素! 例如你可rate別人寫的code，rate 用戶等等功能，使用戶更加有心在這個平台上做出出色的作品，互相分享! 另外，最有用的就是code search的功能，例如你不知道&#8221;ColorTransform&#8221;如何使用，你可以來wonderfl找找code reference看，這對於學actionscript是十分有幫助的! 不過有一點要說的是，因為沒有了Flash IDE的關係，所有的UI上的東西都要寫code來generate出來了，而且這個工具只有對actionscript很了解的人才懂用啦。 最近作者還加入了Papervision3D 2.0的支援，想看更多Papervision3D 2.0的範例嗎? 快去看看啊! 以下是一些傑出的作品~ forked from: BallBlast &#8211; wonderfl build flash online forked from: Colorful Rings &#8211; wonderfl build flash online 「PV3Dその3」　に　グーグル検索を交えてみた。forked from V3Dその3 &#8211; wonderfl build flash online]]></description>
			<content:encoded><![CDATA[<p>今天看到了一個非常之厲害的網站，叫<a title="wonderfl build flash online" href="http://wonderfl.kayac.com/" target="_blank">wonderfl</a>(真是不得不叫人說wonderful&#8230;)，由一位叫<a title="kayac" href="http://www.kayac.com/" target="_blank">kayac</a>的日本人做的。這個網站的賣點，你可以直接在網站上寫actionscript，並且可以立即compile查看結果! 過程無需使用Flash的IDE也可做出令人拍案叫絕的效果! 作者把compilation這一步放到server上做，果真夠創意呢!</p>
<div id="attachment_500" class="wp-caption alignnone" style="width: 310px"><a href="http://blog.frogiology.com/wp-content/uploads/2009/02/wonderfl01.jpg" rel="lightbox[498]"><img class="size-medium wp-image-500" title="wonderfl01" src="http://blog.frogiology.com/wp-content/uploads/2009/02/wonderfl01-300x166.jpg" alt="Wonderfl 主頁" width="300" height="166" /></a><p class="wp-caption-text">Wonderfl 主頁</p></div>
<div id="attachment_501" class="wp-caption alignnone" style="width: 310px"><a href="http://blog.frogiology.com/wp-content/uploads/2009/02/wonderfl02.jpg" rel="lightbox[498]"><img class="size-medium wp-image-501" title="wonderfl02" src="http://blog.frogiology.com/wp-content/uploads/2009/02/wonderfl02-300x153.jpg" alt="用戶的code及compile了後的結果" width="300" height="153" /></a><p class="wp-caption-text">用戶的code及compile了後的結果</p></div>
<p><span id="more-498"></span></p>
<p>除此之外，網站還加入了web 2.0的元素! 例如你可rate別人寫的code，rate 用戶等等功能，使用戶更加有心在這個平台上做出出色的作品，互相分享! 另外，最有用的就是code search的功能，例如你不知道&#8221;ColorTransform&#8221;如何使用，你可以來wonderfl找找code reference看，這對於學actionscript是十分有幫助的!</p>
<p>不過有一點要說的是，因為沒有了Flash IDE的關係，所有的UI上的東西都要寫code來generate出來了，而且這個工具只有對actionscript很了解的人才懂用啦。</p>
<p>最近作者還加入了Papervision3D 2.0的支援，想看更多Papervision3D 2.0的範例嗎? 快去看看啊!</p>
<p>以下是一些傑出的作品~</p>
<div style="text-align:center;width:465px;"><iframe title="forked from: BallBlast - wonderfl build flash online" src="http://wonderfl.kayac.com/blogparts/9d7319af162577bdc33c4dc69ee056393f5169b5" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.kayac.com/code/9d7319af162577bdc33c4dc69ee056393f5169b5" title="forked from: BallBlast - wonderfl build flash online">forked from: BallBlast &#8211; wonderfl build flash online</a></div>
<p><br/></p>
<div style="text-align:center;width:465px;"><iframe title="forked from: Colorful Rings - wonderfl build flash online" src="http://wonderfl.kayac.com/blogparts/5f63127622b771e8db2b87c6b70ad81e09400629" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.kayac.com/code/5f63127622b771e8db2b87c6b70ad81e09400629" title="forked from: Colorful Rings - wonderfl build flash online">forked from: Colorful Rings &#8211; wonderfl build flash online</a></div>
<p><br/></p>
<div style="text-align:center;width:465px;"><iframe title="「PV3Dその3」　に　グーグル検索を交えてみた。forked from :PV3Dその3 - wonderfl build flash online" src="http://wonderfl.kayac.com/blogparts/b0c391f970a8d0f6011056120fc8ba6826200f8c" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.kayac.com/code/b0c391f970a8d0f6011056120fc8ba6826200f8c" title="「PV3Dその3」　に　グーグル検索を交えてみた。forked from :PV3Dその3 - wonderfl build flash online">「PV3Dその3」　に　グーグル検索を交えてみた。forked from <img src='http://blog.frogiology.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> V3Dその3 &#8211; wonderfl build flash online</a></div>
]]></content:encoded>
			<wfw:commentRss>http://blog.frogiology.com/2009/02/05/wonderfl-build-flash-online/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>My First Y!OS Application &#8211; PaperVisualizer</title>
		<link>http://blog.frogiology.com/2008/12/23/papervisualizer/</link>
		<comments>http://blog.frogiology.com/2008/12/23/papervisualizer/#comments</comments>
		<pubDate>Mon, 22 Dec 2008 16:33:53 +0000</pubDate>
		<dc:creator>Stanley Fok</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[hack]]></category>
		<category><![CDATA[papervision3d]]></category>
		<category><![CDATA[YAP]]></category>
		<category><![CDATA[yos]]></category>

		<guid isPermaLink="false">http://blog.frogiology.com/?p=397</guid>
		<description><![CDATA[Stanley最近參加了公司舉辦的Asia Open Hack Week。香港、台灣、韓國及澳洲四個地區的engineers，各自組隊利用Yahoo! 的API創作有趣的hack(小程式)。由於我的專長是Flash，因此我就利用了Yahoo! 的YQL，再加上Papervision3D做Flash的3D Engine，做了我的第一個YAP &#8211; PaperVisualizer。 連結: http://apps.yahoo.com/-2DHMuY4e PaperVisualizer主要有以下幾個目的: 讓你結交更多朋友 提供一個中央的地方，了解朋友最近做過的事 (updates) 可以像Twitter一樣，可以追隨(follow)你有興趣認識的人 把朋友的資料(profile data)有趣地歸納及顯示出來 有興趣請試試吧，我花了整個星期去做的呢! 甚麼是YQL? YQL全寫是Yahoo! Query Language。YQL的syntax與SQL差不多，可以利用select, from, where 等語法搜索(search)、過濾(filter)或結集(aggregate) Yahoo! 內部或外部豐富數據。主要好處是可以用一個統一的語言取得數據，這樣的話，程式員就不用每次查看documentation或學習新的API，這對於Yahoo! 平台的開放是很重要的。還有在performance的考慮上也有幫助，例如我們只需要用一個single YQL call可以取得本來要multiple call的數據，大大減少latency。 甚麼是YAP? YAP全寫是Yahoo! Application Platform。它有點像facebook application平台，可以讓程式員在Yahoo! 上建立自己的程式。其他用戶可以選擇安裝這些YAP，並且把它們放到自己的Yahoo! Profile page, Frontpage, Yahoo! Mail等等。]]></description>
			<content:encoded><![CDATA[<p>Stanley最近參加了公司舉辦的Asia Open Hack Week。香港、台灣、韓國及澳洲四個地區的engineers，各自組隊利用Yahoo! 的API創作有趣的hack(小程式)。由於我的專長是Flash，因此我就利用了Yahoo! 的<a title="Yahoo! Query Language" href="http://developer.yahoo.com/yql/" target="_blank">YQL</a>，再加上<a title="Papervision3d" href="http://blog.papervision3d.org/" target="_blank">Papervision3D</a>做Flash的3D Engine，做了我的第一個<a title="YAP - Yahoo! Application Platform" href="http://developer.yahoo.com/yap/" target="_blank">YAP</a> &#8211; <a title="PaperVisualizer" href="http://apps.yahoo.com/-2DHMuY4e">PaperVisualizer</a>。</p>
<p>連結: <a title="PaperVisualizer" href="http://apps.yahoo.com/-2DHMuY4e" target="_blank">http://apps.yahoo.com/-2DHMuY4e</a></p>
<div id="attachment_400" class="wp-caption alignnone" style="width: 310px"><a href="http://blog.frogiology.com/wp-content/uploads/2008/12/cap01.jpg" rel="lightbox[397]"><img class="size-medium wp-image-400" title="cap01" src="http://blog.frogiology.com/wp-content/uploads/2008/12/cap01-300x192.jpg" alt="PaperVisualizer - Chat Mode" width="300" height="192" /></a><p class="wp-caption-text">PaperVisualizer - Chat Mode</p></div>
<p><span id="more-397"></span></p>
<p>PaperVisualizer主要有以下幾個目的:</p>
<ul>
<li>讓你結交更多朋友</li>
<li>提供一個中央的地方，了解朋友最近做過的事 (updates)</li>
<li>可以像Twitter一樣，可以追隨(follow)你有興趣認識的人</li>
<li>把朋友的資料(profile data)有趣地歸納及顯示出來</li>
</ul>
<p>有興趣請試試吧，我花了整個星期去做的呢!</p>
<p><strong>甚麼是YQL?</strong></p>
<p>YQL全寫是Yahoo! Query Language。YQL的syntax與SQL差不多，可以利用select, from, where 等語法搜索(search)、過濾(filter)或結集(aggregate) Yahoo! 內部或外部豐富數據。主要好處是可以用一個統一的語言取得數據，這樣的話，程式員就不用每次查看documentation或學習新的API，這對於Yahoo! 平台的開放是很重要的。還有在performance的考慮上也有幫助，例如我們只需要用一個single YQL call可以取得本來要multiple call的數據，大大減少latency。</p>
<p><strong>甚麼是YAP?</strong></p>
<p>YAP全寫是Yahoo! Application Platform。它有點像facebook application平台，可以讓程式員在Yahoo! 上建立自己的程式。其他用戶可以選擇安裝這些YAP，並且把它們放到自己的Yahoo! Profile page, Frontpage, Yahoo! Mail等等。</p>
<div id="attachment_402" class="wp-caption alignnone" style="width: 310px"><a href="http://blog.frogiology.com/wp-content/uploads/2008/12/cap02.jpg" rel="lightbox[397]"><img class="size-medium wp-image-402" title="cap02" src="http://blog.frogiology.com/wp-content/uploads/2008/12/cap02-300x192.jpg" alt="PaperVisualizer - Nickname Mode" width="300" height="192" /></a><p class="wp-caption-text">PaperVisualizer - Nickname Mode</p></div>
<div id="attachment_403" class="wp-caption alignnone" style="width: 310px"><a href="http://blog.frogiology.com/wp-content/uploads/2008/12/cap03.jpg" rel="lightbox[397]"><img class="size-medium wp-image-403" title="cap03" src="http://blog.frogiology.com/wp-content/uploads/2008/12/cap03-300x193.jpg" alt="PaperVisualizer - Gender Mode" width="300" height="193" /></a><p class="wp-caption-text">PaperVisualizer - Gender Mode</p></div>
<div id="attachment_404" class="wp-caption alignnone" style="width: 310px"><a href="http://blog.frogiology.com/wp-content/uploads/2008/12/cap04.jpg" rel="lightbox[397]"><img class="size-medium wp-image-404" title="cap04" src="http://blog.frogiology.com/wp-content/uploads/2008/12/cap04-300x192.jpg" alt="PaperVisualizer - Birthday Mode" width="300" height="192" /></a><p class="wp-caption-text">PaperVisualizer - Birthday Mode</p></div>
<div id="attachment_405" class="wp-caption alignnone" style="width: 310px"><a href="http://blog.frogiology.com/wp-content/uploads/2008/12/cap05.jpg" rel="lightbox[397]"><img class="size-medium wp-image-405" title="cap05" src="http://blog.frogiology.com/wp-content/uploads/2008/12/cap05-300x192.jpg" alt="PaperVisualizer - Detail View" width="300" height="192" /></a><p class="wp-caption-text">PaperVisualizer - Detail View</p></div>
]]></content:encoded>
			<wfw:commentRss>http://blog.frogiology.com/2008/12/23/papervisualizer/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Tweener 10大用途</title>
		<link>http://blog.frogiology.com/2008/09/07/flash-tweener-lesson3-10-usages/</link>
		<comments>http://blog.frogiology.com/2008/09/07/flash-tweener-lesson3-10-usages/#comments</comments>
		<pubDate>Sun, 07 Sep 2008 11:06:07 +0000</pubDate>
		<dc:creator>Stanley Fok</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[application]]></category>
		<category><![CDATA[papervision3d]]></category>
		<category><![CDATA[tweener]]></category>
		<category><![CDATA[usage]]></category>

		<guid isPermaLink="false">http://blog.frogiology.com/?p=162</guid>
		<description><![CDATA[很多人都以為Tweener只是可以用來Tween Movieclip的屬性，只局限了在二維空間內發揮。但其實如果懂得利用，它的用途可以是非常廣泛的，令人嘆為觀止的RIA也亦由此而來。現在讓Stanley介紹Tweener 10式吧! &#62;&#62; 下載所有例子: Tweener Tutorial Examples (1.8Mb) &#60;&#60; 1. Smooth Drag and Drop Flash 其實已提供了startDrag(); 功能讓你做到拖曳，可是用這方法來拖曳東西總是給人很不爽的感覺。但是如果在MouseMove 事件用了Tweener來Tween MovieClip的x及y座標後，感覺截然不同了! 請試試看~ &#62;&#62; 下載&#8221;Smooth Drag and Drop&#8221; source code 2. Number Counter Tweener本來就是用來interpolate數值的，因此很順理成章我們可以用它來做計數器。如果沒有Tweener，你可能要利用EnterFrame事件，並且加上很麻煩的邏輯來完成，很花時間。現在用了Tweener，幾行的程式碼就可做到了! 這個計數器可應用在計分板之類的地方，定可為你的RIA帶來多些生氣呢~ &#62;&#62; 下載&#8221;Number Counter&#8221; source code 3. Content Scroller 這次都是用了Tweener控制MovieClip的x,y座標，但是如果懂得利用，可以做出以下的捲動效果。幾行程式碼而已，誰也可以做到! &#62;&#62; 下載&#8221;Content Scroller&#8221; source code 4. Animation Sequence 以前要做一連串的animation，通常一想到就是用timer function做 (即AS2的setInterval)。可是用timer時，你就要控制何時要移除timer，頗麻煩的。但你又知不知設定Tweener時，你可以加入&#8221;delay&#8221;這個設定? 如&#8221;delay&#8221;是1，tweening將會於一秒後開始。利用delay，你只要在一個for loop中加入Tweener，並給予不同delay的數值，也可以做到同樣效果! &#62;&#62; [...]]]></description>
			<content:encoded><![CDATA[<p>很多人都以為Tweener只是可以用來Tween Movieclip的屬性，只局限了在二維空間內發揮。但其實如果懂得利用，它的用途可以是非常廣泛的，令人嘆為觀止的RIA也亦由此而來。現在讓Stanley介紹Tweener 10式吧!</p>
<p><span style="color: #ff6600;"><strong>&gt;&gt;</strong></span><span style="font-size: small; color: #ff6600;"><strong><span> 下載所有例子: <a title="Tweener Tutorial Examples" href="http://blog.frogiology.com/upload/tutorial/tweener/tweener_tutorial.zip">Tweener Tutorial Examples</a> (1.8Mb) &lt;&lt;<br />
</span></strong></span></p>
<p><span id="more-162"></span></p>
<p><strong>1. Smooth Drag and Drop</strong></p>
<p>Flash 其實已提供了startDrag(); 功能讓你做到拖曳，可是用這方法來拖曳東西總是給人很不爽的感覺。但是如果在MouseMove 事件用了Tweener來Tween MovieClip的x及y座標後，感覺截然不同了! 請試試看~</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="250" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://blog.frogiology.com/upload/tutorial/tweener/1_drag_n_drop.swf" /><embed type="application/x-shockwave-flash" width="480" height="250" src="http://blog.frogiology.com/upload/tutorial/tweener/1_drag_n_drop.swf"></embed></object><br />
&gt;&gt; <a href="http://blog.frogiology.com/upload/tutorial/tweener/1_drag_n_drop.zip">下載&#8221;Smooth Drag and Drop&#8221; source code</a></p>
<p><strong>2. Number Counter</strong></p>
<p>Tweener本來就是用來interpolate數值的，因此很順理成章我們可以用它來做計數器。如果沒有Tweener，你可能要利用EnterFrame事件，並且加上很麻煩的邏輯來完成，很花時間。現在用了Tweener，幾行的程式碼就可做到了! 這個計數器可應用在計分板之類的地方，定可為你的RIA帶來多些生氣呢~</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="250" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://blog.frogiology.com/upload/tutorial/tweener/2_number_counter.swf" /><embed type="application/x-shockwave-flash" width="480" height="250" src="http://blog.frogiology.com/upload/tutorial/tweener/2_number_counter.swf"></embed></object><br />
&gt;&gt; <a href="http://blog.frogiology.com/upload/tutorial/tweener/2_number_counter.zip">下載&#8221;Number Counter&#8221; source code</a></p>
<p><strong>3. Content Scroller</strong></p>
<p>這次都是用了Tweener控制MovieClip的x,y座標，但是如果懂得利用，可以做出以下的捲動效果。幾行程式碼而已，誰也可以做到!</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="250" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://blog.frogiology.com/upload/tutorial/tweener/3_content_scroller.swf" /><embed type="application/x-shockwave-flash" width="480" height="250" src="http://blog.frogiology.com/upload/tutorial/tweener/3_content_scroller.swf"></embed></object><br />
&gt;&gt; <a href="http://blog.frogiology.com/upload/tutorial/tweener/3_content_scroller.zip">下載&#8221;Content Scroller&#8221; source code</a></p>
<p><strong>4. Animation Sequence</strong></p>
<p>以前要做一連串的animation，通常一想到就是用timer function做 (即AS2的setInterval)。可是用timer時，你就要控制何時要移除timer，頗麻煩的。但你又知不知設定Tweener時，你可以加入&#8221;delay&#8221;這個設定? 如&#8221;delay&#8221;是1，tweening將會於一秒後開始。利用delay，你只要在一個for loop中加入Tweener，並給予不同delay的數值，也可以做到同樣效果!</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="250" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://blog.frogiology.com/upload/tutorial/tweener/4_animation_sequence.swf" /><embed type="application/x-shockwave-flash" width="480" height="250" src="http://blog.frogiology.com/upload/tutorial/tweener/4_animation_sequence.swf"></embed></object><br />
&gt;&gt; <a href="http://blog.frogiology.com/upload/tutorial/tweener/4_animation_sequence.zip">下載&#8221;Animation Sequence&#8221; source code</a></p>
<p><strong>5. Simulation of Locus</strong></p>
<p>Locus即軌跡，是指物件在二維或三維空間走過的路徑。好像下面兩個例子，是拋物線及四分一個圓的弧線，如果要做，可以寫數式去做，不過會很麻。不過如果你懂得把x及y分開來tween，並且善用Tweener提供的transition type，這個效果幾行程式碼就可完成了!</p>
<p>以拋物線為例，x 就用linear transition tween 2秒，y就先用easeOutQuad transition tween 1秒，之後再用easeInQuad transition tween 1秒回到原來的y就可。為何是 easeOutQuad 及 easeInQuad? 因為在物理世界中，物件受地心吸力下的拋物線是二元算式來的(quadratic equation)。圓形則用easeInSine 及 easeOutSine分別處理x及y座標就可以了。</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="250" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://blog.frogiology.com/upload/tutorial/tweener/5_simulation_of_locus.swf" /><embed type="application/x-shockwave-flash" width="480" height="250" src="http://blog.frogiology.com/upload/tutorial/tweener/5_simulation_of_locus.swf"></embed></object><br />
&gt;&gt; <a href="http://blog.frogiology.com/upload/tutorial/tweener/5_simulation_of_locus.zip">下載&#8221;Simulation of Locus&#8221; source code</a></p>
<p><strong>6. Fading Sound Volume</strong></p>
<p>不說不知，聲音大小也可以tween啊，這樣是不是比直接把聲量定為0或1更自然呢?</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="250" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://blog.frogiology.com/upload/tutorial/tweener/6_fading sound_volume.swf" /><embed type="application/x-shockwave-flash" width="480" height="250" src="http://blog.frogiology.com/upload/tutorial/tweener/6_fading sound_volume.swf"></embed></object><br />
&gt;&gt;&gt; <a href="http://blog.frogiology.com/upload/tutorial/tweener/6_fading sound_volume.zip">下載&#8221;Fading Sound Volume&#8221; source code</a></p>
<p><strong>7. Spony Objects</strong></p>
<p>Tweener有幾個transition type幾好玩的，就是easeOutBack及easeOutElastic。利用它們可以做出感覺很有彈性的東西呢~ 很多日本人做的RIA經常用這個效果的啊!</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="250" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://blog.frogiology.com/upload/tutorial/tweener/7_spony_object.swf" /><embed type="application/x-shockwave-flash" width="480" height="250" src="http://blog.frogiology.com/upload/tutorial/tweener/7_spony_object.swf"></embed></object><br />
&gt;&gt; <a href="http://blog.frogiology.com/upload/tutorial/tweener/7_spony_object.zip">下載&#8221;Spony Objects&#8221; source code</a></p>
<p><strong>8. Tween the Blur Filter</strong></p>
<p>玩到沒東西好玩了~ Blur Filter 也tween來試試看吧!</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="250" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://blog.frogiology.com/upload/tutorial/tweener/8_tween_blur_filter.swf" /><embed type="application/x-shockwave-flash" width="480" height="250" src="http://blog.frogiology.com/upload/tutorial/tweener/8_tween_blur_filter.swf"></embed></object><br />
&gt;&gt; <a href="http://blog.frogiology.com/upload/tutorial/tweener/8_tween_blur_filter.zip">下載&#8221;Tween the Blur Filter&#8221; source code</a></p>
<p><strong>9. Tween in Papervision3D</strong></p>
<p>相信這是最好玩的了! 留意RIA的朋友也應該聽過Papervision3D吧，它是一個open source的Flash 3D engine。在Papervision3D中，camera及 一般DisplayObject3D也有x,y及z的屬性。喜歡甚麼也tween一回的Stanley，今次又有東西玩了! 讓我只是tween camera的位置及望向的位置，只是簡單的程式碼又可以做到厲害的效果了!</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://blog.frogiology.com/upload/tutorial/tweener/9_tween_in_papervision3d.swf" /><embed type="application/x-shockwave-flash" width="480" height="400" src="http://blog.frogiology.com/upload/tutorial/tweener/9_tween_in_papervision3d.swf"></embed></object><br />
&gt;&gt; <a href="http://blog.frogiology.com/upload/tutorial/tweener/9_tween_in_papervision3d.zip">下載&#8221;Tween in Papervision3D&#8221; source code</a></p>
<p><strong>10. Tween the Function</strong></p>
<p>最後一招，Tweener提供了Tweener.addCaller(); 的功能，你可以用它來設定一個時間入call一個function多少次，而call function的頻率，是用transition type的控制。以下面的例子來說，我有一個function是用來創建圓形的，你可以見到圓形是創建得愈來愈快的，這是因為用了transition type有關。</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="250" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://blog.frogiology.com/upload/tutorial/tweener/10_timer_function.swf" /><embed type="application/x-shockwave-flash" width="480" height="250" src="http://blog.frogiology.com/upload/tutorial/tweener/10_timer_function.swf"></embed></object><br />
&gt;&gt; <a href="http://blog.frogiology.com/upload/tutorial/tweener/10_timer_function.zip">下載&#8221;Tween the Function&#8221; source code</a></p>
<p>&gt;&gt; <a title="Lesson 5: Tweener 有無用武之地的時候?" href="http://blog.frogiology.com/2008/09/13/flash-tweener-lesson5-not-suitable/">Lesson 5: Tweener 有無用武之地的時候?<strong><strong></strong></strong></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.frogiology.com/2008/09/07/flash-tweener-lesson3-10-usages/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
	</channel>
</rss>

