2012-07-26

Ninja Authoring Tool – HTML5 網頁圖形、表單和動畫編輯器

雖然 HTML5 的功能很強大,但是,從頭學起再加上要會製作動畫及漂亮的圖型和表單的話,那可就要花費不少時間哩 ! 還好,阿舍最近看到一個不錯的東西,名字也滿有趣的,就叫做「Ninja Authoring Tool (阿舍自譯 : 忍者創作工具) 」,這個 Ninja Authoring Tool 是 Chrome 瀏覽器的擴充,不過,除要從 Chrome 線上應用程式商店來找到和安裝以外,還要下載和安裝一個 Ninja Local Cloud 的小 Server 才能使用,還好,不會很難的哩 !

Credit  Ninja Authoring Tool

Ninja Authoring Tool 的功能可以直接用來設計給使用者輸入的 HTML 表單,也可以利用內建的繪圖工具來畫畫,同時,也能配合 Timeline 的功能來製作動畫,而創作的結果可以直接轉換成標準的 SVG、WebGL、HTML5、CSS3 和 Javascript 程式碼的方式儲存,因此,只要用瀏覽器,不需要有伺服端就可以開啟用 Ninja Authoring Tool 創作的網頁哩 ! 不過,目前主要還是只有支援 Chrome 瀏覽器而已哩 ! 阿舍有把 Ninja Authoring Tool 裝到 Chrome 來試用了一下,用起來還滿順手的,也滿直覺的哩 ! 阿舍偶爾還有彷彿是在操作 Flash 編輯器的錯覺哩 ! 呵 ...

Ninja Authoring Tool 為什麼可以這麼好用呢 ? 主要的原因之一,就是 Ninja Authoring Tool 利用了 Montage 這個 HTML5 Framework,Montage 提供讓網頁或手機程式的開發者可以透過 JavaScript 來產生豐富的 HTML5 效果,所以說,Ninja Authoring Tool 應該可以算是 Montage 的操作介面吧 ! 除此之外,Montage 也有提供 Data binding 和事件管理的功能,如果你是對採用 node.js 來進行後端開發的人的話,Montage 就很適合用來做前端的開發哩 !

阿舍個人是覺得,有了 Ninja Authoring Tool 這套軟體後,如果你不想一個個的瞭解 HTML5 的 Tag 怎麼用,Canvas API 怎麼寫,WebGL 是什麼的話,好好的學會用這套 Ninja Authoring Tool 的話,也是可以做出支援 HTML5 的網頁和應用程式哩 ! 另外,Ninja Authoring Tool 內建就有一個程式碼的編輯器,所以,也可以把 Ninja Authoring Tool 當作 IDE 來用哩 ! 還有,Ninja Authoring Tool 和 Montage 都是採用 BSD 授權的開放原始碼軟體,有興趣也可以把它下載來改一改哩 ! 呵 ! ...

參考資料:
Ninja power: open-source HTML5 toolset aims to enable richer Web apps


[+] Ubuntu 指令新手會用到的35個技法 - 這是以阿舍的使用經驗編寫出來的電子書,三天內應該就看的完,學的起來哩 ! 有空就參考一下囉 ! ... ^^=

關於阿舍

好文不藏私,請多分享囉!! ^^=



沒有留言 :

張貼留言

如果留言後,發現留言不見了,這通常是因為 Goolge 把它認為是垃圾留言了,請用信件通知阿舍調整 ( ayubiz@gmail.com )。謝謝 !