千呼萬喚始出來,Cocos Creator 1.0終於在剛剛落幕的Cocos開發者大會裡正式亮相(此處應該有掌聲)。閒話少說,咱們快來一起看看新版本中的新增功能和重要功能變化!
Cocos Creator 1.0版在我們設定的開發計劃中,主要的目標包括:
● 更友好的代碼開發環境
● 可靠的原生開發和發布工作流程
● 新 UI 控制項:文本框和網格式布局
● 骨骼動畫和瓦片地圖支持
Cocos Creator路線規劃圖
正式版對用戶來說最重要的意義,就是完全通暢的開發工作流程,以及支持足夠的 UI 控制項和外部數據以適應絕大多數遊戲的功能需求。現在我們就來看看 Cocos Creator 增加了哪些激動人心的新功能!
Cocos Creator 1.0 正式版新功能介紹視頻
新 UI 控制項:網格式布局和文本輸入框
幾乎任何遊戲都離不開背包界面和用戶登錄界面,因此在本次更新補充了網格式布局(Grid Layout)和文本輸入框(EditBox)控制項之後,就可以滿足大部分遊戲 UI 的需求了。後續我們會繼續推出像 PageView、ToggleButton 之類方便用戶使用的 UI 控制項,不過這些只需要實現 JavaScript 邏輯功能,通過 Cocos Creator 的組件系統開發者可以輕易做出自己的實現。
新 UI 功能範例下載:
https://github.com/cocos-creator/demo-ui/archive/master.zip
骨骼動畫和瓦片地圖
Cocos Creator 現在支持 Spine(http://zh.esotericsoftware.com/)工具製作並導出的骨骼動畫資源,包括完整的運行時動畫接口。
另外一個重要的數據格式,就是 Tiled Map Editor(www.mapeditor.org)生產的 tmx 格式的瓦片地圖數據。Cocos Creator 中新建一個 TiledMap 組件,然後把 tmx 文件拖拽上去就可以立刻生成在編輯器中可預覽的地圖文件了。而且導入 tmx 文件後,在場景中可以看到每一個瓦片圖層分別對應的節點,我們可以在不同圖層之間插入由用戶腳本組件控制的角色,具有更高的可控性。
註:通過 Cocos Creator 自帶的「範例集合」項目模板,可以快速查看 Spine 骨骼動畫和 TiledMap 瓦片圖導入的效果並學習如何調用相關接口。
全新的腳本編輯和原生調試環境
Cocos Creator 從正式版開始啟用基於 Visual Studio Code 的新腳本開發環境。VS Code 具有優秀的性能,對 JavaScript 的編輯也非常友好,而且和 Cocos Creator 使用相同的應用程式架構。因此我們在 IDE(集成式開發環境)的研發上選擇不重複造輪子,而是以 VS Code 為基礎進行定製,使之具備 Cocos Creator 引擎的智能提示和代碼補全功能。
1.0 版中,通過開發者菜單中集成相關命令來自動幫助開發者配置 VS Code 的相關插件。不過 VS Code 的軟體仍然需要開發者單獨下載和安裝。在後續的版本中我們將會繼續探索將 VS Code 完全集成到 Cocos Creator 中的可行性。此外 VS Code 內置了強大的 JavaScript 調試環境,我們已經完成了原生運行環境的調試流程適配和相關插件開發,和瀏覽器調試相配合,就能夠覆蓋開發過程中所有可能出現的問題。
基礎插件工作流
隨著 1.0 正式版,我們推出了 Cocos Creator 編輯器插件的基本工作流程:
● 插件(package)的註冊和文件結構
● 菜單命令的註冊
● 頁面層和主進程的基本通訊接口
● 使用普通 HTML 頁面製作插件界面
基於這個工作流程,開發者可以實現大部分 VS Code、Sublime 和 Atom 等文本編輯器中插件的功能,進行文本處理、讀寫文件、導入自定義的第三方庫等等。再加上對基於 Node.js 的龐大的開原始碼庫 npm 的支持,使得開發者可以很快的導入 npm 中完成特定任務的第三方庫到自己的插件中,大大節省開發時間。
其他高亮功能
● 動畫編輯器啟用全新工作流程,進入動畫編輯狀態後會屏蔽對場景中其他節點的選擇和修改,加入了大量新的快捷鍵方便動畫預覽和編輯,大大提高動畫編輯器的性能。
● 新增 Prefab 編輯模式,雙擊 prefab 資源會立刻打開一個獨立的編輯環境。
● 預覽運行遊戲按鈕旁邊增加了下拉菜單,可以選擇使用瀏覽器或原生模擬器預覽遊戲。
● 為常用接口的 API 文檔添加了代碼範例和中文說明!
● Sprite 組件添加 Filled 和 Tiled 支持,Filled 就是按照給定的初始位置和方向裁剪 Sprite 的渲染模式,可以用來實現扇形裁剪的進度條。
● Sprite 組件添加了 Size Mode 和 trim 選項,可以設置非自動剪裁的渲染模式和約束框大小,以兼容直接通過透明像素設置位移的序列幀動畫。
● Sprite 和 ParticleSystem 組件裡增加了混合模式設置。
● 屬性檢查器裡增加了組件菜單,可以重置組件屬性、移除組件、複製黏貼、移動組件順序。
● 場景編輯器裡添加了對齊節點的控制按鈕。
● 構建發布界面增加了大量全新的設置和功能,包括屏幕朝向、引擎模板選擇、Android Keystore、是否生成 SourceMap、取消正在進行的構建和編譯操作等等。
● 新增 cc.loader.loadRes 接口和動態加載資源的工作流程。
更多遊戲範例和演示項目
在公測版的基礎上,我們添加了更多更有趣和酷炫的遊戲範例和功能演示項目,可以從下面的列表中下載到包括《暗黑斬》演示在內的更多更完整的遊戲範例:
● 《暗黑斬》基本遊戲流程演示,特別感謝 Veewo Games 工作室授權我們使用《暗黑斬》的實際項目資源作為教程素材!https://github.com/cocos-creator ... /archive/master.zip
● UI 演示項目,包括多解析度自適應菜單、由模板和數據生成的背包列表、某熱門遊戲同款導航菜單和各種酷炫的 UI 動畫效果。https://github.com/cocos-creator/demo-ui/archive/master.zip
● 和騰訊遊戲合作開發,並經過大幅度優化的21點遊戲示例 https://github.com/cocos-creator ... /archive/master.zip
● 模仿 Flappy Bird 製作的綿羊跳水管遊戲 https://github.com/cocos-creator ... /archive/master.zip
● 作為新手教程的小怪物摘星星遊戲 https://github.com/cocos-creator ... /archive/master.zip