[網站推薦]Flash遊戲網站:nigoro

2 意見

2009-07-23_001602.png

日本的遊戲網站,由四人組成的小工作室,遊戲都很有創意,且網站還有分享遊戲開發心得,想開發Flash遊戲的人都可以參考(不過是日文...)

網站:http://nigoro.jp/

技術Blog:http://kyoudou.nigoro.jp/



Tour de LiveCycle

0 意見

screenshot-collage-600.jpg

Tour de LiveCycle是LiveCycle Data Service(LCDS)的教學程式,由AIR開發,提供多樣的LCDS範例。

這跟之前的Tour de Flex類似,有用到的人可以參考

Tour de LiveCycle:http://www.adobe.com/devnet/livecycle/tourdelivecycle/index.html

順便補上Tour de Flex

Tour de Flex:http://www.adobe.com/devnet/flex/tourdeflex/

Tour de Flex WEB:http://www.adobe.com/devnet/flex/tourdeflex/web/



[心得]使用Flash 操作 PDF

0 意見

最近剛好有用到,把心得整理一下

一、使用Flash顯示PDF:

Flash可透過HTMLLoader直接顯示PDF,而Flex則可用HTML Tag,這兩者都是用瀏覽器嵌入的方式呈現,效果跟Firefox、IE直接打開PDF一樣,雖然能顯示PDF,但Flash的渲染邏輯跟想像的不同,顯示的PDF文件會被置於最上層,跟Flash Index無關,且無法操作PDF文件,有一種比較特殊的作法是Cross-Scripting,透過Flash -> DOM -> PDF -> Javascript的方式操作,HTMLLoader讀取嵌入PDF的網頁,透過DOM操作PDF內的JavaScript,這種做法很麻煩而且PDF必須事先埋JavaScript,有興趣的朋友可參考Cross-Scripting PDF一文。

剛談論的HTMLLoader跟HTML都只能在AIR中使用,也就是Flash並沒有給Web顯示PDF的方法,雖說如此,網路上還是有看到有人用Flash做PDF Viewer(豆丁網),這部分可能是使用PDF轉SWF的技術,由於PDF文件格式是公開的,所以網路上有很多第三方的Parser,其中一種就是PDF轉向量SWF檔,這種技術的好處是可完整操作,且也能去掉一些文件屬性,像是Navigate tag跟Page Layout等..,讓顯示不受文件影響。

補充一些線上的PDF轉換網站:

PDF Online:http://www.pdfonline.com/convert-pdf/

PDF Convert:http://www.freepdfconvert.com/

PDFMenot:http://pdfmenot.com/

二、使用Flash產生PDF

有個好用的第三方Library─AlivePDF,這是改自PHP的FPDF,可產生文字及圖片,功能很完整但不支援中文 ,該作者也有注意到這個問題,期待他的更新版

logo.jpg

AlivePDF:http://www.alivepdf.org/

三、使用Flash解析PDF

Parser的部分比較少,筆者只找到Pavo這個由日本人撰寫的Parser,只能取出PDF的資訊及內文,無法取出圖片,重點是沒什麼教學,且裡面有用到File、FileStream等AIR才有的Class,所以這個Parser也只能給AIR使用。

Pavo:http://code.google.com/p/pavo/



[好用工具] Flash eff 2.0

1 意見

2009-07-14_150208.jpg

FlashEff是Flash的Plug-in,可簡單做出Flash特效,有點像是之前的SWISH但是用Flash做開發介面,只要在原本元件點選效果即可。網站下可下載免費版,有數百種效果可用,但不能做細部修改,有些效果也被擋住,專業版雖聲稱有3000以上的效果,但要99美金,可調絞版更要$199,個人覺得免費版就很夠用了。

官網:http://www.flasheff.com/

效果展示:http://www.flasheff.com/patternsshowcase/

使用教學:http://www.flasheff.com/tutorials/



[網站推薦]Flash版的快打旋風

0 意見

2009-07-14_165829.jpg

