PIECE2巨群
網頁設計 ‧ 平面設計 ‧ 虛擬主機 ‧ 網路行銷
最新消息
資訊分享
關於我們 服務項目 客戶案例 製作流程 虛擬主機 聯絡我們
新Adobe Flash可將動畫轉成HTML5網頁設計內容

在Flash方面,CS6版提供了將動畫結果轉換到HTML5網頁設計內容的功能,相當吸引人。開發人員要使用這個功能之前,需先連至Adobe官網中,下載並安裝Flash Professional Toolkit for CreateJS,它是一個免費的擴充功能。

轉換後的HTML5網頁設計程式碼,可複製於其他網頁設計專案使用。


將Flash動畫轉換成HTML5網頁設計內容

在Flash的Toolkit for CreateJS面板上,點擊發布,即可將動畫轉換成HTML5內容,若轉換過程若遇到不支援的動作時會出現警告提示,像是不支援形狀補間動畫與補間動畫的轉換。

實際操作時,我們只要製作一段動畫後,在「視窗」選單中的「其他面板」選項裡,開啟Toolkit for CreateJS面板後,點選後,發布即可立即以預設瀏覽器來預覽轉換效果。我們在檢視網頁原始碼時,也可以看到轉換成HTML5、Javascript的結果,只要將這些程式碼複製後,即可套用至相關網頁開發專案中。

但要注意的是,Flash並不是所有效果都能支援轉換。我們實際在製作補間動畫(Tweens)並發布時,在輸出面版中,軟體會提示:此功能並不支援形狀補間動畫(Shapes tweens)與補間動畫(Motion tweens),但傳統的補間動畫(Classic tweens)是可行的。此外,原廠也表示,有些ActionScript 3.0也可能因為不支援,而無法顯現。

目前Flash的發布設定中,可支援AIR 3.2,並能適用於個人電腦和Android與iOS等行動平臺,如果要簡化應用程式測試工作,現在的Flash可以預先建立經過封裝的Adobe AIR應用程式。舉例來說,像是在發布設定中,選擇AIR 3.2 for Android,接著在部署分頁視窗中的AIR執行階段中,勾選「AIR執行階段嵌入應用程式」即可。此外,在發布模式中,HTML包裝函式中的視窗模式多了「直接」選項,這個功能可讓發布內容使用Stage3D,加速圖形演算。

最後,透過Flash內建的行動裝置內容模擬器,便可以在模擬Android或iOS的環境中,測試以Adobe AIR建立的內容。

 


轉貼來源:ITHome online

 


參考文獻:

1.王大維,2002,台灣工商業可延伸企業報告語言分類標準之建立,國立台灣大學會計研究所未出版碩士論文。

2.位元文化,2002,XML 技術實務,台北:文魁資訊股份有限公司。

3.林宥吟,2002,延伸性企業報告語言之產業應用-以資產管理產業為例,私立中原大學會計系碩士班未出版論文。

 
返回列表
上一頁 下一頁


相關文章

新Adobe支援HTML5,加速開發網頁設計與App設計
2013年網頁設計趨勢
網頁設計首頁快照與網站SEO價值關係
網頁設計命名規則參考
網頁設計CSS基本命名


最新文章

HVACKer:入侵隔離網絡的新型攻擊技術
還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口
美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!
【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場
快可以用手機遠端遙控你的所有家電了



 
PIECE2巨群 版權所有 © 2008 總公司:06-2895301 台北:02-82529838 台中:04-25152530 高雄:07-7931226
驗證 CSS 驗證 W3C
專精項目:網頁設計   網站設計   平面設計   包裝設計   關鍵字行銷   關鍵字排名   網路行銷   網站代管   虛擬主機   ERP系統