<?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>伊沙熊的學習筆記本</title>
<link>http://blog.roodo.com/esabear/</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/rss.xml" rel="self" type="application/rss+xml" />
<item>
	<title>【練習】Flash光暈軌跡</title>
	<description>
		<![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>		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/10605165.html</link>
	<guid isPermaLink="true">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[<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>

		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/10225669.html</link>
	<guid isPermaLink="true">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[<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>		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/10116879.html</link>
	<guid isPermaLink="true">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>【作品】味丹 - 三人連線默契大考驗</title>
	<description>
		<![CDATA[<embed allowscriptaccess='never' src='http://pic2.blogad.com.tw/sticker/20090914.swf' width='180' height='350'></embed><div style='display:none;'><img src='http://beta.ptt.com.tw/Trace_2007/trigger.php?traceId=2695' width='0' height='0' border='0'></div>

<p>　　工作至今已數個月, 自開始接觸flash以來, 算一算也剛好滿一年了, 在這期間學了好多東西, 這次玩的是三人連線互動, 進行默契大考驗, 獎品還滿誘人的, 第一週有PSP :D</p>
<p>　　上面這個部落貼是將<a href="http://blog.roodo.com/esabear/archives/9692349.html">3D標籤雲</a>, 略加修改而成的應用, 這次Art廖伯用了很多向量圖, 所以檔案量很小, 但是效能上的微調也就更加重要, 除了快取點陣圖外, 還要做動畫的管理; 連線互動是第一次嘗試, 偏偏案子實際交到手上時, 只剩下不到3天的工作日, 差點沒爆肝..XD, 不過總算是"準時"完工。這次動用的技巧頗多, 可以說是滿難得的一次經驗。</p>
<hr />
　<b>味丹 - 濃作伙大作戰</b><br />
　連結網址：<a href="http://www.vedan.com.tw/vedanparty/" rel="nofollow" target="_blank">http://www.vedan.com.tw/vedanparty/</a>
<hr />		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/9985357.html</link>
	<guid isPermaLink="true">http://blog.roodo.com/esabear/archives/9985357.html</guid>
	<category>酷站連結</category>
	<pubDate>Fri, 18 Sep 2009 19:46:46 +0800</pubDate>
</item>
<item>
	<title>【酷站】有趣的Google map街景地圖 - 肯德基爺爺的臉糊掉啦</title>
	<description>
		<![CDATA[<p>　　昨天Google Maps的台灣、葡萄牙及瑞士版street view(街景)功能上線囉, 目前台灣版本只有台北地區有街景資訊。street view真的是很酷的功能, 有了它, 在實際踏進一個區域前, 就可以事先找路、找店家、找停車點, 所謂「秀才不出門，能知天下事」在今日的科技加持下, 顯得更容易了。</p>

<p><hr />　<b>Google 地圖</b><br/>
　<a href="http://maps.google.com.tw/" rel="nofollow" title="Google Maps">http://maps.google.com.tw/</a><hr /></p>

<p>　　在原本的地圖控制列上有一個小人, Google稱之為「衣夾人」, 如果地圖中有街景資訊, 衣夾人就會從灰色變橘色<img src="http://maps.google.co.uk/help/maps/streetview/images/flying_man_2b_right.png" alt="衣夾人" align="absmiddle" />, 把衣夾人拖進地圖中, 路線會變藍色, 把衣夾人的陰影放到要看的點即可。放進去後衣夾人底下會出現指標<img src="http://maps.google.co.uk/help/maps/streetview/images/man_arrow-10.png" alt="衣夾人指標" align="absmiddle" />, 代表面向的方位。</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>　　街景圖記錄了人間百態, 難免會有不少有趣的畫面, 國外的street view版本出得比較早, 所以討論也很多, 像<a href="http://mashable.com/2007/05/31/top-15-google-street-view-sightings/" target="_blank" rel="nofollow">這篇</a>, 有一些照片縫合產生的詭異圖像、意外拍到的上空女郎、疑似外星人,甚至是正在翻牆的小偷, 也難怪有些人會對街景圖產生了侵犯隱私權的疑慮, 所以Google對於人臉和車牌都做了模糊的處理, 連肯德基爺爺都不放過：
<div class="pict"><a href="http://blog.roodo.com/esabear/ac317038.jpg" target="_blank"  onclick="SWFbox('KFC','296','266','#FFFFFF', this.href); return false;" title="點圖放大"><img src="http://blog.roodo.com/esabear/ac317038_s.jpg"  border="0" alt="被Google打糊的KFC肯德基爺爺" hspace="5" class="pict"></a></div>
【<a href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=taipei+101&sll=41.547645,-87.642746&sspn=0.051774,0.077162&ie=UTF8&layer=c&cbll=25.060037,121.523067&panoid=nUHHL1XlLVF4wtC_JfY3Fw&cbp=13,120.33,,0,-1.06&ll=25.059944,121.523037&spn=0,359.922838&z=14" target="_blank" rel="nofollow">在Google Map中觀看</a>】地點在中山北路上
</p>
		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/9792783.html</link>
	<guid isPermaLink="true">http://blog.roodo.com/esabear/archives/9792783.html</guid>
	<category>酷站連結</category>
	<pubDate>Wed, 19 Aug 2009 09:03:32 +0800</pubDate>
</item>
<item>
	<title>【作品】3D標籤雲不再是WordPress獨有 &amp;raquo; 樂多也可以</title>
	<description>
		<![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>		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/9790107.html</link>
	<guid isPermaLink="true">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的練習, 原始檔附於文末。

<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>		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/9692349.html</link>
	<guid isPermaLink="true">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[<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>		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/9535363.html</link>
	<guid isPermaLink="true">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>【作品】線上螢幕測試</title>
	<description>
		<![CDATA[<p>　　既然Flash有支援全螢幕模式, 不好好利用實在浪費, 想到一個小點子, 做了一個線上版的LCD螢幕測試工具, 可以用來檢查亮點、對比等資訊的應用, 很簡單但是應該還夠用。至少不需要把測試軟體帶來帶去, 螢幕還在亮點保固內的可以偶爾瞄一瞄, 用很久的就算囉XD</p><div style="display: none;">線上免費LCD螢幕評測 online screen test for free!</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="300" height="150" id="website" align="middle"> 
<param name="allowScriptAccess" value="always" /> 
<param name="allowFullScreen" value="true" /> 
<param name="movie" value="http://blog.roodo.com/esabear/67932fe0.swf" /> 
<param name="quality" value="high" /> 
<embed name="website" src="http://blog.roodo.com/esabear/67932fe0.swf" width="300" height="150" allowScriptAccess="always" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"  /> 
</object> 
<p>測試步驟主要有3大部份
<ol>
<li>第一部份是單色及RGB色彩漸層, 可用來檢查亮點, 以及色彩分佈是否均勻。</li>
<li>然後是對比度, 螢幕最好能調整到可以分辨出每個色塊</li>
<li>再來是螢幕掃描與精準度, 越好的螢幕在網點部份波動越少; 顯示精準度尤其是四個邊角, 注意是否有扭曲。</li>
</ol>
</p>		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/9467515.html</link>
	<guid isPermaLink="true">http://blog.roodo.com/esabear/archives/9467515.html</guid>
	<category>資訊科技</category>
	<pubDate>Thu, 16 Jul 2009 22:32:17 +0800</pubDate>
</item>
<item>
	<title>【備忘】Flash使用全螢幕模式</title>
	<description>
		<![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>		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/9461701.html</link>
	<guid isPermaLink="true">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[<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>		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/9412575.html</link>
	<guid isPermaLink="true">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>【備忘】JavaScript: 文字欄位浮水印</title>
	<description>
		<![CDATA[<p>JavaScript偶爾會寫一點, 但是老是忘東忘西, 也來備忘一下好了。</p>
<p>效果如下：<br />
有浮水印的文字欄位：
<input name="textfield" type="text" value="浮水印自訂文字" style="color: #AAAAAA;" onfocus="if (this.value == '浮水印自訂文字') {this.value = ''; this.style.color='#333333'}" onblur="if (this.value == '') {this.value = '浮水印自訂文字'; this.style.color='#AAAAAA'}" >
</p>

程式碼：<br />
<div style="border: 1px dashed #666666; overflow: scroll;">
<pre><FONT COLOR=BLUE SIZE=+1><</FONT>input name<FONT COLOR=BLUE SIZE=+1>=</FONT><FONT COLOR=PURPLE>"textfield"</FONT> type<FONT COLOR=BLUE SIZE=+1>=</FONT><FONT COLOR=PURPLE>"text"</FONT>  value<FONT COLOR=BLUE SIZE=+1>=</FONT><FONT COLOR=PURPLE>"浮水印自訂文字"</FONT> style<FONT COLOR=BLUE SIZE=+1>=</FONT><FONT COLOR=PURPLE>"color: #AAAAAA;"</FONT> onfocus<FONT COLOR=BLUE SIZE=+1>=</FONT><FONT COLOR=PURPLE>"if (this.value == '浮水印自訂文字') {this.value = ''; this.style.color='#333333'}"</FONT> onblur<FONT COLOR=BLUE SIZE=+1>=</FONT><FONT COLOR=PURPLE>"if (this.value == '') {this.value = '浮水印自訂文字'; this.style.color='#AAAAAA'}"</FONT> <FONT COLOR=BLUE SIZE=+1>></FONT>
</pre>
</div>

<p>另外, Flash也可以這樣玩</p>		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/9329889.html</link>
	<guid isPermaLink="true">http://blog.roodo.com/esabear/archives/9329889.html</guid>
	<category>網頁製作</category>
	<pubDate>Sun, 28 Jun 2009 23:57:37 +0800</pubDate>
</item>
<item>
	<title>【工具】Papervision3D Collada預覽工具(DaeViewer)</title>
	<description>
		<![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應用所以沒有目錄限制的問題, 而且有動畫播放的功能, 離線時推薦使用~		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/9268611.html</link>
	<guid isPermaLink="true">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[<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>		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/9255579.html</link>
	<guid isPermaLink="true">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作品 - Big and Small</title>
	<description>
		<![CDATA[看到一個最近的新奇佳作, 忍不住要放上來分享一下<br />
這個作品很巧妙地融合了3D與2D<br />
大部份是3D, 但是畫面意外地柔和<br />
可以看出貼圖的搭配真的很重要, 良好的設計可以讓低面數模型也有驚人的呈現<br />
截圖：<br/>

<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 class="pict"><a href="http://blog.roodo.com/esabear/665d3da6.jpg" target="_blank" onclick="SWFbox('Big ans Small Screenshot','816','502','#FFFFFF', this.href); return false;"><img src="http://blog.roodo.com/esabear/665d3da6.jpg" width="408" height="251"  border="0" alt="big and small" hspace="5" class="pict" align="center"></a></div>
<hr />
　<b>BBC - CBeebies - Big and Small</b><br />
　作品網址：<a href="http://www.pluginmedia.net/clients/bigandsmall/phase1c_release/game/" target="_blank">http://www.pluginmedia.net/</a><br />
　作者部落格：<a href="http://feeds.feedburner.com/sebleedelisle" target="_blank">Seb Lee-Delisle</a>
<hr />		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/9147463.html</link>
	<guid isPermaLink="true">http://blog.roodo.com/esabear/archives/9147463.html</guid>
	<category>酷站連結</category>
	<pubDate>Wed, 03 Jun 2009 22:43:14 +0800</pubDate>
</item>
<item>
	<title>【工具】PV3D所見即所得編輯工具</title>
	<description>
		<![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>		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/8914307.html</link>
	<guid isPermaLink="true">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>【新聞】Google發表open-source 3D瀏覽器外掛&amp;API：O3D</title>
	<description>
		<![CDATA[<p>　　Google在4月21日釋出了<a href="http://code.google.com/intl/zh-HK/apis/o3d/" target="_blank">O3D</a>，光看它的摘要說明就可以了解：An open-source web API for creating rich, interactive 3D applications in the browser。可以在瀏覽器上執行3D程式，不是透過Flash，而是安裝瀏覽器外掛，所以能夠突破較多限制，甚至可以支援硬體加速，讀取的模型檔是COLLADA(*.dae)，還可以將要讀入的媒體檔壓縮打包成tgz格式，介面則是透過JavaScript控制，目前還沒有支援Flash的跡象。</p>		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/8801505.html</link>
	<guid isPermaLink="true">http://blog.roodo.com/esabear/archives/8801505.html</guid>
	<category>資訊科技</category>
	<pubDate>Sun, 26 Apr 2009 17:05:40 +0800</pubDate>
</item>
<item>
	<title>【心得】AS3取得當前位址與網域</title>
	<description>
		<![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>

視需求做選擇		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/8761867.html</link>
	<guid isPermaLink="true">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[<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>		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/8737345.html</link>
	<guid isPermaLink="true">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[<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>

		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/8730655.html</link>
	<guid isPermaLink="true">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[<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>		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/8566447.html</link>
	<guid isPermaLink="true">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畫面就更加馬虎不得，有些開發者會隨意塞個簡單的文字告知正在載入中，有些則經過精心設計，例如<a href="http://www.prettyloaded.com/" target="_blank">Pretty Loaded</a>這個網站所收集的各式載入畫面，同樣是loading，後者顯然更能引人入勝。自己看輸出的swf檔總是很順暢，殊不知flash的一大考驗在於網路頻寬、延遲與效能，包括loading、載入其它flash、圖像、影音的處理，不能讓觀眾老是處於等待中，而且還能感覺到等待的價值，loading才能算成功。在AS3裡要做preload需要一些步驟：		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/8474471.html</link>
	<guid isPermaLink="true">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種作法，各有優缺點：
<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 -->		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/8362809.html</link>
	<guid isPermaLink="true">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>【轉貼】如何成為閱讀空氣達人？</title>
	<description>
		<![CDATA[<p>　　日本財經雜誌《Theory Business》集結企業領導人、藝術創作者、學者等各行各業頂尖人士， 送給年輕上班族突破職場瓶頸的關鍵句，培養「閱讀空氣」的能力：</p>
<p><strong>一、發生意見不同的爭論時，先把那股氣Hold住 </strong></p>
<p>　　年輕人常常沒聽完對方的話，覺得被誤解，就急急辯駁，而不把話聽完，反而留給人不好的印象。</p>
<p>　　其實，任何會感動大眾的作品，都是以團隊的力量才能完成，不管你多麼有才華、有創意，光靠一個人的本事是無法達成的。因此，不要因為一時的情緒衝動，毀了團隊之間的感情與互信。</p>		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/8372463.html</link>
	<guid isPermaLink="true">http://blog.roodo.com/esabear/archives/8372463.html</guid>
	<category>好文共賞</category>
	<pubDate>Wed, 25 Feb 2009 10:32:26 +0800</pubDate>
</item>
<item>
	<title>處世四態度</title>
	<description>
		<![CDATA[聖嚴法師：『面對它、接受它、處理它、放下它』		]]>
	</description>
	<link>http://blog.roodo.com/esabear/archives/8334467.html</link>
	<guid isPermaLink="true">http://blog.roodo.com/esabear/archives/8334467.html</guid>
	<category>大放厥詞</category>
	<pubDate>Wed, 18 Feb 2009 11:45:37 +0800</pubDate>
</item>
</channel>
</rss>