基於flash的網頁游戲UI開發,常規基於flash IDE和flex兩種方式,這兩種方式都提供了可視化的操作方式,但是各自的弊端都非常明顯
存在的問題:
先說flash IDE, 是Adobe最早的矢量圖開發工具,定位為畫圖及動畫制作工具。可視化操作很方便,但他對組件的支持極其有限,大家不得不僅僅用他來對UI的位置,再通過各種方式轉換為對應的組件,非常不方便,組件參數設置更無從談起。這些諸多不便,帶來的是UI開發效率低下,美術和程序工作相互交叉,可視化力度不夠,協助不方便,項目一旦大了資源也很不好管理。
再說flex,adobe希望把他做成一個通用框架,實現所有需求,正因為如此,框架變的龐大而臃腫,很多類和函數你甚至一輩子都不會用到,和網頁游戲追求高性能,低加載量背道而馳,最終也被廣大頁游開發商所拋棄。
理想化的UI開發工具:
理想化的UI開發工具應該是什么樣的呢?
1.可視化,應該具有flash IDE的可視化,比如拖拽,層操作,雙擊層級關系,任何界面都能可視化的拼出來,所有操作可撤銷
2.組件化,應具有flex的組件化功能,所以界面均為組件,能方便的設置參數並立即看到效果
3.能自動管理資源,並且自動生成UI代碼
4.能讓美術和程序工作分離,相互配合但互不影響,方便svn管理合並,讓多部門協調工作
5.UI庫需高性能,代碼輕量能迅速上手,編輯器便於使用,美術易於簡單學習甚至無需學習直接上手
6.方便擴展,能隨意擴展組件並讓編輯器自動可視化支持,實現多樣化需求
7.支持多項目,支持矢量圖特效,支持多語言等等
解決方案:
Morn就是基於以上特點而設計的,吸取了flash IDE和flex各自的優點,並加以擴展,具有可視化,高性能,輕量級,易擴展等等特點,組件庫開源,編輯器免費授權,可用來做商業開發,大大提供webgame開發效率。由於開源,Morn UI組件庫代碼完全可以自己控制,並且編輯器也支持插件化擴展,實現自定義的功能,可謂強大。Morn UI的官方網站http://www.mornui.com/
我也是一名網頁游戲開發者,利用業余時間開發這個工具,只為提高工作效率,現在分享給大家免費使用,后面我會陸續奉上系列教程,方便業界同學,好的工具能大大提高工作效率,希望對大家有所幫助
編輯器整體圖
開源的組件庫