跳到主要內容

關於Flex,AIR,Flartoolkit

Flash:
最早由Macromedia公司所創立的多媒體播放技術
現已被Adobe所收購,
維基百科的說明:
http://zh.wikipedia.org/w/index.php?title=Adobe_Flash&variant=zh-tw
擁有時間軸的製作方法, 比較適合用來開發活動性質的網站。
http://thefwa.com裡的商業網站, 大多都是使用Flash來開發。
可使用ActionScript2.0或是ActionScript3.0, 是目最普級率最高的web技術。
開發工具需要使用Adobe Flash Professional軟體。
目前的版本為:FlashPlayer10, 增加3D和骨架的功能。
Flash一詞同時代表是web的多媒體技術, 同時也是代表開發工具。

Flex:
維基百科的說明:
http://zh.wikipedia.org/w/index.php?title=Adobe_Flex&variant=zh-tw
和Flash一樣, 最終產出的格式皆為swf檔
只要使用者端的瀏覽器有加裝Flash Player皆可觀賞。
和Flash製作上最大的差別, Flex比較適合用來發開系統性的專案
開發工具並沒有時間軸的觀念,
但有大量的組件可以使用, 且可搭配Flex專屬的css寫法來快速置換樣式。
除了是使用ActionScript3.0外, 也搭配了專屬的mxml格式。
mxml是以xml為基底, 使用表籤式語法。
製做上有點類似html+Javascript的寫法,
開發工具:Adobe Flex Builder
或是可選擇免費的開發工具組合:FlashDevelop+FlexSDK
但相對就缺少了視覺元件的開發。
Flex一詞只是個開發工具或是技術, 最終產出的格式皆是.swf。

AIR
(AIR = Adobe Integrated Runtime)
維基百科的說明:
http://zh.wikipedia.org/w/index.php?title=Adobe_AIR&variant=zh-tw
是一種桌面應用程式的開發技術。
swf的格式是應用於web上, 無法取存使用者的任何資訊
好比要開發一個常駐應用程式, 需要能夠存取使用者端的檔案, 就需要用到AIR
開發工具可使用Flash或是Flex Builder
一樣是使用ActionScript3.0, 只是將發怖的格式由.swf轉成.air
使用者下載.air檔, 就像安裝程式一樣。
要安裝.air程式前, 使用者端比需先安裝過AIR的runtime
就像要看.swf格式, 瀏覽器需要先安裝過Flash Player
目前的版本為:AIR 1.5

Papervision3D
早期Flash在3D領域的應用相對缺乏, 大多只能靠3D軟體輸出序列圖片, web2.0的時代, 強調與使用者互動, 序列圖片只能單向播放, 無法即時產生互動。
但是如果3D技術能在Flash Player中播放, 同時體積小, 與使用者互動性能力強, 效果逼真的3D web應用程式, 無疑將給使用者帶來全新的體驗。
Papervision3D簡稱PV3D。
他不是軟體, 也不是一種新的程式語言, 是一套基於Flash ActionScript的開源技術, 目的在於實現更加炫麗、高互動性的強大Flash 3D Web應用程式。
最早的PV3D測試版是由2007年7月7日發佈的, 開發者是由一群核心成員不斷的開發和維護。
開發PV3D web應用程式只需要使用Flash ActionScript3.0搭配PV3D的類別檔即可開發,
而客戶端只需要安裝Adobe Flash Player9以上的版本即可。
Flash Player9之前的版本, 所有看的到的3D效果皆是由數學公式運算出來, PV3D也不例外。
PV3D提供了許多方便的物件與方法, 幫我們處理好複雜的數學運算,
讓我們可以很方便的在FLASH裡模擬 3D世界。
相對的, PV3D的運算, 當遇到太複雜的模型或是大量的3D物件, 會效耗許多CPU使用率,
所以模型的結點數和物件數量的控管就相當的重要。
Flash本身對點陣圖的處理就有許多的美中不足,只要點陣圖有縮放或是旋轉時,
都會產生距齒狀的問題,PV3D也不例外, 但可以開啟圖片平滑化的功能。
PV3D在製作時, 可以朝互動性和趣味性來發想應用, 質感上的瑕疵可以考慮一些美工手法來補強。
PV3D的官方網站:http://blog.papervision3d.org/
目前的版本為:PV3D2.0 Beta , PV3D3.0 Alpha