Flash版的快打旋風(二代),感覺有可能是用Alchemy寫的,遊戲很完整

網址:http://www.ponged.com/actiongames/streetfighter2championedition-4113



AStar路徑演算法初探

2 意見

A*是著名的尋路演算法,在即時戰略遊戲很常見,主要是用來找出最短路徑,筆者參考Patrick Lester的A* Pathfinding for Beginners一文,試著用Actionscript3實作A*,為了加快效能,全部改用Vector取代Array,所以以下範例請用Flash Player10以上版本觀看。

先簡單說明一下A*的邏輯,A*是藉由評分制來取得最短路徑,有三個參考值F、H、G,F是H跟G的總合,最後拿來參考用,而G是由起點到目前位置所需的移動耗費,也就是移動距離參考,而H比較特殊,這是一種啟發式的預測,估算目前位置到終點所需的移動量,H有很多種算法,這次的範例是採用最簡單的Manhattan演算法,直線且不考慮障礙物

第一個範例把評分列出,黃色區塊為算出的最短路徑,而淺藍色區塊為有運算過的節點,按下空白鍵可切換四方向及八方向移動

2009-10-05_011918.png

觀看範例

套用PV3D,這樣感覺就比較像遊戲了,如果加上移動限制及回合,就能做出SLG戰略遊戲的效果,下次再寫個範例試試

2009-10-05_011951.png

觀看範例

原始檔下載

AStar類別



Flash Player10的聲音操作

0 意見

2009-07-07_141207.jpg

Flash Player 10 允許聲音在播放時動態改變內容,網路上有人寫了一個唱盤的範例,轉動唱盤可倒播,右側的控制把可加速、減速。蠻有趣的,類似DJ的遊戲

網址:http://herrmuttlobby.com/scratch/



體驗真正的3D效果:PV3D + AnaglyphView

0 意見

anaglyph.gif

之前無意間看到的,有人透過Papervision3D做出立體影片(anaglyph)的效果,只要有3D眼鏡即可,筆者沒那東西所以也沒試,改天去文具行買玻璃紙吧 :-)

原文可下載AnaglyphView原始檔

文章:http://blog.barcinski-jeanjean.com/2008/10/17/making-of-part-iii-anaglyph/



Flash and Flex Developer's Magazine

0 意見

2009-07-02_163827.jpg

國外的Flash/Flex雜誌,提供一些新聞及教學,內容還蠻豐富的

雙月刊,一年的價格是39.2美元,約台幣1286,價格還可接受,不想訂也可以免費下載過期雜誌,有興趣的人可以參考

網址:http://ffdmag.com/

過期雜誌下載:http://ffdmag.com/prt/view/back-issues/page/1.html



免費的Flex開發工具:eclipse + AXDT

0 意見

AXDT是eclipse的Plug-in,可用來撰寫Actionscript3及mxml,支援Flex SDK 3及Flex SDK 4,不過功能很陽春,Design mode只能顯示列表,且Code hit有限,文字也不會自動變色,唯一的好處是eclipse的編輯環境,對習慣eclipse快速鍵的人來說會比較好用。

另外網站上還有一個ASDT可下載,跟AXDT一樣是eclipse的Plug-in,可用來撰寫Actionscript2,由於不常用到筆者就沒試了。

裝完後可選AXDT的Perspective

2009-06-30_150938.jpg

AXDT編輯環境,可寫mxml,但Script不會跳code hit

2009-06-30_150913.jpg

有預覽模式但只是列表

2009-06-30_150558.jpg

執行效果,這裡只加一個按鈕跟日期選取組件,輸出結果同Flex,沒什麼太大問題

2009-06-30_150717.jpg

官方網站:http://axdt.org/

AXDT update site: http://update.axdt.org/

ASDT update site: http://aseclipseplugin.sf.net/updates/



你也可以當變形金剛

0 意見

2009-07-01_103458.jpg

上傳照片合成變形金剛,最近這種類型的網站還蠻多的

網址:http://www.transformersmovie.com/robotize_me/