Adobe Edge Animate 的 HTML5 動畫和互動影片教學

Adobe Edge Animate 是個很新的軟體,才從 Adobe Labs 出來沒多久,可以用來編輯 HTML5 的動畫和加入javascript互動,目前網路上的 Edge互動教學都還停留在類似 Flash4~5 的年代的 gotoAndPlay 階段,但是透過javascript和jQuery編輯應該只需要很短的時間,就會有更多互動的技巧出現。 實在非常期待呢~!

Adobe Edge 和 Adobe Flash的相似度非常高:
  1. 同樣有時間軸概念
  2. 有元件庫的概念(雖然這在網頁設計上是個小事,還是列出來好了)
  3. 可以加入互動程式 javascript 或 jQuery 或 Create JS
做完之後發佈出來的檔案是 HTML5 的格式,可以用來做網站,也可以用來做APP,當然APP的話,後續還需要用PhoneGap之類的方式打包之後才能正式上架

學過 ActionScript 3.0 的同學,告訴你一個好消息,AS3 和 javascript 原本就同樣是基於ECMAScript 為基礎的腳本語言,所以轉換著學起來超輕鬆,那些停留在2.0的就抱歉囉,得學多一些語法囉!


Adobe Edge Intro Tutorial
by AdobEasyTips

 這是一系列的教學清單,共27片,請記得打開youtube觀看~

留言