貼圖...算是demo版的一種吧... 本來還想在增加選圖的功能,後來想想似乎也沒有那麼必要...只是單純寫自爽的...
Swf 與 Html 的debug輸出測試... Trace...
本來一開始是在寫文件,寫著寫著突然就開始寫起這東西來...一開始的版本是只有 html 版本,後來想想就多開了二個入口,讓 swf 也可以直接呼叫,會加上 swf 的主要原因,來自於有時在 console 與 browser 之間切換,還滿麻煩的,所以,基於這個很好的懶人理由,就順道寫了下去,也順便加深自已對 jQuery 的印象...
覺得好玩的,就自已下回去吧... Link
Air 1.x -> 2.0 ( VerifyError: Error #1014: Class IIMEClient could not be found )
這二天開始在整理之前 Adobe AIR 程式,也抽點時間試著把部份程式碼改為 2.0 組件 ,在試到把 MX:TextInput 改為 s:TextInput 就出現執行錯誤,確定了一下 API 沒什麼問題,上網查了一下 解決方式。
Subclipse With Mac Svn
儘管目前市面上,開始推廣 Git ,不過,目前我還是比較喜歡使用 SVN ,除了因為mac本身就有內建 svn server 與 svn client ,也因為目前自已對 git 熟悉度也還不高。所以,暫時打消這念頭。
當使用 eclipse 來做開 發時,比較常用的就是 Subclipse,不過,目前的版本以經到 1.6 ,而自已在使用的版本還在 1.2 ,一更新又是 東欠西欠的,思考了一下,還是決定不做這類的更新,轉從 svn 存放格式下手,先來看一下所支援的格式 ( svnadmin --help create ),至少支援了 1.4~1.6 的版本規格,我自已的 client 是只使用到 1.4 ,畢竟都是自已在使用,也不需要太強大的功能。找個自已喜歡的目錄,轉下指命 ( svnadmin create "project name" --pre-1.4-compatible ) ,接下來就可以自由運行了。
Flex SDK4.1 ( Flash Builder ) Debug With Chrome
最近 Flex SDK 4.1 更新,貼心的 flash builder 也自動下載了 SDK 4.1 ,很開心的想要測試一下,結果卻發生了 debug 版本連線失敗,原本以為是舊有的 flash player 未被清除乾淨,於是到官網下載了反安裝的工具,清除完也重裝之後, 疑,明明 Internet Plug-Ins 裡面都清乾淨了,但是 chrome 還是可以運行,這才想到之前 Adobe 與 Google 合作的事,現在 Chrome 都內建了,於是去論壇找了一下處理的模式。
直接在 chrome 的導覽列上輸入 about:plugins
接下來把
/Applications/Google Chrome.app/Contents/Versions/5.0.375.99/Flash Player Plugin for Chrome.plugin
停用
這樣就可以成功運用除錯連線了。
Pixel Bender 學習...
Part 3
有些思緒太亂,導致睡不著。索性把之前想寫的一個效果,趁現在寫一寫。主要是利用二張圖來做效果上呈現,第一張為主要的照片,第二張直接用筆刷亂畫了一下。感覺上,還滿適用於老舊照片之類的展示。
粒子 學習...
Part 1
主要想測試一下,新版的 fp10 ,在處理大量點時的效果。結果真讓我嚇一跳,在我的測試機( CPU P4.3.3 Ram 1G ) 上,FPS 還能有 32~34 。
在做進一步測試,看看自已的小白能跑到什麼地步。XD , 目前約 3萬1 至 3萬2 ...
題外話,似乎在 Chrome 上面的 flash player 運行上的感覺比 firefox 還好? , 應該是因為 FP 版本的關係。
工作...
encodeURI 與 瀏灠器支援
有時,我們會使用 swf 來對 js 呼叫,最方便的模式,就是直接寫在 as 當中,避免之後給對方文件時,忘了加進去。這次遇到的這問題,讓我覺得滿還好玩的,中文亂碼,一開始以為是 meta 與 lang 沒有設定好,而設定之後,仍然是出現亂碼,所以,開始做了一些簡單測試。
針對不同的瀏灠器,來使用 encodeURI ,會發現不使用與使用上,各會產生不同的結果,最特別的是 IE ,二種全是亂碼 。 最後,還是使用 ExternalInterface 來解決這個問題。
Chrome Plug-in Swf... Bug
最近改用 chrome 之後,突然發現原本 swf 的按鈕都沒有作用,連忙打開其它的瀏灠器測試,結果發現只有在 Mac 上的 chrome 才會有這問題。
- 環境如下
- 小白 : Mac OS 10.5.8
- Chrome : 5.0.375.70
- Flash PLayer : 10.0.45.2
問題討論區 目前似乎仍然無解,得等官方更新
Jcrop 學習...
Part 0
getSize 學習...
突然想到,就把常用的一些對像,輸出記憶體大小來看看...
| [Target] | [Value] | [ByteSize] |
| [Null] | null | 4 |
| [Undefined] | undefined | 4 |
| [Object] | Empty Object | 24 |
| [Sprite] | Empty Sprite | 404 |
| [Target] | [Value] | [ByteSize] |
| [Int] | 2147483647 | 8 |
| [Number] | 1.79769313486231e+308 | 8 |
| [UInt] | 4294967295 | 8 |
| [Target] | [Value] | [ByteSize] |
| [String] | Empty String | 24 |
| [Target] | [Value] | [ByteSize] |
| [Transparency] | True | |
| [BitmapData] | 1024*768 | 3145788 |
| [Vector] | 1024*768 | 40 |
| [ByteArray] | 1024*768 | 68 |
| [Transparency] | False | |
| [BitmapData] | 1024*768(False) | 3145788 |
| [Vector] | 1024*768 | 40 |
| [ByteArray] | 1024*768 | 68 |
| [Target] | [Value] | [ByteSize] |
| [Actually] | ||
| [Vector Len] | 786432 | 6291456 |
| [ByteArray bytesAvailable] | 3145728 | 3145728 |
其實輸出完畢,第一個想到的東西( PureMVC ),在使用 PureMVC 時,常會把資料與顯示物件分開處理,等到有需要時,在把資料重新置入,光這個動作應該就能節省不少記憶體空間。
aslmanager 問題!?
最近在開發上,CPU 使用率常會莫名奇妙昇高,打開管理器一看,疑,aslmanager 竟然佔了多數的使用...上網找到的解決做法(連結)。內文中解釋為 Mac 自已本身程式的問題,疑,看了一下日期是在去年囉,難道這幾個改版都沒有修正?
大致上,把有用到的程式代碼貼了一份過來...
- 打開終端機之後
- sudo launchctl stop com.apple.syslogd
- sudo launchctl stop com.apple.aslmanager 在桌面建立一個資料夾,命名為 temp
- sudo mv /var/log/asl/* ~/Desktop/temp/
- sudo launchctl start com.apple.syslogd
粒子 學習...
Part 0
最近多數時間都在練習寫 iPhone ,突然滿想寫 AS3 ... ,也剛好腦中有一個想法,想結合一下 PixelBender 與 點運算。所以就順便寫一點。四個版本只差在點的數量及一些小變化...
無意間發現,在使用燈箱時,使用的 cpu 會比不使用時,還高出一倍...還不知道主要原因,有時間在來查詢一下,之後,可能會把 swf 改成用彈跳視窗。
Github Mac 安裝學習...
Part 0
由於最近需要的資源,有許多都是來自 github ,為了避免自已最後又被版本搞混,所以,花了點時間了解一下,該怎麼做下載及如何更新。整個過程其實,還算滿愉快的...說明文件也寫得很清楚,或許是因為我的需求也並不是很多,只是很單純需要下載及更新...
當準備使用之後,得先安裝 Git ... 由於我自已是使用 Mac os ,所以,參照官網的指示,先下載安裝的工具,當下載完成之後,解開會看到四個檔案
如果你的需求跟我是一樣的,那你可以不用考慮其它的檔案,直接雙擊 git-1.7.1-intel-leopard.pkg 安裝。接下來,開始測試是不是有成功安裝,直接拿 phonegap 來做測試,其實到這邊就很清楚了,完全就是覆制貼上,打開終端機,切換到自已喜歡的資料夾... 開始按照順序貼指命。
- Get Started 即初始環境
- Getting the Submodules 通常只會在第一次使用到
- Updating a Submodule 之後有更新的話,就輸入這邊的指命。
jqTouch 學習...
Part 1
原本在寫 jqTouch Web App 時,就想使用 UIWebView 這組件來跟 jqTouch 組合的想法,所以,抽了個時間實做一下,運作上除了第一次進來時,沒有很正常把畫面大小設置成功,其它部份應該是沒什麼問題。
jqTouch 學習...
Part 0
jqTouch 是一款為 iPhone 當中瀏覽器所設計的 JS 語言,基本上的操作模式沿用 jquery,所以囉,jquery 強大的 selector 也是可以在 jqTouch 當中使用,僅管目前還在 beta,而裡面所使用的 jquery 版本也不是目前最新版本,不過,光省去查詢 webkit 及寫導覽組件和效果的時間,就讓我覺得拿來開發 RIA 的東西應該是滿夠用了。官網的wiki說明,從入門一直到自訂動作及事件監聽也寫得很詳細,可以快速入門。而對 jquery 不了解的朋友,可以利用官網的文件或是這個網站,後面所推薦的網站,雖然語法並不是最新的,不過,在查詢相關函式,倒還覺得滿方便的。
結果:
整理了一下內建效果。把下面的網址,copy 到模擬器就可以直接顯示頁面效果...如果有實機的朋友,就可以直接連到網址。
http://i-wander.appspot.com/f/iphone/project/class/index.html
$("table").delegate("td", "hover", function(){
$(this).toggleClass("hover");
});
無意間發現,原來這次的改版,除了 bind 之外,也可以使用 delegate 這語法... 使用過 AS2 之後,實在很難忘掉這語法阿...
cocos2d 學習...
Part 0
這個月算把所有的雜事都處理完了,開始把心思放在 iPhone 上,僅管目前還沒有手機可以做測試,不過先準備總是好事... 看了幾本書之後,這二天開始在找尋一些相關的 framework ,方便之後的開發,或是可以拿來參考的程式,其實一開始被cocos2d 吸引是在粒子系統上, 反倒不是在遊戲開發上。而在去主網站看了一些相關資訊,才慢慢覺得這套實在是個好東西阿...不僅僅是粒子系統,連寫遊戲常用的 tilemap 也有,更不用說其它基本動作( 位移、旋轉、跳... )之類。
今天剛好也是 0.99.3 發怖的日子,想玩的人可以趁現在,不然過些日子上手後,改版可是件可怕的事, API 的部份,光繼承樹的關聯,就讓我覺得很溫心,能快速找到對應的類別,除此之外,如果想直接在 Xcode 當中使用文件參考的人,也可以參考這篇文章,或是離線版(AIR版!!),不過,我自已還是習慣使用線上版...,Xcode Template 的部份,可以參考 cocos2d git 文件說明( 在最下方 )。
實際運作時,比顯示的結果還順許多...可能因為畫面錄影的關係,好像有點lag... 結果
Away3D 學習...
Part 0
花了一天的時間,把 Away3D 相關的類別了解了一下,可能之前有玩過 PV3D 與 Sandy3D ,這次上手的速度快了許多。也順便看了一下相關的範例檔,不過,在範例檔倒花了掉一些時間。想說滿久沒寫一些3D的效果,就順便拿 Away3D 來試試,此外 Away3D 底層的繪圖模式,是使用 Graphics 當中的 drawTriangles ,所以可想而知,會隨著點的增加,而運算量也會變大。當然也是可以用偷懶的方式,使用 3DSMAX 直接輸出相關點的位置,不過,主要是了解一下,所以,並沒有打算這麼做。Away3D 一開始就會先計算好相關點的位置( 有興趣的可以看一下 buildPrimitive 函式 ) 與 UV 位置,不過,麻煩的也在這邊,當要做變形時,就得針對這些位置去做計算,比較現成的就是 as3DMod ,不過,不知道是因為 Away3D 改寫的原因,所以,一些對應的類別並沒有如預期當中產生。相對的,在思考上由2D轉3D的對應位置變化也比較多。不過,一直的 render 加點重新計算,這樣子的效能....?
在Away3D中內建了簡單的效能觀察,可以在 swf 當中的物件上點右鍵之後,點選 Away3D Project stats 就會彈跳出一個小視窗。實在很方便。
Pixel Bender 學習...
Part 2
Pixel Bender 除了可以協助我們做濾鏡效果之外,其本身也支援 Vector.
Pixel Bender 學習...
Part 1
沿用之前的東西,做了點小修改。一開始只是單純需要顯示一個圓形,後來寫完之後,突然又覺得加個淡出效果,應該也是滿不錯的才對。
思考上,這次改變了之前的想法,把一些想要的效果,全改用文字取代,接下來再慢慢改成程式碼。照慣例,我還是選用了較熟悉的圓,來做基本變化與練習。順便也使用PixelBende內建的函式與屬性來做變化,開發的速度較上次快了些。
2010/04/27
今天在做修改時,拿了文字欄來做測試,出乎意料的,也是可以運行...不過,動態文字似乎依舊不行,可能還是得轉換成 BitmapData 使用。下面的示範依舊沿用之前的程式碼,主要把外框改成模糊的效果。
Pixel Bender 學習...
Part 0
僅管 PixelBender 在 swf 當中,並未真正使用到 GPU,而是使用 CPU 去做計算,不過,用起來感覺還滿好的。從正式開始寫時,一開始的思維,倒是花了我滿多時間去思考。主要在於平時,都是操作整個面,而並非點。想了老半天,就突然這麼開竅了。不過,這倒也讓我覺得,果然還是拿自已常思考的東西,來做變化,較容易快速學習不同的東西。
網站記錄...
想了許多天,還是把整個網站的文章全移走...這樣感覺好像比較好些。
2010/04/26
網站應該不會在放上程式碼了,會慢慢轉以思考模式取代,畢境現在可以找到的程式碼資源太多了。
2010/04/26
中文可取用的字型,還真的少到有點可憐...滿足了 Windows 苦了 Mac...二難...考慮使用圖片當中...
2010/04/29
預計所有相關公開檔轉移空間位置,改使用 Google Appengine...
2010/05/26
最近也沒什麼時間做版面整理...就先這樣吧,等有空在來重新調整...
2010/05/30
突然想到就換了...感覺還不錯...