<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" 
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>伊沙熊的學習筆記本-Flash筆記</title>
<link>http://blog.roodo.com/esabear/archives/cat_576213.html</link>
<description>Flash CS3, ActionScript 3.0, Web 2.0, 3D </description>
<language>zh-tw</language>
<generator>Roodo Blog System</generator>
<copyright>All Rights Reserved</copyright>
<atom:link href="http://blog.roodo.com/esabear/archives/cat_576213.xml" rel="self" type="application/rss+xml" />
<item>
	<title>【練習】Flash光暈軌跡</title>
	<description><![CDATA[
			簡單地練習一下物件滑行軌跡殘影效果。




【點此預覽效果】
		]]>
	</description>
	<content:encoded><![CDATA[
			簡單地練習一下物件滑行軌跡殘影效果。

<link rel="stylesheet" href="http://esabear.googlepages.com/swfbox.css" type="text/css" media="screen"/>
<script type="text/javascript" src="http://esabear.googlepages.com/swfbox.js"></script>

<div id="flash_track_id">【<a href="http://blog.roodo.com/esabear/3456f6de.swf" title="Flash Glow Track" onclick="SWFbox('Flash Glow Track','450','400','#0099CC', this.href); return false;">點此預覽效果</a>】<br /><br /></div>
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/10605165.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/10605165.html</link>
	<guid>http://blog.roodo.com/esabear/archives/10605165.html</guid>
	<category>Flash筆記</category>
	<pubDate>Sat, 07 Nov 2009 16:18:43 +0800</pubDate>
</item>
<item>
	<title>【新聞】Flash CS5將於2009年底前揭曉,支援iPhone App、內建Flash Builder</title>
	<description><![CDATA[
			　　Adobe Labs宣佈了一個重要的訊息:Flash Professional CS5 BETA版將在2009年底前開放下載, 也就是說離正式版的推出也不遠了, 這個消息真是讓人又愛又恨, 很多人可能CS4還沒摸熟, CS5就又要出了, 難道不怕CS4系列變成過渡產品嗎, 也或許這正是Adobe的意思, 自從推出Flex後, 編輯器Flex Builder更新頻仍, 後來改名Flash Builder, 已經有和Flash IDE整併的意味, 現在又宣佈Flash CS5將內建Flash Builder, 原本開發路線分歧讓使用者選邊站並非良策, 只會分散愛好族群而已, 能夠合併真是個好消息, 但也要期待整合性能完善一點, 希望不要只是造出一隻更肥大的怪物。


		]]>
	</description>
	<content:encoded><![CDATA[
			<p>　　<a href="http://labs.adobe.com/" target="_blank" rel="nofollow">Adobe Labs</a>宣佈了一個重要的訊息:Flash Professional CS5 BETA版將在2009年底前開放下載, 也就是說離正式版的推出也不遠了, 這個消息真是讓人又愛又恨, 很多人可能CS4還沒摸熟, CS5就又要出了, 難道不怕CS4系列變成過渡產品嗎, 也或許這正是Adobe的意思, 自從推出Flex後, 編輯器Flex Builder更新頻仍, 後來改名Flash Builder, 已經有和Flash IDE整併的意味, 現在又宣佈Flash CS5將內建Flash Builder, 原本開發路線分歧讓使用者選邊站並非良策, 只會分散愛好族群而已, 能夠合併真是個好消息, 但也要期待整合性能完善一點, 希望不要只是造出一隻更肥大的怪物。</p>


		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/10225669.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/10225669.html</link>
	<guid>http://blog.roodo.com/esabear/archives/10225669.html</guid>
	<category>Flash筆記</category>
	<pubDate>Tue, 06 Oct 2009 21:00:24 +0800</pubDate>
</item>
<item>
	<title>【筆記】Facebook API: FBML裡Flash無法輸入中文的問題</title>
	<description><![CDATA[
			　　在Facebook裡開發應用程式, 有分為Iframe和FBML二種作法, 前者直接用iframe嵌入, 開發起來較直覺; 後者則是用Facebook的預設語法來產生介面, 可以製造出和Facebook較一致的介面。

　　在FBML中也可以嵌入flash, 使用的標籤是fb:swf (?), 但是render出的flash卻有一個小問題：無法輸入中文, 這是因為預設的wmode是透明模式(transparent), 只要把wmode設為window就可以解決。只是設為window後還是會有個小問題, 就是在做內建的publish story等會跳出視窗的動作時, 底下的flash會消失, 這可能是因為Facebook要解決flash和div無法相疊的問題 (flash會壓在div上), 還好視窗關閉後就會重新回到flash, 不會造成太大問題。
		]]>
	</description>
	<content:encoded><![CDATA[
			<p>　　在Facebook裡開發應用程式, 有分為Iframe和FBML二種作法, 前者直接用iframe嵌入, 開發起來較直覺; 後者則是用Facebook的預設語法來產生介面, 可以製造出和Facebook較一致的介面。</p>

<p>　　在FBML中也可以嵌入flash, 使用的標籤是fb:swf (<a href="http://wiki.developers.facebook.com/index.php/Fb:swf" target="_blank" title="Facebook API文件">?</a>), 但是render出的flash卻有一個小問題：<b>無法輸入中文</b>, 這是因為預設的wmode是透明模式(transparent), 只要<b>把wmode設為window</b>就可以解決。只是設為window後還是會有個小問題, 就是在做內建的publish story等會跳出視窗的動作時, 底下的flash會消失, 這可能是因為Facebook要解決flash和div無法相疊的問題 (flash會壓在div上), 還好視窗關閉後就會重新回到flash, 不會造成太大問題。</p>
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/10116879.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/10116879.html</link>
	<guid>http://blog.roodo.com/esabear/archives/10116879.html</guid>
	<category>Flash筆記</category>
	<pubDate>Mon, 28 Sep 2009 19:32:53 +0800</pubDate>
</item>
<item>
	<title>【作品】3D標籤雲不再是WordPress獨有 &amp;raquo; 樂多也可以</title>
	<description><![CDATA[
			　　WordPress有一款名為WP-Cumulus的外掛, 可以將文章標籤展現為3D雲的形式, 很喜歡這個效果, 於是用papervision3D仿做了類似的動態, 順便寫了一點程式, 可以預覽並產生部落貼語法, 貼在樂多的自由欄位中, 就可以自動取代內建的標籤雲轉為3D版本, 效果見左側欄位, 分享給一樣喜歡立體特效的樂多部落客們。


function build_tagCloud_to_div (container, tagXML, path, swfW, swfH, noBG, bgColor, auto_stop, color, color_hover, scale_particle, scale_all, text_padding, text_thickness, minAlpha, speed, radius) {
	var wmode = noBG ? "Transparent" : "Window";
	var srcPath = path;
	var variables = '';
	
	if (!noBG) variables += 'bgColor=' + bgColor + '&';
	if (auto_stop) variables += 'auto_stop=1&';
	
	variables += 'color='+color+'&color_hover='+color_hover+'&scale_particle='+scale_particle+'&scale_all='+scale_all+'&text_padding='+text_padding+'&text_thickness='+text_thickness+'&minAlpha='+minAlpha+'&speed='+speed+'&radius='+radius+'&tags=';
	variables += encodeURI (tagXML);
	
	var embed_code  = '';
	embed_code += '';
	embed_code += '';
	embed_code += '';
	embed_code += '';
	embed_code += '';
	embed_code += '';
	embed_code += '';
	embed_code += '';
		
	document.getElementById(container).innerHTML = embed_code;
}


預覽結果：

(按下產生器中的按鈕預覽並取得程式碼)










		]]>
	</description>
	<content:encoded><![CDATA[
			<p>　　WordPress有一款名為<a href="http://wordpress.org/extend/plugins/wp-cumulus/" target="_blank" rel="nofollow">WP-Cumulus</a>的外掛, 可以將文章標籤展現為3D雲的形式, 很喜歡這個效果, 於是用papervision3D<a href="http://blog.roodo.com/esabear/archives/9692349.html">仿做</a>了類似的動態, 順便寫了一點程式, 可以預覽並產生部落貼語法, 貼在樂多的自由欄位中, 就可以自動取代內建的標籤雲轉為3D版本, 效果見左側欄位, 分享給一樣喜歡立體特效的樂多部落客們。</p>

<script type="text/javascript">
function build_tagCloud_to_div (container, tagXML, path, swfW, swfH, noBG, bgColor, auto_stop, color, color_hover, scale_particle, scale_all, text_padding, text_thickness, minAlpha, speed, radius) {
	var wmode = noBG ? "Transparent" : "Window";
	var srcPath = path;
	var variables = '';
	
	if (!noBG) variables += 'bgColor=' + bgColor + '&';
	if (auto_stop) variables += 'auto_stop=1&';
	
	variables += 'color='+color+'&color_hover='+color_hover+'&scale_particle='+scale_particle+'&scale_all='+scale_all+'&text_padding='+text_padding+'&text_thickness='+text_thickness+'&minAlpha='+minAlpha+'&speed='+speed+'&radius='+radius+'&tags=';
	variables += encodeURI (tagXML);
	
	var embed_code  = '<div><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="'+swfW+'" height="'+swfH+'" id="tagcloud_flash" align="middle">';
	embed_code += '<param name="FlashVars" value="'+variables+'" />';
	embed_code += '<param name="allowScriptAccess" value="sameDomain" />';
	embed_code += '<param name="movie" value="'+srcPath+'"/>';
	embed_code += '<param name="wmode" value="'+wmode+'" />';
	embed_code += '<param name="quality" value="high" />';
	embed_code += '<embed name="tagcloud_flash" src="'+srcPath+'" wmode="'+wmode+'" width="'+swfW+'" height="'+swfH+'" flashvars="'+variables+'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">';
	embed_code += '</object>';
	embed_code += '</div>';
		
	document.getElementById(container).innerHTML = embed_code;
}
</script>

<h2>預覽結果：</h2>
<p>
<div id="div_sampleTagCloud">(按下產生器中的按鈕預覽並取得程式碼)</div>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="450" height="470">
<param name="src" value="http://blog.roodo.com/esabear/8f9481ba.swf" />
<param name="width" value="450" />
<param name="height" value="470" />
<param name="quality" value="high">
<!--[if !IE]-->
<embed type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" src="http://blog.roodo.com/esabear/8f9481ba.swf" width="450" height="470" quality="high"></embed>
<!--[endif]-->
</object>
</p>
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/9790107.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/9790107.html</link>
	<guid>http://blog.roodo.com/esabear/archives/9790107.html</guid>
	<category>Flash筆記</category>
	<pubDate>Tue, 18 Aug 2009 23:57:10 +0800</pubDate>
</item>
<item>
	<title>【練習】3D標籤雲實作</title>
	<description><![CDATA[
			　　看到有些部落格裡開始出現3D造型的標籤雲(3D tag cloud), 感覺滿有趣的, 於是模仿動態做一個, 當作PV3D的練習, 原始檔附於文末。




【點此預覽3D標籤雲】

延伸閱讀：
‧3D標籤雲不再是WordPress獨有 » 樂多也可以
		]]>
	</description>
	<content:encoded><![CDATA[
			　　看到有些部落格裡開始出現3D造型的標籤雲(3D tag cloud), 感覺滿有趣的, 於是模仿動態做一個, 當作PV3D的練習, 原始檔附於文末。

<link rel="stylesheet" href="http://esabear.googlepages.com/swfbox.css" type="text/css" media="screen"/>
<script type="text/javascript" src="http://esabear.googlepages.com/swfbox.js"></script>

<div id="tagcloudpreview">【<a href="http://blog.roodo.com/esabear/b35d516c.swf" title="3D tag cloud" onclick="SWFbox('3d tag cloud','450','400','#FFFFFF', this.href); return false;">點此預覽3D標籤雲</a>】<br /><br /></div>

<p><b>延伸閱讀：</b><br/>
‧<a href="http://blog.roodo.com/esabear/archives/9790107.html">3D標籤雲不再是WordPress獨有 » 樂多也可以</a></p>
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/9692349.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/9692349.html</link>
	<guid>http://blog.roodo.com/esabear/archives/9692349.html</guid>
	<category>Flash筆記</category>
	<pubDate>Thu, 06 Aug 2009 22:12:58 +0800</pubDate>
</item>
<item>
	<title>【玩具】測試你的臉是否左右對稱</title>
	<description><![CDATA[
			
步驟一：點選上傳個人照。
步驟二：移動、縮放、旋轉照片, 以紅線為置中線, 滑鼠停留在Flash可觀看結果。












	#cs4_container {
		width: 450px;
		height: 90px;
	}


　　點子來源是地圖日記的左右臉製造機, 不過懶得申請帳號, 只好自己寫一個 (雖然好像花了更多時間XD), Flash player 10 的 FileReference 類別 load()、save() 函式可以支援直接上傳/下載本機檔案, 而不用經過伺服器端, 剛好可以玩一下。
		]]>
	</description>
	<content:encoded><![CDATA[
			<p>
步驟一：點選上傳個人照。<br />
步驟二：移動、縮放、旋轉照片, 以紅線為置中線, 滑鼠停留在Flash可觀看結果。<br />
</p>
<div id="cs4_container" style="width:450px; height:300px;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="100%" height="100%" id="FlashExternalInterface" align="middle">
<param name="allowScriptAccess" value="always" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="http://blog.roodo.com/esabear/05c27a5f.swf?isOnline=1" />
<param name="quality" value="high" />
<embed name="FlashExternalInterface" src="http://blog.roodo.com/esabear/05c27a5f.swf?isOnline=1" width="100%" height="100%" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"  />
</object>
</div>
<noscript>
<style type="text/css">
	#cs4_container {
		width: 450px;
		height: 90px;
	}
</style>
</noscript>
<p>　　點子來源是地圖日記的<a href="http://www.atlaspost.com/face" target="_blank">左右臉製造機</a>, 不過懶得申請帳號, 只好自己寫一個 (雖然好像花了更多時間XD), Flash player 10 的 FileReference 類別 load()、save() 函式可以支援直接上傳/下載本機檔案, 而不用經過伺服器端, 剛好可以玩一下。</p>
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/9535363.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/9535363.html</link>
	<guid>http://blog.roodo.com/esabear/archives/9535363.html</guid>
	<category>Flash筆記</category>
	<pubDate>Mon, 27 Jul 2009 23:23:25 +0800</pubDate>
</item>
<item>
	<title>【備忘】Flash使用全螢幕模式</title>
	<description><![CDATA[
			　　和【技術】嵌入全畫面的Flash並設定最小高與寬這篇不同, flash有展開至全螢幕的功能。把Flash擴展到整個螢幕, 只是有一些限制: 非AIR模式時, 鍵盤輸入除了方向鍵、空格鍵和 Tab 鍵、ESC (Windows 和 Mac)、Control+W (Windows)、Command+W (Mac) 以及 Alt+F4 外, 都會被停用, 還有文字輸入欄位也會失效。
　　基本上, Adobe的文件已經寫得很清楚, 見http://help.adobe.com/的Adobe ActionScript 3.0 * 使用全螢幕模式, 在這裡做個備忘。
		]]>
	</description>
	<content:encoded><![CDATA[
			<p>　　和【技術】<a href="http://blog.roodo.com/esabear/archives/8362809.html">嵌入全畫面的Flash並設定最小高與寬</a>這篇不同, flash有展開至全螢幕的功能。把Flash擴展到整個螢幕, 只是有一些限制: 非AIR模式時, 鍵盤輸入除了方向鍵、空格鍵和 Tab 鍵、ESC (Windows 和 Mac)、Control+W (Windows)、Command+W (Mac) 以及 Alt+F4 外, 都會被停用, 還有文字輸入欄位也會失效。</p>
<p>　　基本上, Adobe的文件已經寫得很清楚, 見<a href="http://help.adobe.com/zh_TW/ActionScript/3.0_ProgrammingAS3/WS2E9C7F3B-6A7C-4c5d-8ADD-5B23446FBEEB.html" target="_blank">http://help.adobe.com/</a>的<strong>Adobe ActionScript 3.0 * 使用全螢幕模式</strong>, 在這裡做個備忘。</p>
		
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/9461701.html</link>
	<guid>http://blog.roodo.com/esabear/archives/9461701.html</guid>
	<category>Flash筆記</category>
	<pubDate>Wed, 15 Jul 2009 23:39:46 +0800</pubDate>
</item>
<item>
	<title>【心得】技術 vs 創意</title>
	<description><![CDATA[
			　　好久沒有玩點基礎的東西了, 有時候會想: 技術和創意成正比嗎? 實際體驗後的結論是: 不見得。新奇的技術會讓使用者產生新鮮感, 但是不見得能傳達出正確的核心想法, 很多優良的海報型廣告, 光靠一個靜態畫面就能吸引目光、展現訴求, Flash多了動態, 照理說可以表達出更多東西, 可是有時卻是相反, 有些網站技術超群, 看了之後總是: 哇 好炫! 怎麼做的？有趣。卻反而使人轉移焦點, 關掉網站後, 連網站內介紹的是什麼都忘了, 當目光不是放在網站的內容(what)而是技術(how), 這樣就很可惜了。創意和技術就好比是電影的劇情與特效, 有劇情沒特效可以是小品, 沒有劇情空有特效卻很空虛, 要怎麼拿捏很重要。過與不及都不算好, 就好像太過華麗的文案會讓使用者一頭霧水; 太多物件的畫面會讓視覺失焦, 技術面也是一樣的道理。

　　並不是說技術不重要, 何況身為一個技術人員, 技術面當然是越深越好, 但是如果能把簡單的技術玩得有趣也很是厲害, 舉例來說, 最基本的beginGradientFill()函式, 稍微改變一下focalPointRatio和旋轉填色方向, 就多了些動態變化, 可以做動態背景或者3D的貼圖, 用法很有創意空間。


	#fillwithmouse {
		width: 400px;
		height: 400px;
	}


 
		 
		 
		 
		 
		 

		]]>
	</description>
	<content:encoded><![CDATA[
			<p>　　好久沒有玩點基礎的東西了, 有時候會想: <strong>技術和創意成正比嗎?</strong> 實際體驗後的結論是: 不見得。新奇的技術會讓使用者產生新鮮感, 但是不見得能傳達出正確的核心想法, 很多優良的海報型廣告, 光靠一個靜態畫面就能吸引目光、展現訴求, Flash多了動態, 照理說可以表達出更多東西, 可是有時卻是相反, 有些網站技術超群, 看了之後總是: 哇 好炫! 怎麼做的？有趣。卻反而使人轉移焦點, 關掉網站後, 連網站內介紹的是什麼都忘了, 當目光不是放在網站的內容(what)而是技術(how), 這樣就很可惜了。創意和技術就好比是電影的劇情與特效, 有劇情沒特效可以是小品, 沒有劇情空有特效卻很空虛, 要怎麼拿捏很重要。過與不及都不算好, 就好像太過華麗的文案會讓使用者一頭霧水; 太多物件的畫面會讓視覺失焦, 技術面也是一樣的道理。</p>

<p>　　並不是說技術不重要, 何況身為一個技術人員, 技術面當然是越深越好, 但是如果能把簡單的技術玩得有趣也很是厲害, 舉例來說, 最基本的beginGradientFill()函式, 稍微改變一下focalPointRatio和旋轉填色方向, 就多了些動態變化, 可以做動態背景或者3D的貼圖, 用法很有創意空間。</p>

<style type="text/css">
	#fillwithmouse {
		width: 400px;
		height: 400px;
	}
</style>

<div id="fillwithmouse"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="100%" height="100%" id="website" align="middle"> 
		<param name="allowScriptAccess" value="always" /> 
		<param name="allowFullScreen" value="true" /> 
		<param name="movie" value="http://blog.roodo.com/esabear/4d884edf.swf" /> 
		<param name="quality" value="high" /> 
		<embed name="website" src="http://blog.roodo.com/esabear/4d884edf.swf" width="100%" height="100%" allowScriptAccess="always" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"  /> 
</object></div>
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/9412575.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/9412575.html</link>
	<guid>http://blog.roodo.com/esabear/archives/9412575.html</guid>
	<category>Flash筆記</category>
	<pubDate>Thu, 09 Jul 2009 22:00:44 +0800</pubDate>
</item>
<item>
	<title>【工具】Papervision3D Collada預覽工具(DaeViewer)</title>
	<description><![CDATA[
			　　由於有時想看看輸出的DAE模型在Papervision3D裡, 到底能不能讀取? 貼圖是否正確? 大小比例如何?, 在網路上找了幾個COLLADA檔案的預覽工具, 依照目前的需求做一點評比:


SwirlX3D Viewer
http://www.pinecoast.com/swvdownload.htm
‧優點: 可讀取VRML, X3D, Collada, 3DS, OBJ, PLY, STL等格式
‧缺點: 它可讀取的Collada不一定能被papervision3D接受, 有時是反過來



MAD VERTICES - DAE File Viewer
http://www.madvertices.com/2008/02/dae-file-viewer.html
‧優點: 使用papervision3D建置, 檔案能不能支援一目瞭然
‧缺點: 不能指定檔案



daeviewer (AIR)
http://code.google.com/p/daeviewer/
‧優點: AIR應用, 可拖曳檔案讀取
‧缺點: 操作介面是用slider, 不是我想要的方式


　　加上先前關注的VizualPV3D雖然已經宣告支援Collada載入功能, 但停留在Alpha版且未釋出, 只好自己先寫一個簡單的小工具了。
*2009-06-23 Update: 就在我嘗試加上動畫預覽功能時, 又找到二個不錯的工具, Papervision3D Previewer 和  Papervision Collada Viewer, 後者因為也是AIR應用所以沒有目錄限制的問題, 而且有動畫播放的功能, 離線時推薦使用~
		]]>
	</description>
	<content:encoded><![CDATA[
			　　由於有時想看看輸出的DAE模型在Papervision3D裡, 到底能不能讀取? 貼圖是否正確? 大小比例如何?, 在網路上找了幾個COLLADA檔案的預覽工具, 依照目前的需求做一點評比:<br />
<hr />
<p>
<b>SwirlX3D Viewer</b><br />
<a href="http://www.pinecoast.com/swvdownload.htm" target="_blank">http://www.pinecoast.com/swvdownload.htm</a><br />
‧優點: 可讀取VRML, X3D, Collada, 3DS, OBJ, PLY, STL等格式<br/>
‧缺點: 它可讀取的Collada不一定能被papervision3D接受, 有時是反過來<br/>
</p>

<p>
<b>MAD VERTICES - DAE File Viewer</b><br />
<a href="http://www.madvertices.com/2008/02/dae-file-viewer.html" target="_blank">http://www.madvertices.com/2008/02/dae-file-viewer.html</a><br />
‧優點: 使用papervision3D建置, 檔案能不能支援一目瞭然<br/>
‧缺點: 不能指定檔案
</p>

<p>
<b>daeviewer (AIR)</b><br/>
<a href="http://code.google.com/p/daeviewer/" target="_blank">http://code.google.com/p/daeviewer/</a><br/>
‧優點: AIR應用, 可拖曳檔案讀取<br/>
‧缺點: 操作介面是用slider, 不是我想要的方式
</p>
<hr />
<p>　　加上先前關注的<a href="http://www.juxtinteractive.com/work/vizualpv3d/" target="_blank">VizualPV3D</a>雖然已經宣告支援Collada載入功能, 但停留在Alpha版且未釋出, 只好自己先寫一個簡單的小工具了。</p>
<font color="red">*</font>2009-06-23 Update: 就在我嘗試加上動畫預覽功能時, 又找到二個不錯的工具, <a href="http://code.google.com/p/mrdoob/wiki/pv3dpreviewer" target="_blank">Papervision3D Previewer</a> 和  <a href="http://blog.anthony-scavarelli.com/archives/77" target="_blank">Papervision Collada Viewer</a>, 後者因為也是AIR應用所以沒有目錄限制的問題, 而且有動畫播放的功能, 離線時推薦使用~
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/9268611.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/9268611.html</link>
	<guid>http://blog.roodo.com/esabear/archives/9268611.html</guid>
	<category>Flash筆記</category>
	<pubDate>Fri, 19 Jun 2009 10:27:16 +0800</pubDate>
</item>
<item>
	<title>【練習】2D與3D的精準對位</title>
	<description><![CDATA[
			　　3D的應用不時都會和2D結合, 上一篇的Big and Small有部份是將2D的影像以粒子(particle)等方式置於場景中，一樣有z深度, 也會因為場景的移動而被遮蓋、縮放, 本質上還是MovieClip, 這是2D置入3D畫面的方法; 有時的應用則是需要3D置於2D之上, 因全3D畫面的運算負荷過重, 所以把2D畫面當主軸, 需要時才轉換, 這時候就要用對位的方式, 讓3D物件從2D畫面銜接上來, 聽起來似乎很難, 但其實是很簡單的公式就能達成。




【觀看範例】2D部份是影格動畫, 按下"3D"後隱藏物件並換上3D圖 (隨滑鼠轉動)

公式參考來源: Everyday Flash | demo
		]]>
	</description>
	<content:encoded><![CDATA[
			<p>　　3D的應用不時都會和2D結合, <a href="http://blog.roodo.com/esabear/archives/9147463.html" >上一篇</a>的Big and Small有部份是將2D的影像以粒子(particle)等方式置於場景中，一樣有z深度, 也會因為場景的移動而被遮蓋、縮放, 本質上還是MovieClip, 這是2D置入3D畫面的方法; 有時的應用則是需要3D置於2D之上, 因全3D畫面的運算負荷過重, 所以把2D畫面當主軸, 需要時才轉換, 這時候就要用對位的方式, 讓3D物件從2D畫面銜接上來, 聽起來似乎很難, 但其實是很簡單的公式就能達成。</p>

<link rel="stylesheet" href="http://esabear.googlepages.com/swfbox.css" type="text/css" media="screen"/>
<script type="text/javascript" src="http://esabear.googlepages.com/swfbox.js"></script>

<p>【<a href="http://blog.roodo.com/esabear/bca6c82b.swf" onclick="SWFbox('2Dvs3Dmaping','500','300','#FFFFFF', this.href); return false;">觀看範例</a>】2D部份是影格動畫, 按下"3D"後隱藏物件並換上3D圖 (隨滑鼠轉動)</p>

<p>公式參考來源: <a href="http://www.everydayflash.com/blog/index.php/2008/07/07/pixel-precision-in-papervision3d/" target="_blank">Everyday Flash</a> | <a href="http://www.everydayflash.com/flash/pv3d/precision/" target="_blank">demo</a></p>
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/9255579.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/9255579.html</link>
	<guid>http://blog.roodo.com/esabear/archives/9255579.html</guid>
	<category>Flash筆記</category>
	<pubDate>Wed, 17 Jun 2009 22:31:18 +0800</pubDate>
</item>
<item>
	<title>【工具】PV3D所見即所得編輯工具</title>
	<description><![CDATA[
			　　寫Flash程式和用介面製作相比，最麻煩的就是無法預覽，每每都得重編來看結果，偏偏Flash IDE或Flex的編譯效能都不是很好，只要改個小地方就要重頭到尾重編一次，程式一多就會很耗時，如果能夠有介面能預覽程式效果不知有多好；尤其是3D程式設計，實際應用裡不可能全3D，常常要和一些平面選單或圖形相結合，可是立體畫面要精準地對位到2D畫面很不容易，primitive貼圖有沒有貼歪、攝影機位置要怎麼拿捏都是困擾…

　　但是有需求就有供應，真的有高手開發了這樣的工具：VizualPV3D。可以在類似3D編輯軟體的預覽畫面中調整各種參數，雖然現在剛釋出陽春的ALPHA版，但是依設計格局來看顯得很有野心，未來應該還會大幅加強，真的是開發者一大福音阿。



VizualPV3D
連結: www.juxtinteractive.../vizualpv3d/
下載: www.juxtinteractive.../vizualpv3d.zip
釋出版本: 0.9.084 ALPHA 測試版
功能簡介: 目前為全Flash介面、讀取/寫入場景xml、新增/編輯primitive、plane、向量svg、text及貼圖(支援影像檔或打包輸出的swf)，燈光(一組)、攝影機調整。

		]]>
	</description>
	<content:encoded><![CDATA[
			<p>　　寫Flash程式和用介面製作相比，最麻煩的就是無法預覽，每每都得重編來看結果，偏偏Flash IDE或Flex的編譯效能都不是很好，只要改個小地方就要重頭到尾重編一次，程式一多就會很耗時，如果能夠有介面能預覽程式效果不知有多好；尤其是3D程式設計，實際應用裡不可能全3D，常常要和一些平面選單或圖形相結合，可是立體畫面要精準地對位到2D畫面很不容易，primitive貼圖有沒有貼歪、攝影機位置要怎麼拿捏都是困擾…</p>

<p>　　但是有需求就有供應，真的有高手開發了這樣的工具：<strong>VizualPV3D</strong>。可以在類似3D編輯軟體的預覽畫面中調整各種參數，雖然現在剛釋出陽春的ALPHA版，但是依設計格局來看顯得很有野心，未來應該還會大幅加強，真的是開發者一大福音阿。</p>

<div class="pict"><a href="http://blog.roodo.com/esabear/58ac1582.jpg" target="_blank"><img src="http://blog.roodo.com/esabear/58ac1582_s.jpg"  border="0" alt="20090512_vizualpv_logo" hspace="5" class="pict" align="left"></a></div>
<ul>
<li><big>VizualPV3D</big></li>
<li><b>連結:</b> <a href="http://www.juxtinteractive.com/work/vizualpv3d/" target="_blank">www.juxtinteractive.../vizualpv3d/</a></li>
<li><b>下載:</b> <a href="http://www.juxtinteractive.com/_download/vizualpv3d.zip" target="_blank">www.juxtinteractive.../vizualpv3d.zip</a></li>
<li><b>釋出版本:</b> 0.9.084 ALPHA 測試版</li>
<li><b>功能簡介:</b> 目前為全Flash介面、讀取/寫入場景xml、新增/編輯primitive、plane、向量svg、text及貼圖(支援影像檔或打包輸出的swf)，燈光(一組)、攝影機調整。</li>
</ul>
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/8914307.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/8914307.html</link>
	<guid>http://blog.roodo.com/esabear/archives/8914307.html</guid>
	<category>Flash筆記</category>
	<pubDate>Tue, 12 May 2009 22:57:48 +0800</pubDate>
</item>
<item>
	<title>【心得】AS3取得當前位址與網域</title>
	<description><![CDATA[
			　　在Flash中有時會需要取得自己完整的url或者是domain name，如果是在JavaScript中，用 window.location.href 或者是 window.location.hostname 就可以簡單取得，如: 
，由於Flash可以是嵌在網頁或者獨立執行的多媒體，所以取得方式不像JavaScript那麼直覺，主要有幾種作法：


root.loaderInfo
LocalConnection
ExternalInterface


視需求做選擇
		]]>
	</description>
	<content:encoded><![CDATA[
			　　在Flash中有時會需要取得自己完整的url或者是domain name，如果是在JavaScript中，用 <strong>window.location.href</strong> 或者是 <strong>window.location.hostname</strong> 就可以簡單取得，如: 
<input type="button" name="button" id="button" value="取得目前網址" onClick="javascript:alert (window.location.href);"/>，由於Flash可以是嵌在網頁或者獨立執行的多媒體，所以取得方式不像JavaScript那麼直覺，主要有幾種作法：

<ol>
<li>root.loaderInfo</li>
<li>LocalConnection</li>
<li>ExternalInterface</li>
</ol>

視需求做選擇
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/8761867.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/8761867.html</link>
	<guid>http://blog.roodo.com/esabear/archives/8761867.html</guid>
	<category>Flash筆記</category>
	<pubDate>Mon, 20 Apr 2009 23:55:34 +0800</pubDate>
</item>
<item>
	<title>【練習】3D平面拼貼與旋轉</title>
	<description><![CDATA[
			



原始檔下載：


參考：http://www.paultondeur.com/引用的原因是原文還有一些3D的基礎觀念，值得初學者一看，除了bitmapData切割方式有參考外，其餘程式碼都是另外重寫，主要是延伸PV3D的basicView，basicView已經建立好一組viewport、camera、scene等，不需要再一一建立。

※原始檔須搭配Papervision3D使用


		]]>
	</description>
	<content:encoded><![CDATA[
			<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="500" height="400"><param name="wmode" value="transparent" /><param name="src" value="http://blog.roodo.com/esabear/484c7fc6.swf" /><param name="width" value="500" /><param name="height" value="400" /><embed type="application/x-shockwave-flash" wmode="transparent" src="http://blog.roodo.com/esabear/484c7fc6.swf" width="500" height="400"></embed></object>

<div>

原始檔下載：
<div class="pict" align="center"><a href="http://blog.roodo.com/esabear/529c064e.zip"><img src="http://blog.roodo.com/esabear/cd49f3a3.png"  border="0" alt=".fla" hspace="5" class="pict" align="left"></a></div>

<p>參考：<a href="http://www.paultondeur.com/2008/02/05/papervision3d-20-the-great-white-from-the-ground-up/" target="_blank">http://www.paultondeur.com/</a><br />引用的原因是原文還有一些3D的基礎觀念，值得初學者一看，除了bitmapData切割方式有參考外，其餘程式碼都是另外重寫，主要是延伸PV3D的basicView，basicView已經建立好一組viewport、camera、scene等，不需要再一一建立。</p>

<p>※原始檔須搭配<a href="http://code.google.com/p/papervision3d/" target="_blank">Papervision3D</a>使用</p>

</div>
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/8737345.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/8737345.html</link>
	<guid>http://blog.roodo.com/esabear/archives/8737345.html</guid>
	<category>Flash筆記</category>
	<pubDate>Fri, 17 Apr 2009 17:38:05 +0800</pubDate>
</item>
<item>
	<title>【練習】開啟置中小視窗(AS3+JavaScript)</title>
	<description><![CDATA[
			
function winopen(url,winN,winW,winH){
        winX=(screen.width-winW)/2;
        winY=(screen.height-winH)/2;
        popwin = window.open(url,winN,'left='+winX+',top='+winY+',width='+winW+',height='+winH+',toolbar=no,scrollbars=auto,resizable=no,directories=no,status=no,location=no');
        popwin.focus();
}


這篇算是【介紹】在Flash中開啟新視窗(AS 2 & 3) 中第二個作法的延伸：開啟置中的小視窗。搭配更完整的javascript語法。

範例如下：







JavaScript函式宣告：(toolbar=no/yes...等參數可以設定小視窗外觀)

function winopen(url,winN,winW,winH){
        winX=(screen.width-winW)/2;
        winY=(screen.height-winH)/2;
        popwin = window.open(url,winN,'left='+winX+',top='+winY+',width='+winW+',height='+winH+',toolbar=no,scrollbars=auto,resizable=no,directories=no,status=no,location=no');
        popwin.focus();
}


ActionScript 呼叫：(TARGET.html置換成目標網頁,newwin只是名稱)

var jscommand:String = "winopen('TARGET.html','newwin',180,50);";
var url:URLRequest = new URLRequest("javascript:" + jscommand + " void(0);");  
navigateToURL(url, "_self");



dp.SyntaxHighlighter.ClipboardSwf = 'http://esabear.googlepages.com/shClipboard.swf';
dp.SyntaxHighlighter.HighlightAll('codeJS');
dp.SyntaxHighlighter.HighlightAll('codeAS');


一個小小應用。


		]]>
	</description>
	<content:encoded><![CDATA[
			<script type="text/javascript">
function winopen(url,winN,winW,winH){
        winX=(screen.width-winW)/2;
        winY=(screen.height-winH)/2;
        popwin = window.open(url,winN,'left='+winX+',top='+winY+',width='+winW+',height='+winH+',toolbar=no,scrollbars=auto,resizable=no,directories=no,status=no,location=no');
        popwin.focus();
}
</script>

<p>這篇算是【介紹】<a href="http://blog.roodo.com/esabear/archives/7407393.html">在Flash中開啟新視窗(AS 2 & 3)</a> 中第二個作法的延伸：開啟置中的小視窗。搭配更完整的javascript語法。</p>

<p>範例如下：</p>
<span style="color: #0000ee; text-decoration: underline" class="Apple-style-span"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="180" height="50"><param name="src" value="http://blog.roodo.com/esabear/c0cbce10.swf" /><param name="width" value="180" /><param name="height" value="50" /><embed type="application/x-shockwave-flash" src="http://blog.roodo.com/esabear/c0cbce10.swf" width="180" height="50"></embed></object><br /></span>

<link type="text/css" rel="stylesheet" href="http://esabear.googlepages.com/SyntaxHighlighter.css"></link>
<script language="javascript" src="http://esabear.googlepages.com/shCore.js"></script>
<script language="javascript" src="http://esabear.googlepages.com/shBrushActionScript.js"></script>
<script language="javascript" src="http://esabear.googlepages.com/shBrushJScript.js"></script>

<p>JavaScript函式宣告：(toolbar=no/yes...等參數可以設定小視窗外觀)</p>
<pre name=codeJS class=javascript>
function winopen(url,winN,winW,winH){
        winX=(screen.width-winW)/2;
        winY=(screen.height-winH)/2;
        popwin = window.open(url,winN,'left='+winX+',top='+winY+',width='+winW+',height='+winH+',toolbar=no,scrollbars=auto,resizable=no,directories=no,status=no,location=no');
        popwin.focus();
}
</pre>

<p>ActionScript 呼叫：(TARGET.html置換成目標網頁,newwin只是名稱)</p>
<pre name=codeAS class=actionscript>
var jscommand:String = "winopen('TARGET.html','newwin',180,50);";
var url:URLRequest = new URLRequest("javascript:" + jscommand + " void(0);");  
navigateToURL(url, "_self");
</pre>

<script language="JavaScript">
dp.SyntaxHighlighter.ClipboardSwf = 'http://esabear.googlepages.com/shClipboard.swf';
dp.SyntaxHighlighter.HighlightAll('codeJS');
dp.SyntaxHighlighter.HighlightAll('codeAS');
</script>

<p>一個小小應用。</p>


		
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/8730655.html</link>
	<guid>http://blog.roodo.com/esabear/archives/8730655.html</guid>
	<category>Flash筆記</category>
	<pubDate>Thu, 16 Apr 2009 20:15:22 +0800</pubDate>
</item>
<item>
	<title>【比賽】Tweetcoding：140個字元的程式，又能做出怎樣的Flash？</title>
	<description><![CDATA[
			　　Flash程式競賽有越來越微型化的傾向，以前有　4K Game　比賽，先前的　25lines.com　舉辦了25行程式碼的比賽，後來又陸陸續續辦了幾次，參賽作品越來越令人驚豔…25行程式碼看似相當少，但　gskinner　決定舉行一個更短的程式競賽，一下子縮減到限制在140個字元內，這麼少的長度，光是加一句addEventListener就用去了十分之一強，放在文章裡頂多2行，140字元到底能做出什麼？當然做出來的一定不如25lines的成品，但是仍然有程式高手做出很棒的作品，創意五花八門，有的還可以和滑鼠、聲音，甚至攝影機做互動。
比賽規則很簡單：
　　#tweetcoding: code something cool in 
		]]>
	</description>
	<content:encoded><![CDATA[
			<p>　　Flash程式競賽有越來越微型化的傾向，以前有　<a href="http://www.gamepoetry.com/blog/2009/02/06/flash-4k-game-competition-prizes-and-rules/" target="_blank">4K Game</a>　比賽，先前的　<a href="http://www.25lines.com/" target="_blank">25lines.com</a>　舉辦了25行程式碼的比賽，後來又陸陸續續辦了幾次，參賽作品越來越令人驚豔…25行程式碼看似相當少，但　<a href="http://gskinner.com/playpen/tweetcoding.html" target="_blank">gskinner</a>　決定舉行一個更短的程式競賽，一下子縮減到限制在<b>140</b>個字元內，這麼少的長度，光是加一句<b>addEventListener</b>就用去了十分之一強，放在文章裡頂多2行，140字元到底能做出什麼？當然做出來的一定不如25lines的成品，但是仍然有程式高手做出很棒的作品，創意五花八門，有的還可以和滑鼠、聲音，甚至攝影機做互動。</p>
<p>比賽規則很簡單：</p>
<p>　　<b>#tweetcoding: code something cool in <=140 characters of AS3</b></p>
<p>獎品：Adobe Flash CS4軟體一套</p>
<p>比賽連結：<a href="http://gskinner.com/playpen/tweetcoding.html" target="_blank">tweetcoding</a></p>
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/8566447.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/8566447.html</link>
	<guid>http://blog.roodo.com/esabear/archives/8566447.html</guid>
	<category>Flash筆記</category>
	<pubDate>Wed, 25 Mar 2009 20:16:35 +0800</pubDate>
</item>
<item>
	<title>【心得】Flash loading的作法與實務</title>
	<description><![CDATA[
			　　Loading在Flash裡十分常用，隨著檔案大小的增加，使用者等待的時間越久，loading畫面就更加馬虎不得，有些開發者會隨意塞個簡單的文字告知正在載入中，有些則經過精心設計，例如Pretty Loaded這個網站所收集的各式載入畫面，同樣是loading，後者顯然更能引人入勝。自己看輸出的swf檔總是很順暢，殊不知flash的一大考驗在於網路頻寬、延遲與效能，包括loading、載入其它flash、圖像、影音的處理，不能讓觀眾老是處於等待中，而且還能感覺到等待的價值，loading才能算成功。在AS3裡要做preload需要一些步驟：
		]]>
	</description>
	<content:encoded><![CDATA[
			　　Loading在Flash裡十分常用，隨著檔案大小的增加，使用者等待的時間越久，loading畫面就更加馬虎不得，有些開發者會隨意塞個簡單的文字告知正在載入中，有些則經過精心設計，例如<a href="http://www.prettyloaded.com/" target="_blank">Pretty Loaded</a>這個網站所收集的各式載入畫面，同樣是loading，後者顯然更能引人入勝。自己看輸出的swf檔總是很順暢，殊不知flash的一大考驗在於網路頻寬、延遲與效能，包括loading、載入其它flash、圖像、影音的處理，不能讓觀眾老是處於等待中，而且還能感覺到等待的價值，loading才能算成功。在AS3裡要做preload需要一些步驟：
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/8474471.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/8474471.html</link>
	<guid>http://blog.roodo.com/esabear/archives/8474471.html</guid>
	<category>Flash筆記</category>
	<pubDate>Wed, 11 Mar 2009 12:08:45 +0800</pubDate>
</item>
<item>
	<title>【技術】嵌入全畫面的Flash並設定最小高與寬</title>
	<description><![CDATA[
			將Flash放到網頁中，使之隨著全螢幕縮放，主要有3種作法，各有優缺點：

將嵌入flash語法中的width、height設為100%。
優點：簡單易用。
缺點：無法限定最小寬度與高度，解析度不夠的時候一些內容會消失。
用JavaScript抓取瀏覽器長寬，監聽resize事件調整flash。(見範例一)
優點：可以做到限定最小及最大長寬。
缺點：有時邊緣並不是那麼準確。(有改善空間)
用CSS擴充第1個方法中的作法，只是加入min-width等屬性。(見範例二)
優點：可以做到限定最小及最大長寬。
缺點：目前沒有。
*Update：發現一個很棒的 script 套件 - swffit，用法見官網連結的Example Pages，這是屬於JavaScript的作法，相容於各大瀏覽器，除了能限定最小/大的長寬值外，還提供了更多功能函式，值得列入開發工具箱裡。



		]]>
	</description>
	<content:encoded><![CDATA[
			將Flash放到網頁中，使之隨著全螢幕縮放，主要有3種作法，各有優缺點：
<ol>
<li>將嵌入flash語法中的width、height設為100%。<br />
<b>優點：</b>簡單易用。<br />
<b>缺點：</b>無法限定最小寬度與高度，解析度不夠的時候一些內容會消失。<br /></li>
<li>用JavaScript抓取瀏覽器長寬，監聽resize事件調整flash。(見<a href="http://esabear.googlepages.com/fullscreen_javaScript.html" target="_blank">範例一</a>)<br />
<b>優點：</b>可以做到限定最小及最大長寬。<br />
<b>缺點：</b>有時邊緣並不是那麼準確。(有改善空間)<br /></li>
<li>用CSS擴充第1個方法中的作法，只是加入min-width等屬性。(見<a href="http://esabear.googlepages.com/fullscreen_css.html" target="_blank">範例二</a>)<br />
<b>優點：</b>可以做到限定最小及最大長寬。<br />
<b>缺點：</b>目前沒有。</li>
<li><span style="color: #FF0000;">*</span><strong>Update</strong>：發現一個很棒的 script 套件 - <strong><span style="color: #555;">swf</span><span style="color: #1ea1d8;">fit</span></strong>，用法見<a href="http://swffit.millermedeiros.com/" target="_blank">官網連結</a>的<strong>Example Pages</strong>，這是屬於JavaScript的作法，相容於各大瀏覽器，除了能限定最小/大的長寬值外，還提供了更多功能函式，值得列入開發工具箱裡。
</li>

</ol><!-- keyword: Scalable fullscreen Flash with css & javaScript version -->
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/8362809.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/8362809.html</link>
	<guid>http://blog.roodo.com/esabear/archives/8362809.html</guid>
	<category>Flash筆記</category>
	<pubDate>Sat, 28 Feb 2009 11:21:17 +0800</pubDate>
</item>
<item>
	<title>【練習】模擬3D視角</title>
	<description><![CDATA[
			


要如何讓靜態圖移動，看起來像立體空間？
根據道路經驗，隨著車身移動，越遠的景物，越不容易移動；越近的物品，則越快掠過視線。近如電線桿，遠至無限遠，如太陽，彷彿不會移動。
利用這個原理，將圖像上的物件依照深度排列，隨著視角移動，給予不同的位移量，就能夠模擬出簡單的立體效果…

米勒《拾穗》

		]]>
	</description>
	<content:encoded><![CDATA[
			<table width="100%"  border="0" cellspacing="5" cellpadding="2">
<tr>
<td width="160" valign="bottom"><div align="center"><a href="http://blog.roodo.com/esabear/0fead9b6.jpg" target="_blank"><img class="pict" src="http://blog.roodo.com/esabear/0fead9b6_s.jpg" border="0" alt="米勒‧拾穗" hspace="5" /></a></div></td>
<td rowspan="2"><b>要如何讓靜態圖移動，看起來像立體空間？</b><br/>
根據道路經驗，隨著車身移動，越遠的景物，越不容易移動；越近的物品，則越快掠過視線。近如電線桿，遠至無限遠，如太陽，彷彿不會移動。<br />
利用這個原理，將圖像上的物件依照深度排列，隨著視角移動，給予不同的位移量，就能夠模擬出簡單的立體效果…</td>
</tr>
<tr><td valign="top"><div align="center">米勒《拾穗》</div></td></tr>
</table>
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/8212183.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/8212183.html</link>
	<guid>http://blog.roodo.com/esabear/archives/8212183.html</guid>
	<category>Flash筆記</category>
	<pubDate>Sun, 01 Feb 2009 15:05:15 +0800</pubDate>
</item>
<item>
	<title>【介紹】在Flash中使用Google Maps</title>
	<description><![CDATA[
			Google於2008年釋出了Google Maps API for Flash，5月時還只支援Flex，現在已經可以在Flash CS3中編譯，這麼棒的工具當然要用用看～
		]]>
	</description>
	<content:encoded><![CDATA[
			<strong><font color="#0000ff">G</font><font color="#ff0000">o</font><font color="#ffcc00">o</font><font color="#0000ff">g</font><font color="#008000">l</font><font color="#ff0000">e</font></strong>於2008年釋出了<a href="http://code.google.com/apis/maps/documentation/flash/" target="_blank" title="Google Maps API for Flash">Google Maps API for Flash</a>，5月時還只支援Flex，現在已經可以在Flash CS3中編譯，這麼棒的工具當然要用用看～
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/8116497.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/8116497.html</link>
	<guid>http://blog.roodo.com/esabear/archives/8116497.html</guid>
	<category>Flash筆記</category>
	<pubDate>Sun, 18 Jan 2009 19:08:28 +0800</pubDate>
</item>
<item>
	<title>【心得】用Tweener模擬重力彈跳運動</title>
	<description><![CDATA[
			　　彈跳簡單說就是有加速度的運動方式，一種實作方式是在每次frame更新時，用加速度來重新計算速度與位置，檢查是否觸地，觸地後反向減速，直到速度為零…反覆動作，但其實彈跳的運動軌跡是有跡可循的，Tweener就有內建"easeInBounce"模式，可以用來模擬彈跳運動，只是較為制式，只能固定彈跳四下，用起來方便但不夠實用，不過只要用Tweener其它的模式，稍微換算一下，就可以達到很好的彈跳效果，而且參數皆可自訂。
		]]>
	</description>
	<content:encoded><![CDATA[
			　　彈跳簡單說就是有加速度的運動方式，一種實作方式是在每次frame更新時，用加速度來重新計算速度與位置，檢查是否觸地，觸地後反向減速，直到速度為零…反覆動作，但其實彈跳的運動軌跡是有跡可循的，Tweener就有內建"easeInBounce"模式，可以用來模擬彈跳運動，只是較為制式，只能固定彈跳四下，用起來方便但不夠實用，不過只要用Tweener其它的模式，稍微換算一下，就可以達到很好的彈跳效果，而且參數皆可自訂。
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/8083031.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/8083031.html</link>
	<guid>http://blog.roodo.com/esabear/archives/8083031.html</guid>
	<category>Flash筆記</category>
	<pubDate>Mon, 12 Jan 2009 21:20:27 +0800</pubDate>
</item>
<item>
	<title>【工具】用Tweener做貝茲曲線移動</title>
	<description><![CDATA[
			官方釋出的工具，應該不需要介紹吧~
		]]>
	</description>
	<content:encoded><![CDATA[
			官方釋出的工具，應該不需要介紹吧~<br /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="500" height="400"><param name="src" value="http://esabear.googlepages.com/bezierMaker.swf" /><param name="width" value="500" /><param name="height" value="400" /><embed type="application/x-shockwave-flash" src="http://esabear.googlepages.com/bezierMaker.swf" width="500" height="400"></embed></object>
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/8051677.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/8051677.html</link>
	<guid>http://blog.roodo.com/esabear/archives/8051677.html</guid>
	<category>Flash筆記</category>
	<pubDate>Thu, 08 Jan 2009 22:50:52 +0800</pubDate>
</item>
<item>
	<title>【比賽】短短25行程式，可以做出多驚人的Flash？</title>
	<description><![CDATA[
			在Flash中，25行程式碼可以做出什麼作品？特效？遊戲？３Ｄ？
答案是都可以！
www.25lines.com在網站上舉辦了這樣一項競賽，Flash裡只有程式碼，也就是包括圖形和互動都由程式包辦，雖然只有短短25行，但是參賽者做出來的成品相當驚人！從近百件投稿裡篩選至12件，然後再進行投票，於12/16公佈了投票結果，勝利者是 Marius Heil 所做的一個文字遊戲 SmilieBounce 25，並贏得了一份 Adobe CS4 Master Collection 做為獎品，看看他的作品完整且具趣味性，相信是最適當的人選了，而其它前十二名的作品也相當不賴，以下依照名次由左至右排列，點圖片可觀看對應的作品：


  
  
  
  
  
  
  
  
  
  
  
  

		]]>
	</description>
	<content:encoded><![CDATA[
			<p>在Flash中，25行程式碼可以做出什麼作品？特效？遊戲？３Ｄ？</p>
<p>答案是都可以！</p>
<p><a href="http://www.25lines.com/" target="_blank">www.25lines.com</a>在網站上舉辦了這樣一項競賽，Flash裡只有程式碼，也就是包括圖形和互動都由程式包辦，雖然只有短短25行，但是參賽者做出來的成品相當驚人！從近百件投稿裡篩選至12件，然後再進行投票，於12/16公佈了投票<a href="http://www.25lines.com/?page_id=139" target="_blank">結果</a>，勝利者是 Marius Heil 所做的一個文字遊戲 SmilieBounce 25，並贏得了一份 Adobe CS4 Master Collection 做為獎品，看看他的作品完整且具趣味性，相信是最適當的人選了，而其它前十二名的作品也相當不賴，以下依照名次由左至右排列，點圖片可觀看對應的作品：</p>
<p><img src="http://blog.roodo.com/esabear/69464e9c.jpg" alt="25行AS程式競賽" width="500" height="380" border="0" usemap="#picmap"></p>
<map name="picmap">
  <area shape="rect" coords="6,4,122,125" href="http://www.25lines.com/finalists/0812/043.swf" target="_blank">
  <area shape="rect" coords="130,5,247,126" href="http://www.25lines.com/finalists/0812/034.swf" target="_blank">
  <area shape="rect" coords="253,6,373,123" href="http://www.25lines.com/finalists/0812/079.swf" target="_blank">
  <area shape="rect" coords="376,6,494,125" href="http://www.25lines.com/finalists/0812/055.swf" target="_blank">
  <area shape="rect" coords="5,131,123,250" href="http://www.25lines.com/finalists/0812/037.swf" target="_blank">
  <area shape="rect" coords="129,131,247,249" href="http://www.25lines.com/finalists/0812/059.swf" target="_blank">
  <area shape="rect" coords="253,130,371,249" href="http://www.25lines.com/finalists/0812/025.swf" target="_blank">
  <area shape="rect" coords="377,130,495,249" href="http://www.25lines.com/finalists/0812/046.swf" target="_blank">
  <area shape="rect" coords="6,256,124,375" href="http://www.25lines.com/finalists/0812/073.swf" target="_blank">
  <area shape="rect" coords="128,255,247,375" href="http://www.25lines.com/finalists/0812/017.swf" target="_blank">
  <area shape="rect" coords="253,256,371,375" href="http://www.25lines.com/finalists/0812/064.swf" target="_blank">
  <area shape="rect" coords="376,256,494,375" href="http://www.25lines.com/finalists/0812/011.swf" target="_blank">
</map>
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7907983.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7907983.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7907983.html</guid>
	<category>Flash筆記</category>
	<pubDate>Sat, 20 Dec 2008 23:45:20 +0800</pubDate>
</item>
<item>
	<title>【作品】應景: 讓部落格飄雪吧！</title>
	<description><![CDATA[
			下雪吧!
程式碼貼在這篇內，所以內文就可以看到雪花緩緩飄落。
在IE裡按下 Ctrl+A 會有不同的感覺~
		]]>
	</description>
	<content:encoded><![CDATA[
			下雪吧!<br />
程式碼貼在這篇內，所以內文就可以看到雪花緩緩飄落。<br />
在IE裡按下 Ctrl+A 會有不同的感覺~<br />
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7888139.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7888139.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7888139.html</guid>
	<category>Flash筆記</category>
	<pubDate>Thu, 18 Dec 2008 18:18:18 +0800</pubDate>
</item>
<item>
	<title>【作品】讓網頁裡的多個Flash互相通訊 (使用LocalConnection)</title>
	<description><![CDATA[
			　　LocalConnection類別，可以在Flash檔之間傳遞訊息，只是功能有所限制，傳送是單向的，一方傳送一方接收，若要雙向溝通，需同時建立二個管道，範例與使用方式可以看官方的教學：

An example of communication between SWF files using LocalConnection

　　LocalConnection類別的設計是要指定接收端(client)，但是不能夠有多個client同時接收訊息，只有一個會收到，所以一旦檔案超過2個，情況就會變得十分複雜。因此在此撰寫了一個可以進行廣播的類別，原理如下：

一開始所有的程式嘗試連接同一通道
由搶到client權的程式收集所有程式的唯一ID
將ID列表傳送至每一個參與程式，並依照每一個ID建立獨立通道
每一個程式都取得其它程式的通道資訊，可以開始進行廣播

[類別檔下載] - 使用範例見下文
		]]>
	</description>
	<content:encoded><![CDATA[
			<p>　　LocalConnection類別，可以在Flash檔之間傳遞訊息，只是功能有所限制，傳送是單向的，一方傳送一方接收，若要雙向溝通，需同時建立二個管道，範例與使用方式可以看官方的教學：</p>

<a href="http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_16243" target="_blank">An example of communication between SWF files using LocalConnection</a><br /><br />

　　LocalConnection類別的設計是要指定接收端(client)，但是不能夠有多個client同時接收訊息，只有一個會收到，所以一旦檔案超過2個，情況就會變得十分複雜。因此在此撰寫了一個可以進行廣播的類別，原理如下：
<ol>
<li>一開始所有的程式嘗試連接同一通道</li>
<li>由搶到client權的程式收集所有程式的唯一ID</li>
<li>將ID列表傳送至每一個參與程式，並依照每一個ID建立獨立通道</li>
<li>每一個程式都取得其它程式的通道資訊，可以開始進行廣播</li>
</ol>
[<a href="http://esabear.googlepages.com/2008-12-13_broadcast.rar">類別檔下載</a>] - 使用範例見下文
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7848417.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7848417.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7848417.html</guid>
	<category>Flash筆記</category>
	<pubDate>Sat, 13 Dec 2008 22:14:29 +0800</pubDate>
</item>
<item>
	<title>【練習】Fash自訂事件的簡易作法</title>
	<description><![CDATA[
			　　在Flash中，事件驅動是整體架構的核心機制，包括Timeline中影格的交替、按鈕的點擊、游標的移動…等。除了內建的事件(Events)，在ActionScript裡，還可以自己定義事件，在開發自己的類別(class)時很有用處，因為有時類別內要載入或定時執行某些動作，但是使用該類別的外部程式，通常不能獲得這些事件資訊，因此需要另外丟出事件…※ 這次練習旨在以最簡易、快速的方式來實作此需求。 
		]]>
	</description>
	<content:encoded><![CDATA[
			<p>　　在Flash中，事件驅動是整體架構的核心機制，包括Timeline中影格的交替、按鈕的點擊、游標的移動…等。除了內建的事件(Events)，在ActionScript裡，還可以自己定義事件，在開發自己的類別(class)時很有用處，因為有時類別內要載入或定時執行某些動作，但是使用該類別的外部程式，通常不能獲得這些事件資訊，因此需要另外丟出事件…</p>※ 這次練習旨在以最簡易、快速的方式來實作此需求。 
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7800119.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7800119.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7800119.html</guid>
	<category>Flash筆記</category>
	<pubDate>Tue, 09 Dec 2008 13:38:57 +0800</pubDate>
</item>
<item>
	<title>【文件】AS2 =&gt; AS3 語法比較表</title>
	<description><![CDATA[
			　　對於從ActionScript 2.0要轉移學習ActionScript 3.0的使用者而言，很多同名或類似名稱，但不同用法的函式，反而會造成學習障礙，茲在此列出所有AS2到AS3的函式變遷，置於網頁上以方便查詢，對有將舊程式改寫成AS3的需求者也會有幫助。

參考出處：
  www.actionscriptcheatsheet.com

  livedocs.adobe.com

		]]>
	</description>
	<content:encoded><![CDATA[
			　　對於從ActionScript 2.0要轉移學習ActionScript 3.0的使用者而言，很多同名或類似名稱，但不同用法的函式，反而會造成學習障礙，茲在此列出所有AS2到AS3的函式變遷，置於網頁上以方便查詢，對有將舊程式改寫成AS3的需求者也會有幫助。<br /><br />

參考出處：<br />
  <a href="http://www.actionscriptcheatsheet.com/" target="_blank">www.actionscriptcheatsheet.com</a><br />

  <a href="http://livedocs.adobe.com/flex/201/langref/index.html?migration.html&all-classes.html" target="_blank">livedocs.adobe.com</a><br />

		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7694057.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7694057.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7694057.html</guid>
	<category>Flash筆記</category>
	<pubDate>Mon, 24 Nov 2008 15:32:49 +0800</pubDate>
</item>
<item>
	<title>【練習】如何在Flash中實作Save/Load(本地端)</title>
	<description><![CDATA[
			　　有些遊戲可以提供即時存檔，有的網站會記錄使用者資訊，在下次拜訪時主動和你打招呼，倒底是怎麼辦到的呢？最簡單的就是使用Flash的SharedObject 將資料放在"flash cookie"裡，如果應用裡有如下的需求，就很適合這個方法：

儲存使用者資訊，下次進入時可以再次讀取出來。
儲存量很小，小於100K(預設值)。
不想使用資料庫、寫檔或搭配其它網頁程式。
簡易、快速且安全性要求不高。




方便的另一面就是會有幾個潛在缺點：

使用者在它台電腦上網時，資料不會跟著轉移。
不是所有電腦都適用，使用者可以設定將可用容量調小或關閉(預設100KB)。
儲存內容有可能會曝露給該電腦的使用者，甚至被修改。


		]]>
	</description>
	<content:encoded><![CDATA[
			　　有些遊戲可以提供即時存檔，有的網站會記錄使用者資訊，在下次拜訪時主動和你打招呼，倒底是怎麼辦到的呢？最簡單的就是使用Flash的<b>SharedObject</b> 將資料放在"<b>flash cookie</b>"裡，如果應用裡有如下的需求，就很適合這個方法：
<ul>
<li>儲存使用者資訊，下次進入時可以再次讀取出來。</li>
<li>儲存量很小，小於100K(預設值)。</li>
<li>不想使用資料庫、寫檔或搭配其它網頁程式。</li>
<li>簡易、快速且安全性要求不高。</li>
</ul>

<div align="center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="300" height="150"><param name="src" value="http://esabear.googlepages.com/SaveNickName.swf" /><param name="width" value="300" /><param name="height" value="150" /><embed type="application/x-shockwave-flash" src="http://esabear.googlepages.com/SaveNickName.swf" width="300" height="150"></embed></object></div><br /><br />

方便的另一面就是會有幾個潛在缺點：
<ul>
<li>使用者在它台電腦上網時，資料不會跟著轉移。</li>
<li>不是所有電腦都適用，使用者可以<a href="http://www.adobe.com/support/documentation/en/flashplayer/help/settings_manager03.html" target="_blank">設定</a>將可用容量調小或關閉(預設100KB)。</li>
<li>儲存內容有可能會曝露給該電腦的使用者，甚至被修改。</li>
</ul>

		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7672497.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7672497.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7672497.html</guid>
	<category>Flash筆記</category>
	<pubDate>Sat, 22 Nov 2008 14:25:38 +0800</pubDate>
</item>
<item>
	<title>【練習】隨滑鼠移動的陰影(DropShadowFilter)</title>
	<description><![CDATA[
			簡單的練習，讓陰影濾鏡的屬性：distance, angle, blurX, blurY隨著滑鼠座標而變化，Math.atan2(dY, dX)是很好用的求角度工具，dY和dX是將二個點的Y,X座標相減（保留正負值），求得的值是弧度（radian），乘上180/Math.PI可轉換成角度。[原始檔下載]
延伸閱讀：【練習】Flash濾鏡(Filters) & 魚眼效果(fish eye)
		]]>
	</description>
	<content:encoded><![CDATA[
			<p>簡單的練習，讓陰影濾鏡的屬性：distance, angle, blurX, blurY隨著滑鼠座標而變化，Math.atan2(dY, dX)是很好用的求角度工具，dY和dX是將二個點的Y,X座標相減（保留正負值），求得的值是弧度（radian），乘上180/Math.PI可轉換成角度。<br /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="400" height="200"><param name="src" value="http://esabear.googlepages.com/MovingShadows.swf" /><param name="width" value="400" /><param name="height" value="200" /><embed type="application/x-shockwave-flash" src="http://esabear.googlepages.com/MovingShadows.swf" width="400" height="200"></embed></object><br />[<a href="http://esabear.googlepages.com/MovingShadows.fla" target="_blank" title="Moving Shadow原始檔下載">原始檔下載</a>]</p>
延伸閱讀：<ul><li>【練習】<a href="http://blog.roodo.com/esabear/archives/7157961.html">Flash濾鏡(Filters) & 魚眼效果(fish eye)</a></li></ul>
		
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7583193.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7583193.html</guid>
	<category>Flash筆記</category>
	<pubDate>Sat, 15 Nov 2008 16:28:20 +0800</pubDate>
</item>
<item>
	<title>【介紹】使用內建 TransitionManager 類別做出轉場特效(附工具)</title>
	<description><![CDATA[
			　　要處理MovieClip間的轉換，Flash提供了TransitionManager類別，可以直接套用，做出百頁窗(Blinds)、淡化(Fade)、飛入(Fly)、虹膜縮放(Iris)、照相閃光(Photo)、像素溶解(PixelDissolve)、旋轉(Rotate)、壓縮(Squeeze)、擦去(Wipe)、縮放(Zoom)等十種轉場效果，本文將做一些介紹，並實作了一個小工具，可即時預覽轉場效果，並產生對應的程式碼。
		]]>
	</description>
	<content:encoded><![CDATA[
			　　要處理MovieClip間的轉換，Flash提供了TransitionManager類別，可以直接套用，做出百頁窗(Blinds)、淡化(Fade)、飛入(Fly)、虹膜縮放(Iris)、照相閃光(Photo)、像素溶解(PixelDissolve)、旋轉(Rotate)、壓縮(Squeeze)、擦去(Wipe)、縮放(Zoom)等十種轉場效果，本文將做一些介紹，並實作了一個小工具，可即時預覽轉場效果，並產生對應的程式碼。
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7456649.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7456649.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7456649.html</guid>
	<category>Flash筆記</category>
	<pubDate>Tue, 28 Oct 2008 15:41:44 +0800</pubDate>
</item>
<item>
	<title>【練習】使用Timer類別 - 實作簡易計時鐘</title>
	<description><![CDATA[
			
　　Timer類別是Flash內建的計時工具，可以設定至毫秒的時間間隔，接下來只要啟動之，時間到時就會引發TIMER事件，相當地簡單易用。因為每次影格的執行時間，不一定那麼的精準，有時單一影格計算量較多時，Flash會給予緩衝時間，就會發生延遲。因此在某些時間條件較嚴苛的應用裡，如：時鐘、即時連線、遊戲計時等，以計時器的TimerEvent.TIMER事件取代影格進入的Event.ENTER_FRAME事件更加適當，經過簡單的換算即可，例如：20 fps(每秒影格數)等於每1000/20=50亳秒執行一次。以下將練習一個基本的應用-計秒時鐘，順便記錄設計的過程，以及Timer的一些用法。
		]]>
	</description>
	<content:encoded><![CDATA[
			<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" name="TimerDemo" width="116" height="144" align="left"><param name="name" value="TimerDemo" /><param name="width" value="116" /><param name="height" value="144" /><param name="align" value="left" /><param name="wmode" value="transparent" /><param name="src" value="http://esabear.googlepages.com/BasicTimer.swf" /><embed type="application/x-shockwave-flash" name="TimerDemo" width="116" height="144" align="left" wmode="transparent" src="http://esabear.googlepages.com/BasicTimer.swf"></embed></object>
　　Timer類別是Flash內建的計時工具，可以設定至毫秒的時間間隔，接下來只要啟動之，時間到時就會引發TIMER事件，相當地簡單易用。因為每次影格的執行時間，不一定那麼的精準，有時單一影格計算量較多時，Flash會給予緩衝時間，就會發生延遲。因此在某些時間條件較嚴苛的應用裡，如：時鐘、即時連線、遊戲計時等，以計時器的TimerEvent.TIMER事件取代影格進入的Event.ENTER_FRAME事件更加適當，經過簡單的換算即可，例如：20 fps(每秒影格數)等於每1000/20=50亳秒執行一次。以下將練習一個基本的應用-計秒時鐘，順便記錄設計的過程，以及Timer的一些用法。
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7444535.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7444535.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7444535.html</guid>
	<category>Flash筆記</category>
	<pubDate>Sun, 26 Oct 2008 19:31:04 +0800</pubDate>
</item>
<item>
	<title>【技術】在Flash中開啟新視窗(AS 2 &amp; 3)</title>
	<description><![CDATA[
			　　在Flash中，和外界聯繫的管道，除了可以載入圖形、文件或swf檔供自身使用外，還可以自發性地開啟網頁，或對所在的網頁進行控制，包括呼叫JavaScript、VBScript程式等，既然能夠和JavaScript溝通，自然可以做到例如開啟新視窗的語法，而實際上Flash可用來開啟視窗的方式共有4種，呼叫JavaScript也是其一，可依照不同的目的來選擇，透過這次學習，可舉一反三應用在更高階的網頁溝通程式中。

這四種語法(包含AS 2.0和AS 3.0)如下：getURL / navigateToURL：最容易，適用各種情形，但控制效果有限。getURL / navigateToURL加上JavaScript：容易，IE3.0以前版本不支援。ExternalInterface：很容易且更有彈性，IE5.0以後版本才支援(詳見內文)。fscommand：複雜，功能強大，但使用場合的限制極多。　　本文參考Adobe技術文件裡「How to create pop-up browser windows in Flash」文章，將其中說明不足處予以補足，並實際展示範例程式。
		]]>
	</description>
	<content:encoded><![CDATA[
			　　在Flash中，和外界聯繫的管道，除了可以載入圖形、文件或swf檔供自身使用外，還可以自發性地開啟網頁，或對所在的網頁進行控制，包括呼叫JavaScript、VBScript程式等，既然能夠和JavaScript溝通，自然可以做到例如開啟新視窗的語法，而實際上Flash可用來開啟視窗的方式共有4種，呼叫JavaScript也是其一，可依照不同的目的來選擇，透過這次學習，可舉一反三應用在更高階的網頁溝通程式中。<br />
<br />
這四種語法(包含AS 2.0和AS 3.0)如下：<ol><li><a href="#p1">getURL / navigateToURL</a>：最容易，適用各種情形，但控制效果有限。</li><li><a href="#p2">getURL / navigateToURL加上JavaScript</a>：容易，IE3.0以前版本不支援。</li><li><a href="#p3">ExternalInterface</a>：很容易且更有彈性，IE5.0以後版本才支援(詳見內文)。</li><li><a href="#p4">fscommand</a>：複雜，功能強大，但使用場合的限制極多。</li></ol>　　本文參考Adobe技術文件裡「<a href="http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_14192" target=_blank>How to create pop-up browser windows in Flash</a>」文章，將其中說明不足處予以補足，並實際展示範例程式。
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7407393.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7407393.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7407393.html</guid>
	<category>Flash筆記</category>
	<pubDate>Mon, 20 Oct 2008 23:39:42 +0800</pubDate>
</item>
<item>
	<title>【練習】在ActionScript 3中讀取XML</title>
	<description><![CDATA[
			　　在ActionScript 3.0中讀取XML是一件滿輕鬆的工作，使用者所要負責的只是指定來源，然後XML內容就會被處理成樹狀結構，XML類別繼承自Object，所以處理後的資料很容易使用，而讀取方式和前一篇載入影像所使用的Loader類別有所不同，這次使用的是URLLoader類別，二者的差異在於，前者用以載入影像和swf檔，後者則主要用以載入文件，二者都可以讀取遠端檔案，別被名稱裡的"URL"混淆了。

讀取XML的基本語法如下：var myLoader:URLLoader = new URLLoader();
myLoader.load(new URLRequest("example.xml"));
// 載入後的讀取方式
var myXML:XML = new XML(myLoader.data);接下來介紹實際範例與變化。dp.SyntaxHighlighter.ClipboardSwf = 'http://esabear.googlepages.com/shClipboard.swf';dp.SyntaxHighlighter.HighlightAll('codeBasicXML');

		]]>
	</description>
	<content:encoded><![CDATA[
			　　在ActionScript 3.0中讀取XML是一件滿輕鬆的工作，使用者所要負責的只是指定來源，然後XML內容就會被處理成樹狀結構，XML類別繼承自Object，所以處理後的資料很容易使用，而讀取方式和<a href="http://blog.roodo.com/esabear/archives/7379767.html" title="【練習】使用Loader類別載入物件" target="_blank">前一篇</a>載入影像所使用的Loader類別有所不同，這次使用的是URLLoader類別，二者的差異在於，前者用以載入影像和swf檔，後者則主要用以載入文件，二者都可以讀取遠端檔案，別被名稱裡的"URL"混淆了。<br />
<link type="text/css" rel="stylesheet" href="http://esabear.googlepages.com/SyntaxHighlighter.css"></link><script language="javascript" src="http://esabear.googlepages.com/shCore.js"></script><script language="javascript" src="http://esabear.googlepages.com/shBrushXml.js"></script><script language="javascript" src="http://esabear.googlepages.com/shBrushActionScript.js"></script><br />
讀取XML的基本語法如下：<pre name=codeBasicXML class=actionscript>var myLoader:URLLoader = new URLLoader();<br />
myLoader.load(new URLRequest("example.xml"));<br />
// 載入後的讀取方式<br />
var myXML:XML = new XML(myLoader.data);</pre>接下來介紹實際範例與變化。<script language="JavaScript">dp.SyntaxHighlighter.ClipboardSwf = 'http://esabear.googlepages.com/shClipboard.swf';dp.SyntaxHighlighter.HighlightAll('codeBasicXML');</script><br />

		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7388373.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7388373.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7388373.html</guid>
	<category>Flash筆記</category>
	<pubDate>Thu, 16 Oct 2008 11:57:23 +0800</pubDate>
</item>
<item>
	<title>【練習】使用Loader類別載入物件</title>
	<description><![CDATA[
			　　載入動作是Flash作品中常見的技術，在ActionScript 3.0中，去除了過去版本中的.loadMovie()等函式，並以Loader Class來包辦JPEG、GIF、PNG和SWF檔案的載入，加上現有的UI元件：按鈕、進度條等，可以非常快速地實作出載入功能。【原始檔下載】【程式解說】
		]]>
	</description>
	<content:encoded><![CDATA[
			　　載入動作是Flash作品中常見的技術，在ActionScript 3.0中，去除了過去版本中的.loadMovie()等函式，並以Loader Class來包辦JPEG、GIF、PNG和SWF檔案的載入，加上現有的UI元件：按鈕、進度條等，可以非常快速地實作出載入功能。<br /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="400" height="300"><param name="src" value="http://esabear.googlepages.com/BasicLoader.swf" /><param name="width" value="400" /><param name="height" value="300" /><embed type="application/x-shockwave-flash" src="http://esabear.googlepages.com/BasicLoader.swf" width="400" height="300"></embed></object><br />【<a href="http://esabear.googlepages.com/BasicLoader.fla" target="_blank" title="Loader class demo">原始檔下載</a>】<br /><br /><strong>【程式解說】</strong>
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7379767.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7379767.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7379767.html</guid>
	<category>Flash筆記</category>
	<pubDate>Wed, 15 Oct 2008 11:43:17 +0800</pubDate>
</item>
<item>
	<title>【筆記】如何去除Flash的右鍵選單內容</title>
	<description><![CDATA[
			有時選單裡的放大與縮小或其它功能是不需要的，要清空它們很簡單
加入以下三行即可：var NoMenu:ContextMenu = new ContextMenu ();
NoMenu.hideBuiltInItems();
this.contextMenu = NoMenu;

如此一來就會只剩下必要的選項，若為獨立的as檔還要import如下：import flash.ui.ContextMenu;
dp.SyntaxHighlighter.ClipboardSwf = 'http://esabear.googlepages.com/shClipboard.swf';dp.SyntaxHighlighter.HighlightAll('code1');dp.SyntaxHighlighter.HighlightAll('code2');
當然也可以為選單添加選項，Flash的ContextMenu說明裡有相當完整的範例。
		]]>
	</description>
	<content:encoded><![CDATA[
			有時選單裡的放大與縮小或其它功能是不需要的，要清空它們很簡單<br />
加入以下三行即可：<link type="text/css" rel="stylesheet" href="http://esabear.googlepages.com/SyntaxHighlighter.css"></link><script language="javascript" src="http://esabear.googlepages.com/shCore.js"></script><script language="javascript" src="http://esabear.googlepages.com/shBrushActionScript.js"></script><pre name=code1 class=actionscript:nocontrols>var NoMenu:ContextMenu = new ContextMenu ();<br />
NoMenu.hideBuiltInItems();<br />
this.contextMenu = NoMenu;<br />
</pre><br />
如此一來就會只剩下必要的選項，若為獨立的as檔還要import如下：<pre name=code2 class=actionscript:nocontrols>import flash.ui.ContextMenu;<br />
</pre><script language="JavaScript">dp.SyntaxHighlighter.ClipboardSwf = 'http://esabear.googlepages.com/shClipboard.swf';dp.SyntaxHighlighter.HighlightAll('code1');dp.SyntaxHighlighter.HighlightAll('code2');</script><br />
當然也可以為選單添加選項，Flash的ContextMenu說明裡有相當完整的範例。
		
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7314669.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7314669.html</guid>
	<category>Flash筆記</category>
	<pubDate>Mon, 06 Oct 2008 20:00:49 +0800</pubDate>
</item>
<item>
	<title>【介紹】使用Papervision 3D package!</title>
	<description><![CDATA[
			
(點擊螢幕變更濾鏡效果，原始檔下載)

因為某些原因，突然想接觸PV3D(2.0版)了。
以下這個網站，很詳細地講解PV3D 2的安裝，還有幾個範例介紹：
http://papervision2.com/
而這個網站則是很方便的線上文件：
http://www.flashbookmarks.com/PV3D-Beta2-DOC/
(2009.1月更新) http://docs.pv3d.org/ - 正式頁面
有這二個站其實很充足了，不過在此也做個筆記好了。
		]]>
	</description>
	<content:encoded><![CDATA[
			<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="400" height="400"><param name="src" value="http://esabear.googlepages.com/PV3D_collada_with_filters.swf" /><param name="width" value="400" /><param name="height" value="400" /><embed type="application/x-shockwave-flash" src="http://esabear.googlepages.com/PV3D_collada_with_filters.swf" width="400" height="400"></embed></object><br />
(點擊螢幕變更濾鏡效果，<a href="http://esabear.googlepages.com/PV3D_collada_with_filters.rar" target=_blank>原始檔下載</a>)<br />
<br />
因為某些原因，突然想接觸PV3D(2.0版)了。<br />
以下這個網站，很詳細地講解PV3D 2的安裝，還有幾個範例介紹：<br />
<a href="http://papervision2.com/" target=_blank>http://papervision2.com/</a><br />
而這個網站則是很方便的線上文件：<br />
<a href="http://www.flashbookmarks.com/PV3D-Beta2-DOC/" target=_blank>http://www.flashbookmarks.com/PV3D-Beta2-DOC/</a><br />
(2009.1月更新) <a href="http://docs.pv3d.org/" target="_blank">http://docs.pv3d.org/</a> - 正式頁面<br />
有這二個站其實很充足了，不過在此也做個筆記好了。
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7286749.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7286749.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7286749.html</guid>
	<category>Flash筆記</category>
	<pubDate>Fri, 03 Oct 2008 23:32:15 +0800</pubDate>
</item>
<item>
	<title>【練習】火焰效果(Flames)</title>
	<description><![CDATA[
			　　用Flash做火焰效果，乍聽之下滿困難的，但是好險已經有前輩做出很棒的示範了，所以這次練習只是將語法改成AS 3.0語法並加以精簡，程式碼是在網路上找到的，因此不確定作者是誰，由於程式中出現了幾個陌生的函式，所以加上查資料的時間，看了一個下午才明瞭，看懂後只覺得&hellip;好神阿，原來迴旋濾鏡 (ConvolutionFilter)也可以這樣用，程式裡的矩陣參數設定和配色都是精心調整出來的，效果相當棒。[程式碼下載]
		]]>
	</description>
	<content:encoded><![CDATA[
			　　用Flash做火焰效果，乍聽之下滿困難的，但是好險已經有前輩做出很棒的示範了，所以這次練習只是將語法改成AS 3.0語法並加以精簡，程式碼是在網路上找到的，因此不確定作者是誰，由於程式中出現了幾個陌生的函式，所以加上查資料的時間，看了一個下午才明瞭，看懂後只覺得&hellip;好神阿，原來<strong>迴旋濾鏡</strong> (ConvolutionFilter)也可以這樣用，程式裡的矩陣參數設定和配色都是精心調整出來的，效果相當棒。<br /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="400" height="400"><param name="width" value="400" /><param name="height" value="400" /><param name="src" value="http://esabear.googlepages.com/FireEffect.swf" /><embed type="application/x-shockwave-flash" width="400" height="400" src="http://esabear.googlepages.com/FireEffect.swf"></embed></object><br />[<a href="http://esabear.googlepages.com/FireEffect.fla" target="_blank" title="火焰效果程式碼下載">程式碼下載</a>]
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7234265.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7234265.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7234265.html</guid>
	<category>Flash筆記</category>
	<pubDate>Tue, 23 Sep 2008 23:20:01 +0800</pubDate>
</item>
<item>
	<title>【練習】閃電效果(Lightning)</title>
	<description><![CDATA[
			　　做出霓虹燈效果後，要做出閃電就不難了，閃電的視覺效果和霓虹差不多，但是內部的glow效果要減弱，讓閃電線條的中心亮度高一點，然後就是動線的變化，在本練習中，針對霓虹效果程式改良，以curveTo()語法做出線的弧度，然後加入多條線以及亂數位移，使線條表現更加接近電的流動，不過這不是自然界的閃電，從雲層的雷降會有亮度衰減及分岔、中斷的現象，本練習只著重於閃電的運動方式。[原始檔下載]
		]]>
	</description>
	<content:encoded><![CDATA[
			　　做出霓虹燈效果後，要做出閃電就不難了，閃電的視覺效果和霓虹差不多，但是內部的glow效果要減弱，讓閃電線條的中心亮度高一點，然後就是動線的變化，在本練習中，針對霓虹效果程式改良，以curveTo()語法做出線的弧度，然後加入多條線以及亂數位移，使線條表現更加接近電的流動，不過這不是自然界的閃電，從雲層的雷降會有亮度衰減及分岔、中斷的現象，本練習只著重於閃電的運動方式。<br /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="400" height="400"><param name="src" value="http://esabear.googlepages.com/MultiLightningCurve.swf" /><param name="width" value="400" /><param name="height" value="400" /><embed type="application/x-shockwave-flash" src="http://esabear.googlepages.com/MultiLightningCurve.swf" width="400" height="400"></embed></object><br />[<a href="http://esabear.googlepages.com/MultiLightningCurve.fla" target="_blank" title="閃電效果原始檔下載">原始檔下載</a>]
		
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7218105.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7218105.html</guid>
	<category>Flash筆記</category>
	<pubDate>Sun, 21 Sep 2008 09:48:17 +0800</pubDate>
</item>
<item>
	<title>【介紹】使用Tweener package</title>
	<description><![CDATA[
			　　在以程式碼實作動畫時，一定會遇到一個問題，就是物件移動的控制，如果由ENTER_FRAME事件來維護，若物件過多，會使程式碼增加且混亂，有一個免費的package:Tweener正是為了解決此問題，諸如移動、改變alpha、變形、旋轉等都可以輕鬆解決，善於應用的話會十分便利，如下面的簡單例子。[原始檔下載]
		]]>
	</description>
	<content:encoded><![CDATA[
			　　在以程式碼實作動畫時，一定會遇到一個問題，就是物件移動的控制，如果由ENTER_FRAME事件來維護，若物件過多，會使程式碼增加且混亂，有一個免費的package:<a href="http://code.google.com/p/tweener/" target="_blank" title="Tweener HomePage">Tweener</a>正是為了解決此問題，諸如移動、改變alpha、變形、旋轉等都可以輕鬆解決，善於應用的話會十分便利，如下面的簡單例子。<br /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="300" height="300"><param name="width" value="300" /><param name="height" value="300" /><param name="src" value="http://esabear.googlepages.com/Tweener_Starry_Mouse.swf" /><embed type="application/x-shockwave-flash" width="300" height="300" src="http://esabear.googlepages.com/Tweener_Starry_Mouse.swf"></embed></object><br />[<a href="http://esabear.googlepages.com/Tweener_Starry_Mouse.fla" target="_blank" title="Tweener範例原始檔下載">原始檔下載</a>]
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7211965.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7211965.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7211965.html</guid>
	<category>Flash筆記</category>
	<pubDate>Fri, 19 Sep 2008 23:58:21 +0800</pubDate>
</item>
<item>
	<title>【練習】霓虹效果(Neon)</title>
	<description><![CDATA[
			要製作霓虹燈的效果其實滿簡單的，將線條加上2個GlowFilter，一個往內一個往外延伸即可，不同的顏色組合會帶來不一樣的感覺。[原始檔下載]
		]]>
	</description>
	<content:encoded><![CDATA[
			<p>要製作霓虹燈的效果其實滿簡單的，將線條加上2個GlowFilter，一個往內一個往外延伸即可，不同的顏色組合會帶來不一樣的感覺。</p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="400" height="400"><param name="width" value="400" /><param name="height" value="400" /><param name="src" value="http://esabear.googlepages.com/NeonTest.swf" /><embed type="application/x-shockwave-flash" width="400" height="400" src="http://esabear.googlepages.com/NeonTest.swf"></embed></object><br />[<a href="http://esabear.googlepages.com/NeonTest.fla" target="_blank" title="霓虹燈練習原始檔下載">原始檔下載</a>]
		
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7208489.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7208489.html</guid>
	<category>Flash筆記</category>
	<pubDate>Fri, 19 Sep 2008 14:45:42 +0800</pubDate>
</item>
<item>
	<title>【練習】3D太空中的無限延伸</title>
	<description><![CDATA[
			　　最近看到Youtube上的一段影片，用WiiRemote偵測人(眼)的位移，和遊戲可以有更高的互動，這或許可以給老任一點新靈感，畢竟技術都是現成的，看到影片中的畫面，讓我忍不住想用Flash依樣畫葫蘆一番，當然不是用WiiRemote控制，而是用滑鼠，而其實如果把控制鍵改成WASD，滑鼠用來瞄準，就變成CS類型的第一人稱射擊了，這次練習算是此類遊戲的基礎。
		]]>
	</description>
	<content:encoded><![CDATA[
			　　最近看到Youtube上的<a href="http://tw.youtube.com/watch?v=Jd3-eiid-Uw" target="_blank" title="用WiiRemote玩3D射擊">一段影片</a>，用WiiRemote偵測人(眼)的位移，和遊戲可以有更高的互動，這或許可以給老任一點新靈感，畢竟技術都是現成的，看到影片中的畫面，讓我忍不住想用Flash依樣畫葫蘆一番，當然不是用WiiRemote控制，而是用滑鼠，而其實如果把控制鍵改成WASD，滑鼠用來瞄準，就變成CS類型的第一人稱射擊了，這次練習算是此類遊戲的基礎。
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7174029.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7174029.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7174029.html</guid>
	<category>Flash筆記</category>
	<pubDate>Sat, 13 Sep 2008 17:12:19 +0800</pubDate>
</item>
<item>
	<title>【練習】傾斜面彈開</title>
	<description><![CDATA[
			　　為了某個目的，需要用到傾斜面彈開的技術，剛好『Flash ActionScript 3.0 動畫製作大師』這本書的第十章就是在談這個，簡單的講，就是在碰撞偵測時，旋轉整個系統的座標系，把傾斜面轉換成水平或垂直以方便計算，計算完再旋轉回去，這次練習不再從章節範例中修改，而是自己撰寫，只有參考其演算法部份的程式。[原始檔下載]
		]]>
	</description>
	<content:encoded><![CDATA[
			　　為了某個目的，需要用到傾斜面彈開的技術，剛好『Flash ActionScript 3.0 動畫製作大師』這本書的第十章就是在談這個，簡單的講，就是在碰撞偵測時，旋轉整個系統的座標系，把傾斜面轉換成水平或垂直以方便計算，計算完再旋轉回去，這次練習不再從章節範例中修改，而是自己撰寫，只有參考其演算法部份的程式。<br /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="400" height="400"><param name="src" value="http://esabear.googlepages.com/experiment.swf" /><param name="width" value="400" /><param name="height" value="400" /><embed type="application/x-shockwave-flash" src="http://esabear.googlepages.com/experiment.swf" width="400" height="400"></embed></object><br />[<a href="http://esabear.googlepages.com/experiment.fla"><font color="#135355">原始檔下載</font></a>]
		
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7158301.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7158301.html</guid>
	<category>Flash筆記</category>
	<pubDate>Tue, 02 Sep 2008 15:45:47 +0800</pubDate>
</item>
<item>
	<title>【練習】動態選擇框</title>
	<description><![CDATA[
			　　這次練習再次修改senocluar.com的範例，將動態選擇框轉為AS3的語法，Flash前輩的作法有時真令人嘆為觀止，運用簡單而巧妙的圖形和語法，就能創造出千變萬化的應用來，真是了不起。
		]]>
	</description>
	<content:encoded><![CDATA[
			　　這次練習再次修改senocluar.com的範例，將<a href="http://www.senocular.com/flash/source.php?id=0.185"><font color="#135355">動態選擇框</font></a>轉為AS3的語法，Flash前輩的作法有時真令人嘆為觀止，運用簡單而巧妙的圖形和語法，就能創造出千變萬化的應用來，真是了不起。
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7158277.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7158277.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7158277.html</guid>
	<category>Flash筆記</category>
	<pubDate>Mon, 01 Sep 2008 15:39:11 +0800</pubDate>
</item>
<item>
	<title>【成品】電子走馬燈</title>
	<description><![CDATA[
			　　今天到監理站看到電子式的走馬燈，突然有個靈感，仿照一般常見的走馬燈，做了一個Flash版，字體應用光暈濾鏡的inner glow效果，且可自訂參數，滑鼠移上文字會停止捲動。在ActionScript 3.0 抓網頁傳值參數的語法是 this.loaderInfo.parameters[&quot;text&quot;] ，&quot;text&quot;是自訂名稱，如此例。[原始檔下載]
		]]>
	</description>
	<content:encoded><![CDATA[
			　　今天到監理站看到電子式的走馬燈，突然有個靈感，仿照一般常見的走馬燈，做了一個Flash版，字體應用光暈濾鏡的inner glow效果，且可自訂參數，滑鼠移上文字會停止捲動。在ActionScript 3.0 抓網頁傳值參數的語法是 this.loaderInfo.parameters[&quot;text&quot;] ，&quot;text&quot;是自訂名稱，如<a href="http://esabear.googlepages.com/marquee.swf?text=這是另一段測試文字，用來示範Ｆｌａｓｈ如何傳值。　">此例</a>。<br /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="375" height="36"><param name="width" value="375" /><param name="height" value="36" /><param name="quality" value="high" /><param name="src" value="http://esabear.googlepages.com/marquee.swf" /><embed type="application/x-shockwave-flash" width="375" height="36" quality="high" src="http://esabear.googlepages.com/marquee.swf"></embed></object><br />[<a href="http://esabear.googlepages.com/marquee.fla"><font color="#135355">原始檔下載</font></a>]
		
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7158267.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7158267.html</guid>
	<category>Flash筆記</category>
	<pubDate>Mon, 18 Aug 2008 15:32:30 +0800</pubDate>
</item>
<item>
	<title>【練習】3D立方體</title>
	<description><![CDATA[
			　　終於忍不住想要開始進行3D的旅程了，在senocluar.com上看到此3D Picture&nbsp;Box範例後，決定來試看看到目前所學是否能夠負荷，果然，貼圖是最麻煩的部份，在改成正立方體以外的形狀時屢次失敗，原因在於貼圖座標和變形向量是不同的，在貼圖時&quot;面&quot;不管3角、4角形都可能是任意形狀，貼圖來源則是矩形，光是對應關係部份的處理就很頭大，只好暫時放棄改變形狀的嘗試，這次練習除了把語法改成AS3，同時也略為變動資料結構，儘管看起來相似，其實是做了不少更動，包括了背面去除的演算法，值得注意的是程式中並沒有設定 focal length (fl,視點至投影面的距離)，更沒有攝影機鏡頭的轉換，以3D引擎而言，還差得十萬八千里，經過這次練習，我決定以後若要創作3D作品時，還是得乖乖使用目前開發進展較完善的PV3D、FIVe3D...等Package，本次練習只是作為初學3D的入門窺探，程式寫得很亂，但也顧不得囉。[原始檔下載]
		]]>
	</description>
	<content:encoded><![CDATA[
			<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="180" height="180"><param name="width" value="180" /><param name="height" value="180" /><param name="quality" value="high" /><param name="src" value="http://esabear.googlepages.com/Box3D.swf" /><embed type="application/x-shockwave-flash" width="180" height="180" quality="high" src="http://esabear.googlepages.com/Box3D.swf"></embed></object><br />　　終於忍不住想要開始進行3D的旅程了，在senocluar.com上看到此<a href="http://www.senocular.com/flash/source.php?id=0.162"><font color="#135355">3D Picture&nbsp;Box</font></a>範例後，決定來試看看到目前所學是否能夠負荷，果然，貼圖是最麻煩的部份，在改成正立方體以外的形狀時屢次失敗，原因在於貼圖座標和變形向量是不同的，在貼圖時&quot;面&quot;不管3角、4角形都可能是任意形狀，貼圖來源則是矩形，光是對應關係部份的處理就很頭大，只好暫時放棄改變形狀的嘗試，這次練習除了把語法改成AS3，同時也略為變動資料結構，儘管看起來相似，其實是做了不少更動，包括了背面去除的演算法，值得注意的是程式中並沒有設定 focal length (fl,視點至投影面的距離)，更沒有攝影機鏡頭的轉換，以3D引擎而言，還差得十萬八千里，經過這次練習，我決定以後若要創作3D作品時，還是得乖乖使用目前開發進展較完善的PV3D、FIVe3D...等Package，本次練習只是作為初學3D的入門窺探，程式寫得很亂，但也顧不得囉。<br />[<a href="http://esabear.googlepages.com/Box3D.fla"><font color="#135355">原始檔下載</font></a>]
		
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7158229.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7158229.html</guid>
	<category>Flash筆記</category>
	<pubDate>Sun, 17 Aug 2008 15:21:16 +0800</pubDate>
</item>
<item>
	<title>【整理】Flash AS 3.0常用語法</title>
	<description><![CDATA[
			以下整理幾個常用的語法與對應import，免得每次忘記就得翻找程式頗為麻煩。 &nbsp;語法&nbsp;&nbsp;import&nbsp;&nbsp;參數說明&nbsp;stage.scaleMode = StageScaleMode.NO_SCALEflash.display.StageScaleMode舞台大小stage.align = StageAlign.TOP_LEFTflash.display.StageAlign舞台對齊addEventListener(Event.ENTER_FRAME, ???)flash.events.Event下個畫格&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...MouseEvent.MOUSE_DOWN...flash.events.MouseEvent滑鼠事件&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...KeyboardEvent.KEY_DOWN...flash.events.KeyboardEvent鍵盤事件graphics.beginGradientFill(...)(無)支援漸層GradientType.LINEARflash.display.GradientType漸層種類graphics.endFill()(無)執行填色this.loaderInfo.parameters[&quot;???&quot;](無)傳入參數mouseX(無)游標X軸Mouse.hide()(無)隱藏游標Matrix 類別flash.geom.Matrix矩陣Point 類別flash.geom.Point座標點Sprite 類別flash.display.Sprite畫格Math.random()(無)0~(不含)1
		]]>
	</description>
	<content:encoded><![CDATA[
			以下整理幾個常用的語法與對應import，免得每次忘記就得翻找程式頗為麻煩。 <table border="0" align="center"><tbody><tr style="background-color: #333300"><td><font size="2"><font color="#ffffff">&nbsp;語法</font>&nbsp;</font></td><td><font size="2"><font color="#ffffff">&nbsp;import</font>&nbsp;</font></td><td><font size="2" color="#ffffff">&nbsp;參數說明</font>&nbsp;</td></tr><tr><td><font size="1">stage.scaleMode = StageScaleMode.NO_SCALE</font></td><td><font size="1">flash.display.StageScaleMode</font></td><td><font size="1">舞台大小</font></td></tr><tr><td><font size="1">stage.align = StageAlign.TOP_LEFT</font></td><td><font size="1">flash.display.StageAlign</font></td><td><font size="1">舞台對齊</font></td></tr><tr><td><font size="1">addEventListener(Event.ENTER_FRAME, ???)</font></td><td><font size="1">flash.events.Event</font></td><td><font size="1">下個畫格</font></td></tr><tr><td><font size="1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...MouseEvent.MOUSE_DOWN...</font></td><td><font size="1">flash.events.MouseEvent</font></td><td><font size="1">滑鼠事件</font></td></tr><tr><td><font size="1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...KeyboardEvent.KEY_DOWN...</font></td><td><font size="1">flash.events.KeyboardEvent</font></td><td><font size="1">鍵盤事件</font></td></tr><tr><td><font size="1">graphics.beginGradientFill(...)</font></td><td><font size="1">(無)</font></td><td><font size="1">支援漸層</font></td></tr><tr><td><font size="1">GradientType.LINEAR</font></td><td><font size="1">flash.display.GradientType</font></td><td><font size="1">漸層種類</font></td></tr><tr><td><font size="1">graphics.endFill()</font></td><td><font size="1">(無)</font></td><td><font size="1">執行填色</font></td></tr><tr><td><font size="1">this.loaderInfo.parameters[&quot;???&quot;]</font></td><td><font size="1">(無)</font></td><td><font size="1">傳入參數</font></td></tr><tr><td><font size="1">mouseX</font></td><td><font size="1">(無)</font></td><td><font size="1">游標X軸</font></td></tr><tr><td><font size="1">Mouse.hide()</font></td><td><font size="1">(無)</font></td><td><font size="1">隱藏游標</font></td></tr><tr><td><font size="1">Matrix 類別</font></td><td><font size="1">flash.geom.Matrix</font></td><td><font size="1">矩陣</font></td></tr><tr><td><font size="1">Point 類別</font></td><td><font size="1">flash.geom.Point</font></td><td><font size="1">座標點</font></td></tr><tr><td><font size="1">Sprite 類別</font></td><td><font size="1">flash.display.Sprite</font></td><td><font size="1">畫格</font></td></tr><tr><td><font size="1">Math.random()</font></td><td><font size="1">(無)</font></td><td><font size="1">0~(不含)1</font></td></tr></tbody></table>
		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7158051.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7158051.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7158051.html</guid>
	<category>Flash筆記</category>
	<pubDate>Sat, 16 Aug 2008 14:27:01 +0800</pubDate>
</item>
<item>
	<title>【練習】Flash濾鏡(Filters) &amp; 魚眼效果(fish eye)</title>
	<description><![CDATA[
			　　今天看了幾個範例後，注意到Flash提供的濾鏡相當有趣，可用的顯示濾鏡共有9種：斜角濾鏡 (BevelFilter)、模糊濾鏡 (BlurFilter)、投影濾鏡 (DropShadowFilter)、光暈濾鏡 (GlowFilter)、漸層斜角濾鏡(GradientBevelFilter)、漸層光暈濾鏡 (GradientGlowFilter)、顏色矩陣濾鏡 (ColorMatrixFilter 類別)、迴旋濾鏡 (ConvolutionFilter)、置換對應濾鏡 (DisplacementMapFilter)等…

		]]>
	</description>
	<content:encoded><![CDATA[
			　　今天看了幾個範例後，注意到Flash提供的濾鏡相當有趣，可用的顯示濾鏡共有9種：斜角濾鏡 (BevelFilter)、模糊濾鏡 (BlurFilter)、投影濾鏡 (DropShadowFilter)、光暈濾鏡 (GlowFilter)、漸層斜角濾鏡(GradientBevelFilter)、漸層光暈濾鏡 (GradientGlowFilter)、顏色矩陣濾鏡 (ColorMatrixFilter 類別)、迴旋濾鏡 (ConvolutionFilter)、置換對應濾鏡 (DisplacementMapFilter)等…<br />

		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7157961.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7157961.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7157961.html</guid>
	<category>Flash筆記</category>
	<pubDate>Fri, 15 Aug 2008 14:06:00 +0800</pubDate>
</item>
<item>
	<title>【練習】點陣圖實作節點運動</title>
	<description><![CDATA[
			　　看到『Flash ActionScript 3.0 動畫製作大師』這本書的第12章，作者以Jared Tarbell的Node Garden動態圖作品為靈感來源，利用重力與彈射這二種不同的運動方式，做了另一種節點運動版本，我看了之後，也想來依樣畫葫蘆做另一個改版，只是改成節點在點陣圖上記錄運動軌跡，二個可調參數分別為質點重量和彈力係數，感覺上是全然不同，不算是什麼樣的成品，就當作是一個階段性的練習。

		]]>
	</description>
	<content:encoded><![CDATA[
			　　看到『Flash ActionScript 3.0 動畫製作大師』這本書的第12章，作者以Jared Tarbell的<a href="http://complexification.net/gallery/machines/nodeGarden/">Node Garden</a>動態圖作品為靈感來源，利用重力與彈射這二種不同的運動方式，做了<a href="http://esabear.googlepages.com/NodesMass.swf">另一種節點運動版本</a>，我看了之後，也想來依樣畫葫蘆做另一個改版，只是改成節點在點陣圖上記錄運動軌跡，二個可調參數分別為質點重量和彈力係數，感覺上是全然不同，不算是什麼樣的成品，就當作是一個階段性的練習。<br />

		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7156269.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7156269.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7156269.html</guid>
	<category>Flash筆記</category>
	<pubDate>Thu, 14 Aug 2008 13:58:37 +0800</pubDate>
</item>
<item>
	<title>【練習】Flash的Noise(雜訊)效果</title>
	<description><![CDATA[
			　　先前像素噴泉練習中提到一個網站：http://www.senocular.com/，今天決定把其中的電視機雜訊應用也改成ActionScript 3.0版本，程式中使用 BitmapData 的 noise() 來產生雜訊，另外還用了mask(遮罩)來遮掉多餘畫面，先前程式都是寫在獨立的.as檔裡，缺點是得自行import一些有的沒的，優點是程式維護與擴充性較高，這次算是將程式寫在單一*.fla檔的一個小小練習(似乎是本末倒置了，哈哈)。

[原始檔下載]

		]]>
	</description>
	<content:encoded><![CDATA[
			　　先前像素噴泉練習中提到一個網站：<a href="http://www.senocular.com/">http://www.senocular.com/</a>，今天決定把其中的<a href="http://www.senocular.com/flash/source.php?id=0.200">電視機雜訊</a>應用也改成ActionScript 3.0版本，程式中使用 BitmapData 的 noise() 來產生雜訊，另外還用了mask(遮罩)來遮掉多餘畫面，先前程式都是寫在獨立的.as檔裡，缺點是得自行import一些有的沒的，優點是程式維護與擴充性較高，這次算是將程式寫在單一*.fla檔的一個小小練習(似乎是本末倒置了，哈哈)。<br />
<embed src="http://esabear.googlepages.com/tvstaticAS3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="300"><br />
[<a href="http://esabear.googlepages.com/tvstaticAS3.rar">原始檔下載</a>]<br />

		
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7156243.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7156243.html</guid>
	<category>Flash筆記</category>
	<pubDate>Mon, 04 Aug 2008 13:50:22 +0800</pubDate>
</item>
<item>
	<title>【練習】碰撞運動</title>
	<description><![CDATA[
			　　呼~終於等到軍中放假了。

　　物體運動較熟悉後，開始練習碰撞，碰撞會讓物體更有存在感，但是卻會耗費大量計算，越是奇形怪狀的物體，要計算物體間是否接觸的代價就越高，因此大部份的實作方式都是以一個簡易外廓來代替物體原有的形體，尤其以圓最容易實作，在檢查時只要二者中心點距離小於或等於二者半徑和，就可以開始碰撞行為，在本例中，碰撞會使二圓各從接觸面反方向彈回，並維持動量守恆，又由於求出球接觸面的垂直向量後，再依動量計算速度分量十分麻煩，所以程式中把二中心點旋轉到水平線，將二維碰撞簡化為一維計算。本練習重點在於：動量守恆公式、旋轉座標系、物體相疊合時的修正，以及物件的移除(清除按鍵和點擊的圓波效果)。

		]]>
	</description>
	<content:encoded><![CDATA[
			　　呼~終於等到軍中放假了。<br />
<br />
　　物體運動較熟悉後，開始練習碰撞，碰撞會讓物體更有存在感，但是卻會耗費大量計算，越是奇形怪狀的物體，要計算物體間是否接觸的代價就越高，因此大部份的實作方式都是以一個簡易外廓來代替物體原有的形體，尤其以圓最容易實作，在檢查時只要二者中心點距離小於或等於二者半徑和，就可以開始碰撞行為，在本例中，碰撞會使二圓各從接觸面反方向彈回，並維持動量守恆，又由於求出球接觸面的垂直向量後，再依動量計算速度分量十分麻煩，所以程式中把二中心點旋轉到水平線，將二維碰撞簡化為一維計算。本練習重點在於：動量守恆公式、旋轉座標系、物體相疊合時的修正，以及物件的移除(清除按鍵和點擊的圓波效果)。<br />

		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7156223.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7156223.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7156223.html</guid>
	<category>Flash筆記</category>
	<pubDate>Sun, 03 Aug 2008 13:40:15 +0800</pubDate>
</item>
<item>
	<title>【練習】彈射運動</title>
	<description><![CDATA[
			　　再來進入到『Flash ActionScript 3.0 動畫製作大師』的第六到八章，這本書的重點才剛要開始，這三章介紹彈跳、磨擦、互動、漸進與彈射。以物理理論而言，這些都是很簡單的，但是加到Flash中的物體運動後，運作更顯自然，簡單而好用，何樂而不為呢？這次練習改自書中原本的3顆球互相彈射(TripleSpring.as)，大幅改寫程式結構成可以動態增加球，加上邊界彈回與自然磨擦，算是一個綜合演練，在示範中可以看到一些有趣的特性，球增加到一定數量後，因為無法取得內平衡，會開始暴衝；而撞到邊界後，不是整體彈回，而是碰觸到的球才彈回，然後又被其它球擠回，若加點剛性連結，或許可以把一團球再模擬成一顆擬真彈力球吧。


		]]>
	</description>
	<content:encoded><![CDATA[
			<div class="pict"><a href="http://blog.roodo.com/esabear/0a00a115.jpg" target="_blank"><img src="http://blog.roodo.com/esabear/0a00a115_s.jpg" width="160" height="224" border="0" alt="Flash_as3_Book.jpg" hspace="5" class="pict" align="left"></a></div>　　再來進入到『Flash ActionScript 3.0 動畫製作大師』的第六到八章，這本書的重點才剛要開始，這三章介紹彈跳、磨擦、互動、漸進與彈射。以物理理論而言，這些都是很簡單的，但是加到Flash中的物體運動後，運作更顯自然，簡單而好用，何樂而不為呢？這次練習改自書中原本的3顆球互相彈射(<a href="http://esabear.googlepages.com/TripleSpring.as">TripleSpring.as</a>)，大幅改寫程式結構成可以動態增加球，加上邊界彈回與自然磨擦，算是一個綜合演練，在示範中可以看到一些有趣的特性，球增加到一定數量後，因為無法取得內平衡，會開始暴衝；而撞到邊界後，不是整體彈回，而是碰觸到的球才彈回，然後又被其它球擠回，若加點剛性連結，或許可以把一團球再模擬成一顆擬真彈力球吧。<br />
<br />

		<a class="acontinues" href="http://blog.roodo.com/esabear/archives/7156207.html">(繼續閱讀...)</a>
		]]>
	</content:encoded>
	<link>http://blog.roodo.com/esabear/archives/7156207.html</link>
	<guid>http://blog.roodo.com/esabear/archives/7156207.html</guid>
	<category>Flash筆記</category>
	<pubDate>Sun, 27 Jul 2008 13:33:12 +0800</pubDate>
</item>
</channel>
</rss>