Flartoolkit
是一種使用webcam的虛擬實境技術。
最早是由Java所開發的Artoolkit技術, 日本一位設計師將其原理轉換到Flash技術上。
使用者只需要一個webcam,並把一個樣式版列印出來, 對著webcame
即可在畫面上出現虛擬的3D物件。
該技術需要搭配PV3D一起使用
Flash技術本身並不支援硬體加速, 所有的畫面都是由使用者端的CPU運算出來
該技術會受到使用者端的CPU等級, 還有環境而有所引響。
Demo影片:
http://milkmidi.blogspot.com/search/label/FLARToolKit

silverlight
Micosoft所推出的web多媒體技術, 程現的效果和flash是一樣的
只是是不同家公司所推的的產品
在製作上, 有類似和Flash的時間軸觀念, 也有類似於Flex的mxml表籤語法
silverlight叫做xaml。
而程式語言則可使用JavaScript,C#或是VB來開發。
目前的版本為silverlight2.0
和Flash比較。

優:圖片的處理上較Flash佳, 不會產生嚴重的距齒
影片的品質也比flash來的好一些。
缺:不缺備3D的功能, 但有類似PV3D的類別技術, 稱為kit3D。
開發者需學習Blend發開工具, 但因為Flash使用率太高, 使的設計師有些難以進入。
http://www.shinedraw.com
該作者把應用範例同時寫了flash和silverlight版, 讓網友來決定那一種技術比較好。

轉貼文章請注名出處:http://milkmidi.blogspot.com

留言

管理者寫道…
作者已經移除這則留言。
匿名表示…
Flartoolkit是不是有版權問題
我看日本官網說什麼雪碧公司違反什麼..
日文看不太懂.....
milkmidi寫道…
是的, 在商業網站上是需要受權的費用
匿名表示…
老師您好,有個愚蠢問題想請教,我在FLEX中建立as,as 是 extends MovieClip,這個as中有個按鈕,當按鈕按下以後會產生一小段動畫,想請教老師,當動畫完成時,能否呼叫MXML中的function?
或是在MXML中,是否能針對as中的按鈕作監聽?
匿名表示…
奶綠老師您好:

請問要用到Android手機上面的camera和microphone是不是一定要將Flex的程式轉成AIR才能抓到手機上的麥克風和CAMERA?? 因為我現在有個Web Flash的application, 我嘗試讓android手機透過瀏覽器加flash player 10.2去跑這個web application,剛載入的效率不是很好==",但效率目前不是重點,重點是我需要用到手機的麥克風和camera,不過抓不到.....(在電腦上面用瀏覽器都正常,麥克風和視訊功能都ok),手機的喇叭聽得到對方傳過來的聲音,但手機端的聲音就是沒有送出去,camera的影像也是, 所以想請問奶綠老師,我是不是一定要把這個web application轉成AIR程式才能存取手機上的麥克風和CAMERA???
milkmidi寫道…
Camera 我確定在 Android 上,一定要轉成 AIR app 才可以使用。
我猜 Microphone 應該也是

這個網誌中的熱門文章

奶綠茶新書上市_密技公怖_程式碼下載

