伊沙熊的學習筆記本 2012-02-15T18:46:22+08:00 Flash CS3, ActionScript 3.0, Web 2.0, 3D tag:blog.roodo.com,2012://361345 Roodo Blog Copyright (c) 2005, 【玩具】3D場景控制+人臉辨識(Flash face-detection) 2012-02-14T17:46:24+08:00 2012-02-14T17:46:24+08:00 tag:blog.roodo.com,2012://361345.18933628 2012-02-13T22:30:34+08:00 http://blog.roodo.com/esabear/ Flash筆記 3D太空中的無限延伸的時候，就是希望可以真的做到人臉偵測，但一直沒時間好好實作它。多虧了網路的一些高手，把開放原始碼的OpenCV移植到AS3來(詳見此連結)，要做人臉辨識變得容易多了，完全不需要Server端的運算，在Client端以Flash離線運算抓取人臉即可。花了一點時間把以前的作品跟Quasimondo提供的範例做了點合併，由原本的滑鼠控制，改成了用webcam的臉部位置動態控制視角的功能。 (繼續閱讀...)]]> 【筆記】PHP彩蛋(Easter Eggs) 隱藏版Logo 2011-11-08T22:26:17+08:00 2011-11-08T22:26:17+08:00 tag:blog.roodo.com,2011://361345.17859331 2011-11-08T22:14:04+08:00 http://blog.roodo.com/esabear/ 網頁製作 　　程式人員永遠都是退居幕後，難免會不甘心，因此喜歡在程式作品中加點料：隱藏的工作人員名單、特殊指令或密技、特別視角的圖像…等等，都可以通稱為彩蛋(Easter Eggs)。

　　被廣泛使用的PHP裡，也藏有這樣的程式碼(php-src/ext/standard/info.h)，因為開放原始碼的關係，就有人發現了這個彩蛋：在PHP網址後加上一個特殊的GET參數，才會顯示的Logo或內容。

(繼續閱讀...)]]> 【筆記】線上檢查SSL憑證資訊、版本及加密演算法 2011-11-08T22:28:09+08:00 2011-11-08T22:28:09+08:00 tag:blog.roodo.com,2011://361345.16746055 2011-09-14T18:54:10+08:00 http://blog.roodo.com/esabear/ 資訊科技 最近在研究SSL（Secure Sockets Layer）的版本判斷：SSLv2, SSLv3以及TLS，把找到的工具做個簡單整理

(繼續閱讀...)]]> 【筆記】用PHP+cURL傳送Request (GET,POST或上傳檔案)至另一個網頁 2011-08-31T02:04:45+08:00 2011-08-31T02:04:45+08:00 tag:blog.roodo.com,2011://361345.16358749 2011-08-18T21:08:07+08:00 http://blog.roodo.com/esabear/ 網頁製作 　　筆記分二大部份:PHP傳送GET、POST、上傳檔案至另一個網址，以及PHP如何接收及處理上傳的檔案。正常來講PHP程式通常是接收端，但有些時候也會扮演傳送端，把資料送到同一個或另一個伺服器，或者讀取某個網頁資料，這時可以用fopen、fsockopen或者cURL，後者功能強大且使用起來很便利、程式碼也很美觀直覺，相當推薦使用。

　　在正常預設安裝之下，PHP安裝目錄下會有 libeay32.dll 和 ssleay32.dll 二個檔案，且在phpinfo()中會看到curl已啟用，即可使用之。以下做一點心得紀錄。

