網頁游戲開發的一大部分工作是在和UI制作上，一個好的工具及框架能使開發事半功倍，Adobe自帶flash IDE和Flex各有不足。
Morn UI學習了Flash IDE使用的方便性（比如圖層功能，對齊，縮放，層次切換等等），同時吸取Flex組件化的特點，拋棄了Flex臃腫的結構，具有輕量級，高性能，可視化，易擴展等特性，滿足了各種個性化開發需求，詳情可以到http://www.mornui.com/了解
下面說一下Morn Builder(可視化編輯器)使用方式
使用可視化UI編輯器(Morn Builder)制作游戲界面
提示：編輯器需要32位java環境，如果沒有，請去http://www.java.com/下載安裝完畢后，再執行下面教程
1.到網站http://blog.mornui.com/?page_id=17下載Morn UI編輯器及MornUILib組件庫源碼
2.解壓並打開builder下的Main.exe，點擊【創建新項目】，然后輸入項目名和項目存放的位置
3.確定並創建好后，在左邊資源面板，點擊“添加資源”打開項目的資源目錄(在morn里，圖片即組件，編輯器根據資源前綴識別成對應的組件，命名詳見《Morn資源命名規則》）
4.復制資源到剛才打開的assets目錄，圖片要以文件夾的方式存放，編輯器會以文件夾為單位打包為對應的swf（本文最下面提供了組件資源下載，也可以在官網demo里面找到）
5.在編輯器內按快捷鍵F5刷新，就能看到資源組件樹了(如果提示java失敗，請先下載一個32位java環境www.java.com，然后再編輯器使用快捷鍵Ctrl+F5強制刷新資源)
6.在編輯器內，使用快捷鍵Ctrl+N新建一個頁面，起名叫Page1
7.拖拽左面資源區任意組件到視圖內，擺放拼裝成需要的界面。還可以通過右面的屬性面板，設置各種參數以控制不同的顯示效果
很簡單吧，編輯器有很多功能，大部分功能都能在菜單和快捷工具欄中找到，並對應快捷鍵方便使用，有時間可以詳細了解下
更多教程請參考http://blog.mornui.com/?cat=6
下面說一下如何
用代碼控制UI
Morn UI庫的使用
1.新建AS3項目到上面的項目目錄(我這里是E:\test)（這里創建as3項目用的是FlashDevlop，用FlashBuilder類同，注意編譯目錄改為bin，默認為bin-debug）
2.解壓上面下載的MornUILib文件，復制MornUILib/src下的源碼到剛才新建的AS3項目的src目錄下
3.在編輯器內，選中按鈕，然后在屬性面板var里面輸入個名稱，比如btn
4.編輯器內用快捷鍵Ctrl+S保存，然后按快捷鍵F12發布代碼。發布成功后，Page1會對應生成Page1UI.as並默認發布到項目src/game/ui下，所用資源自動打包為swf，默認發布到項目bin/assets下（路徑可配置，快捷鍵F9）
5.現在要使用這個頁面，那么我們新建一個類，繼承自這個Page1UI類，就可以隨意控制它了(UI和邏輯分離)
6.在主文檔程序Main.as里面，初始化Morn，加載資源，並實例化這個Page1頁面
7.編譯項目，至此就能正確的運行了
非常簡單吧，Morn UI還有更多功能呢，請參考后續教程