奶綠茶第一本 Flash 書籍上市啦 博客來書籍館 Flash 3D 特效宅急便 - 商業範例隨學隨 把我對 Flash 的研究與熱愛, 全寫在其中 本書的前幾章, 特別安排 ActionScript3.0 的許多範例 好讓你一步步瞭解 as2 和 as3 的差別 再安排製作動畫不可缺少的 Tweener 類別和一些常用的數學動畫公式 最後當然就來到本書的重點 PV3D 啦 從 PV3D 的原理, 基本架構一點一點的介紹 再透過許多實用的範例, 從中瞭解 PV3D 製作的小技巧 有任何書籍相關的問題, 也請不吝指教 感謝一路走來, 幫助過我的前輩們, 邦邦、Ticore、神魂、Maso、Erin 旗標出版社 小編 Bready 米蘭數位所有夥伴 米蘭數位ActionScript Team:Jason,Ash,Mark 本書大鋼: 1.ActionScript3.0概論 分析AS3的概念與語法, 從基本的滑鼠事件、外部載入、氣泡事件介紹起 適合熟悉AS2, 想轉戰AS3的人員。 2.程式碼製作動畫 使用簡單的數學公式, 套用到程式裡, 脫離死版的影格動畫。 3.製作動畫的好夥伴:Tweener 除了套用數學公式外, Tweener類別也能加速我們開發出更多的動畫效果, 不需辛辛苦苦的找公式。 4.自定類別 AS3的精神, 是在於強大的物件導向, 當然也要熟悉類別的寫法與使用。 5.Flash3D - Papervison3D 如果在Flash玩轉3D效果, PV3D是最好學, 最快上手的3D Flash Engine, 從簡單的3D概念, PV3D類別, 事件等。 6 漫天飛舞的Paper3DWorld效果 7 迷你旋轉木馬式秀圖效果 8 最經典! CoverFlow 圖像展示效果 9 天旋地轉 TiltViewer效果 10 FlatWall3D電視牆效果 11 經典旋轉木馬 Carousel3D 秀圖效果 12 光源材質展示與簡易型的方塊彈跳效果 13 載入外部3D模型與動畫 14 超立體旋轉九宮格 Box3DWorld 15 空間感與透明感兼具的 SpaceGallery 16 螺旋式 SpiralCarouse 影像展示 17 Flash10 3D功能 18 Flash效

奶綠茶photoGalleryV3.5

奶小茶的photoGalleryV3.5原始檔 2007/12/30 更新小Bug,請重新下載 線上Demo: http://milkmidi.com/photogallery/galleryv3.html 1.支援SWFAddress,讓FLASH可以有上一頁下一頁和每張獨立網址的功能 2.圖片路徑圖說經由XML來設定 3.背景依據顯示圖片,自動變化成最接近的顏色 4.非商業用途,歡迎使用並修改(如果覺得我製作的好,也煩請加入我的logo) 5.可結合後端伺服器 00.art 相本集資料夾 com 奶綠茶的Class檔 swfaddress SWFAddress資料夾 swfobject swfobject資料夾 XML galleryV3.fla 原始檔 index.html 主檔html SWFAddress.as SWFaddressEvent.as Source Code Download 解壓密碼:回覆文章,即可看見Password

超好用的無限免費網頁空間,無廣告,無流量限制

大家好,我是奶綠茶 今天來教大家如何申請一個無限免費速度又快的網頁空間 1 首先到  https://github.com/ 申請帳號(一直下一步,下一步,下一步) 2 到你的個人頁,切換上方的 tab 到 Repositories, 按下右鍵的 new 3 Repository name 一定要是這樣的格式 username.github.io 我的 github 網址是 github.com/milkmidi 那就要輸入 milkmidi.github.io 選擇 public, 這樣別人才看的到 private 有其他用途, 而且要付費才能使用 完成後按下 Create repository 5 安裝 SourceTree github 並不支援 FTP 或是網頁上傳,一定要透過指令碼 在這我們選用有圖型介面的軟體,方便大家學習 https://www.sourcetreeapp.com/ 下載並安裝 啟動後登入你的 github 帳號 6 clone 你的 github io 專案 右上角有個 Clone or download 點選後 複製 https 連結(不要選到 ssh ) 7 將 https 的連結貼到 SourceTree 8 上傳 html 到本機 github.io 資料夾,放一個 index.html 切換到 SourceTree, 這時會看到 Unstaged files 的欄位 選擇 Stage All 9 git 要求每次的 Commit, 都一定要打說明文字(好習慣) 輸入完成後,按下右邊的 Commit 10 發佈(Push),這樣就完成啦 可以到你的 http://milkmidi.github.io/ 去查看檔案有沒有出來 其他 Commit 可以想像是做一個記錄,你可以很多的 Commit 最後再一次 Push 上去 github 原本是給程式設計師用的版本控管服務 免費版提供無限空間讓你放檔案,但一定要是 public 想要有私有的 Project ,就只能付費 github.io 只能放靜態檔案,php, aspx 服務並不支援。 祝大家學習愉快 轉載請註明出處 奶綠的 github.io S