(繼續閱讀...)]]> 【閒聊】IE 9、FireFox 4 陸續登場, 和Chrome、Safari、Opera一起佈局HTML5 (Flash何去何從？) 2011-09-02T00:46:39+08:00 2011-09-02T00:46:39+08:00 tag:blog.roodo.com,2011://361345.15423315 2011-03-23T12:29:08+08:00 http://blog.roodo.com/esabear/ 資訊科技
  • Internet Explorer 9 - 號稱要釋放網路原力之美
    http://www.microsoft.com/taiwan/promo/ie9/
  • Firefox 4 - 號稱比 Firefox 3.6 快六倍
    http://www.mozilla.com/zh-TW/firefox/
  • Chrome - 號稱和閃電一樣快
    http://www.google.com/chrome/?hl=zh-TW
  • Opera - 號稱Windows上最快的瀏覽器
    http://www.opera.com/
  • Safari - 號稱全世界最快速的瀏覽器
    http://www.apple.com/tw/safari/download/

    • 光從「號稱」來看, 應該知道是蘋果的Safari勝出了--- "全世界"最快
    (或者該說最臭屁? XD)

    　　雖然大家都在號稱自己快, 不過隨著各家的推陳出新、各有所長, 漸漸地也難分勝負了，以一個使用者來看，一向落後的IE，在IE9推出後的確比過去的版本速度大幅增進，介面也變清爽了；Firefox 4有沒有變成6倍快？已經夠快了感覺不出來，但介面經過調整，類似Chrome的分頁方式和icon簡化，也是煥然一新的感覺；Chrome和其它家則一直都維持高效能。個人的心得是：其實你們都已經夠快了，可以開始端牛肉啦！

    (繼續閱讀...)]]>     【筆記】Windows 安裝 Apache 2.2 + MySQL 5.5 + PHP 5.3 教學 2011-11-08T22:29:28+08:00 2011-11-08T22:29:28+08:00 tag:blog.roodo.com,2011://361345.15069653 2011-01-28T19:17:32+08:00 http://blog.roodo.com/esabear/ 網頁製作
  • Apache 2.2.172
  • MySQL 5.5.83
  • PHP 5.3.5
  • PHPMyAdmin 3.3.x (附錄)

    • 因為Apache 2.2的改版, 使得安裝稍微有些變化, 尤其在PHP的搭配上, 安裝過程雖然有嘗試了不同的方式, 但都不是很順, 最後採用的方法應該算快速又有效的了, 做個Step by step的紀錄分享給同樣想分開安裝的人。順便在文內簡單列一些資訊安全相關的常識。

    (繼續閱讀...)]]>     【備忘】MySQL Error: 1366 Incorrect string value: '\xB7s\xB2...' 2011-09-05T11:44:42+08:00 2011-09-05T11:44:42+08:00 tag:blog.roodo.com,2011://361345.14957987 2011-01-18T15:22:48+08:00 http://blog.roodo.com/esabear/ 網頁製作 MySQL Error: 1366 (Incorrect string value: '\xB7s\xB2\xD3\xA9\xFA...' for column 'path' at row 67)查資料後發現是編碼的問題，但在mysql指令中輸入status看到的characterset都是utf8，後來再嘗試了一下，把table的預設引擎從 InnoDB 改成 MyISAM 算是暫時解決這個怪問題了。 (繼續閱讀...)]]> 【工具】線上MD5檔案驗證 (Online MD5 checksum verifier) 2011-09-06T21:50:28+08:00 2011-09-06T21:50:28+08:00 tag:blog.roodo.com,2011://361345.14835005 2010-12-31T17:41:45+08:00 http://blog.roodo.com/esabear/ Flash筆記 　　在網路上下載一些檔案有時需要做MD5 Checksum校驗，以確保檔案的內容是正確的，沒有損毀或被竄改之虞，但是在Windows中要安裝程式才能方便檢驗，為此我用flash寫了一個小程式，可以毋需安裝直接在線上開啟檔案，並計算MD5 CheckSum，建議使用於100MB以下的檔案(視個人記憶體決定)。

    Online MD5 checksum verifier - wonderfl build flash online

    (繼續閱讀...)]]>     【新聞】正在悄悄掀起的Flash 3D革命 2011-09-08T10:50:53+08:00 2011-09-08T10:50:53+08:00 tag:blog.roodo.com,2011://361345.14330713 2010-11-02T15:52:20+08:00 http://blog.roodo.com/esabear/ Flash筆記 Adobe Max 2010釋出Flash 3D API的訊息後, 以及Molehill的宣佈, 一直擱著沒有時間好好研究, 但最近看著Papervision3D的群組裡出現了「is PV3D dead ?」的熱烈討論串, 實在有感而發... 在約二年前, Papervision3D可以說是穩健好用的3D API之首, 而現在情勢已經完全不同, 各家API如雨後春筍般冒出來, 不但初學者摸不清楚該從什麼開始, 連開發者也追得很累, 現在終於連Adobe也跳出來囉～ (繼續閱讀...)]]> 【筆記】拖動場景(startDrag)時, 不引發點擊(click)的方法 2011-09-08T13:38:03+08:00 2011-09-08T13:38:03+08:00 tag:blog.roodo.com,2011://361345.14281973 2010-10-27T12:16:18+08:00 http://blog.roodo.com/esabear/ Flash筆記 做遊戲或浮動視窗時, 常會遇到的問題:「如何拖動物件或場景, 可是該物件內有可點擊的按鈕或連結, 平時可正常點擊, 但希望拖動時不要反應。」

    直述原理如下：
    1. 滑鼠點擊的動作, 等於滑鼠按住然後放開
      也就是說AS3的MouseEvent.CLICK事件, 相當於MouseEvent.MOUSE_DOWN+MouseEvent.MOUSE_UP
    2. 按住還沒放開時, 看滑鼠是否有移動, 有移動才startDrag, 並且把點擊事件移除偵聽, 放開後stopDrag; 沒有移動的話則不處理
      也就是MouseEvent.MOUSE_DOWN時, 偵聽是否有MouseEvent.MOUSE_MOVE(移動滑鼠事件)
    (繼續閱讀...)]]>     【工具】在Flash中使用HTML與CSS的輸出預覽工具 2011-09-08T16:28:36+08:00 2011-09-08T16:28:36+08:00 tag:blog.roodo.com,2011://361345.14199163 2010-10-15T15:53:31+08:00 http://blog.roodo.com/esabear/ Flash筆記 「如何把html網頁嵌進Flash裡？」相信有些人曾遇到這樣的問題

    　　雖然聽起來有點本末倒置, Flash本來是HTML規格裡的一部份, 卻反過來要支援HTML。 但是在Flash應用的蓬勃發展下, 這樣的需求也不再是不可能

    　　有人研究出把網頁的內容, 用浮動DIV的方式壓在Flash之上, 這樣的確解決了一些問題(例如:透明模式的中文輸入), 但是以一般需求而言, 實作方式太麻煩, 且在定位和控制上會有一些問題。 事實上Flash的文字欄位是支援HTML及CSS樣式的, 而且還有一些奇妙的功能, 像是TextEvent.LINK的連結點擊事件等, 只是支援程度也極其陽春, 部份地支援HTML的某些tag, CSS只支援CSS1的一部份, 且在排版支援上還有一些詭異之處(見程式範例)

    　　為了能清楚明瞭HTML在Flash中的運作情況, 做了一個小工具, 也順便做了一些實驗, 希望能多瞭解一些, 即使陽春, 也許有機會也可以善加利用。

    (繼續閱讀...)]]>     【備忘】Server啟用 gzip 壓縮導致 Flash loading 不正常 2011-09-09T19:44:15+08:00 2011-09-09T19:44:15+08:00 tag:blog.roodo.com,2011://361345.13788955 2010-09-17T09:15:34+08:00 http://blog.roodo.com/esabear/ Flash筆記 　　最近遇到一個主機轉移上的問題, 主機管理者告知Flash部份的載入有不正確的情況。 找了一下, 發現是因為Apache啟用了gzip壓縮模組mod_deflate, 啟用的好處是可以將被請求的檔案先壓縮再傳輸, 節省網路頻寬、增加傳送速度, 所以棄之也可惜。

    　　但是啟用後卻影響到Flash Player判讀載入進度失誤, 似乎是因為封包header原本應該是 Content-Type: application/x-shockwave-flash, 結果變成text, 導致bytesLoaded/bytesTotal資訊不正確。 找了一下解法, 其實只要把swf列入例外即可解決問題, 畢竟壓縮對於純文字而言比較有效果, swf、flv或一些圖檔壓縮比很低, 不但造成Loading問題, 還有可能變成多餘的動作

    (繼續閱讀...)]]>     【工具】在ActionScript 3畫虛線(dashed line)和點線(dotted line) 2011-09-10T03:18:10+08:00 2011-09-10T03:18:10+08:00 tag:blog.roodo.com,2011://361345.13596663 2010-08-30T21:17:33+08:00 http://blog.roodo.com/esabear/ Flash筆記 　　一直以為在Flash IDE中的面版中, 只要可以手動調整的屬性, 就有相對應的程式, 但是最近才發現這個想法錯了, 而且竟然還是一個極基本的功能: 畫虛線, 查了一下lineStyle、lineGradientStyle等等函式, 偏偏就是找不到, 翻了一下網路上的資源, 只找到AS2版本(senocular.com的DashedLine.as)的程式可以畫 CurveTo 的弧線, 難道真的沒有嗎? 希望是我搞錯了...

    因為暫時找不到解法, 只好自己改寫成AS3的版本。原始碼下載
    (請自行更名為DashedLine.as, 並置於com/senocular/drawing/目錄下,直接下載)

    (繼續閱讀...)]]>     【作品】AR+3D動畫公仔 2011-09-14T22:20:38+08:00 2011-09-14T22:20:38+08:00 tag:blog.roodo.com,2011://361345.12635105 2010-06-08T22:48:34+08:00 http://blog.roodo.com/esabear/ Flash筆記 最近做了一個滿有趣的活動網站
    可以線上養成味味A的A仔, 收集動作和服裝, 累積一定歲數後還可以抽筆電

    味味A 25週年

    遊戲本身只是一個像電子雞的遊戲
    不過技術上還滿多且雜的, 就像是個大雜繪, 貪心地加了很多料
    結合了像是3D、DAE動畫、AR(擴增實境)、Facebook API、webcam偵測手指
    在AR模式如果去旋轉感應卡, 或者把A仔倒吊都會有反應
    還好有一些是以前剛好有接觸或需求, 而研究出來的成果

    活動網址：http://www.vedan.com.tw/25party/

    3D動畫模型是第一次使用, 在事前和建模廠商來來回回好幾次的修改
    結果磨了太久, 實際程式撰寫只剩不到2星期, 又是一個爆肝力作
    綜合了這麼多種技術, 還是有點吃不消
    尤其在效能上, 實在也沒辦法顧及太多
    想要追上國外的技術水準, 深深覺得還有好多東西要學習阿

    (繼續閱讀...)]]>     【筆記】Flash的「5005: 最佳化位元組程式碼時發生不明錯誤。」問題 2011-09-15T01:54:27+08:00 2011-09-15T01:54:27+08:00 tag:blog.roodo.com,2011://361345.12545965 2010-05-28T22:09:52+08:00 http://blog.roodo.com/esabear/ Flash筆記 今天寫Flash程式, 在用Flash CS3輸出時, 遇到了一個很莫名奇妙的錯誤訊息：
    　5005: 最佳化位元組程式碼時發生不明錯誤。
    (5005: unknown error optimizing byte code)

    沒有告知哪一行, 也不說是什麼可能原因...困擾了我一下子
    更新Java和重開機都無解

    後來在一個部落格找到了解法
    似乎是程式碼過多, 到達了Compiler的預設上限
    按照教學將【我的電腦】→右鍵內容→【進階】→【環境變數】→在系統變數裡"新增"一個變數值, 名稱為 JAVA_TOOL_OPTIONS , 值為 -Xmx1024M
    (若打開Flash後有錯誤,就把1024改成512..256..我自己是改到128時才成功)

    頭一回遇到程式碼過量的問題, 該慶祝一下自己的程式境界有所"突破"了嗎

    ]]>     【筆記】Papervision3D置換DAE部份材質的方法 2011-09-15T20:10:47+08:00 2011-09-15T20:10:47+08:00 tag:blog.roodo.com,2011://361345.12048817 2010-03-26T20:18:44+08:00 http://blog.roodo.com/esabear/ Flash筆記 處理3D模型時有時會遇到需要隱藏部份區塊或換掉部份貼圖的時候
    摸索一番後總算找到方向

    首先用文字編輯器開啟*.dae檔 (Collada內容為XML)
    找到形如以下範例字串：(可以用"material="搜尋)
           <triangles material="lambert6SG" count="288">
    lambert6SG即為可用來被置換的材質名稱 (繼續閱讀...)]]>     【酷站】為部落格加上52種語言翻譯工具 2011-09-16T12:44:22+08:00 2011-09-16T12:44:22+08:00 tag:blog.roodo.com,2011://361345.11809797 2010-02-26T15:57:14+08:00 http://blog.roodo.com/esabear/ 資訊科技
    logo of http://translateth.is/
    TranslateThis Button
    網址：http://translateth.is/
    試試看：
    • 使用AJAX+Google Language API技術
    • 支援52種語言, 功能可自訂
    • 提供WordPress外掛

    　　選擇語言後在下次進到同一個網站時, 仍然會記住設定(記錄在cookie裡), 所以以後每次都會自動翻譯, 如果要取消, 只要在等待翻譯時按下cancel, 或者清一下cookie即可。

    ]]>     【心得】ActionScript語法: startDrag限制區域 2011-09-16T15:12:38+08:00 2011-09-16T15:12:38+08:00 tag:blog.roodo.com,2011://361345.11696773 2010-02-12T17:55:51+08:00 http://blog.roodo.com/esabear/ Flash筆記 　　ActionScript裡有個startDrag()與stopDrag()語法, 可以將Sprite(或延伸出的MovieClip等)以滑鼠拖動跟隨與放開, 用法形如：

    mc.startDrag(); // mc為元件實體名稱

    startDrag還可以代入2個參數：

    • 第一個值為true時會使拖曳時元件的中心點黏在游標上, false(預設)則是黏在按下去時的點。
    • 第二個是用來指定限制拖曳範圍的框(Rectangle)
    (繼續閱讀...)]]>     【備忘】MySQL取得當週第一天的語法 2011-09-17T01:58:17+08:00 2011-09-17T01:58:17+08:00 tag:blog.roodo.com,2011://361345.11327149 2010-01-08T11:53:10+08:00 http://blog.roodo.com/esabear/ 網頁製作 SET @today = curdate(); SET @weekstart = 1; SELECT DATE_SUB(@today,INTERVAL DAYOFWEEK(@today) - @weekstart DAY);

    以今天為例(星期五, SELECT CURDATE( )為2010-01-08)
    取得的結果是2010-01-03
    weekstart =1是 Sunday, 星期一、二就是2,3以此類推
    可以將@today換成任何一天, 即可求得該週禮拜日的日期

    參考網頁：MySQL Reference Manual ]]>     【練習】3D矩形貼圖地球 2011-09-16T01:12:46+08:00 2011-09-16T01:12:46+08:00 tag:blog.roodo.com,2011://361345.10882457 2009-11-30T21:22:40+08:00 http://blog.roodo.com/esabear/ Flash筆記 wonderfl上看到一個有趣的程式:Hello, World! 起先是對它的寫法感到興趣, 因為作者的寫法滿變態的XD, 剛看到簡直是愣住, 過一陣子才看懂, 竟然想到用巢狀空陣列來當地圖, 真是有趣, 其它語法也寫得極盡精簡... 後來想到一個點子, 順手把它改成了3D地球的貼圖：
    forked from: Hello, World! - wonderfl build flash online
    ※ 原始檔連過去就看得到。 (繼續閱讀...)]]>     【筆記】Flash取得播放端的環境資訊(Capabilities class) 2011-09-16T03:05:47+08:00 2011-09-16T03:05:47+08:00 tag:blog.roodo.com,2011://361345.10852869 2009-11-27T15:06:18+08:00 http://blog.roodo.com/esabear/ Flash筆記 　　ActionScript 3.0的Capabilities類別, 可以幫助開發者取得瀏覽者主機的語系、作業系統...等資訊, 在做相容系統、跨語系或想偵測如手機等播放裝置時十分有用。Capabilities繼承自Object,取用屬性很容易, 如以下程式碼：

    import flash.system.Capabilities;
    trace(Capabilities.os);

    常用的屬性如下：(FP為Flash Player的縮寫)


    上面的Flash裡右欄顯示的就是實際取得的資訊。 (繼續閱讀...)]]>     【調查】部落格平台(BSP)側欄的JavaScript支援度 2011-09-16T03:20:32+08:00 2011-09-16T03:20:32+08:00 tag:blog.roodo.com,2011://361345.10847201 2009-11-26T23:56:37+08:00 http://blog.roodo.com/esabear/ 網頁製作
    目前僅對側邊欄位是否能自訂與置入JavaScript部份做調查：
    (繼續閱讀...)]]>     【練習】Flash光暈軌跡 2011-09-16T16:28:45+08:00 2011-09-16T16:28:45+08:00 tag:blog.roodo.com,2011://361345.10605165 2009-11-07T16:18:43+08:00 http://blog.roodo.com/esabear/ Flash筆記 (繼續閱讀...)]]> 【新聞】Flash CS5將於2009年底前揭曉,支援iPhone App、內建Flash Builder 2011-09-17T14:16:31+08:00 2011-09-17T14:16:31+08:00 tag:blog.roodo.com,2011://361345.10225669 2009-10-06T21:00:24+08:00 http://blog.roodo.com/esabear/ Flash筆記 　　Adobe Labs宣佈了一個重要的訊息:Flash Professional CS5 BETA版將在2009年底前開放下載, 也就是說離正式版的推出也不遠了, 這個消息真是讓人又愛又恨, 很多人可能CS4還沒摸熟, CS5就又要出了, 難道不怕CS4系列變成過渡產品嗎, 也或許這正是Adobe的意思, 自從推出Flex後, 編輯器Flex Builder更新頻仍, 後來改名Flash Builder, 已經有和Flash IDE整併的意味, 現在又宣佈Flash CS5將內建Flash Builder, 原本開發路線分歧讓使用者選邊站並非良策, 只會分散愛好族群而已, 能夠合併真是個好消息, 但也要期待整合性能完善一點, 希望不要只是造出一隻更肥大的怪物。

    (繼續閱讀...)]]>     【筆記】Facebook API: FBML裡Flash無法輸入中文的問題 2011-09-17T21:32:46+08:00 2011-09-17T21:32:46+08:00 tag:blog.roodo.com,2011://361345.10116879 2009-09-28T19:32:53+08:00 http://blog.roodo.com/esabear/ Flash筆記 　　在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, 不會造成太大問題。

    (繼續閱讀...)]]>