cocostudio Cocos2D-X引擎工具集2.0.2 官網(wǎng)正式版

CocoStudio是一套基于Cocos2D-X引擎的工具集，包括UI編輯器、動畫編輯器、場景編輯器和數(shù)據(jù)編輯器。我們剛才說過，工作流程和部門分工導致了人員價值并沒有實現(xiàn)最大化，而CocoStudio工具集解決的就是這方面的問題。它的整體思路就是減少程序員的工作壓力，讓策劃、UI、動畫等方面的負責人可以通過CocoStudio工具集中對應的工具，把動畫、圖像等元素直接轉化成類似模塊的代碼，程序員在編碼過程中，只要直接將相關對應內(nèi)容調(diào)入實現(xiàn)即可。

UI編輯器

我先從UI編輯器先講起，我們介紹的第一個工具是UI編輯器。我們先來看一段視頻，“界面左邊是一排控件，我們把所有的控件拖到界面當中去，調(diào)整坐標，在右邊設置它們的屬性。因為這個視頻就是我們開發(fā)人員錄的，我們也沒有找專業(yè)的美術，所以做得可能不是很專業(yè)。這個視頻演示了幾個不常用的控件。大家 可以看到，除了編輯功能，其他什么都沒有，很簡單�！�

UI編輯器是支持碎圖合并功能，大家通過剛才的視頻也看到我們拖了很多的控件，用到了很多的圖，我們導出的時候可能有很多圖。大家都清楚，圖片數(shù)量 如果非常多的話，在程序里面加載會非常低效。所以通常大家會使用一些第三方工具，將圖合并成一張。這樣的話，在程序里面的運行效率會比較高，我們現(xiàn)在把這 個功能也直接集成到UI編輯器里面。這樣的話，大家在導出的時候就不需要再借助一些第三方工具再去合圖。

自定義UI模板是我介紹的UI編輯器的第三種功能，我們在做這個游戲的時候，比如我們做了一個商店界面或者一個設置界面，我 下一個游戲的時候還需要這個界面，我不想重復造輪子，我可以把這個界面保存成模板，我在下一個項目當中把這個模板導進來，我們替換相應的資源，保證我們制作上是非常高效的。這就是我剛才介紹的UI編輯器，當然它還有很多其他的功能，希望大家會后下載，可以自己去體驗。

動畫編輯器

我們?nèi)鄙僮鰟赢嫷墓ぞ�，所以我們做了一個簡單的動畫編輯器，把這張圖放在這兒。這是剛才視頻里面演示的，也是這次我們要公布的新的動畫編輯器的界面。兩個編輯器對比起來我們會發(fā)現(xiàn)，現(xiàn)在的編輯器比以前要專業(yè)一些。為什么要放這兩張圖，我想說的是，動畫編輯器是給美術設計師用的，所以我 們在界面設計上是盡量參考美術經(jīng)常使用的一些軟件，無論是從界面上還是快捷鍵這些功能，盡量是保持美術的習慣。

他們在使用這個動畫編輯器的時候就非常容易 上手，不存在什么門檻。同樣我們動畫編輯器就是只能做動畫，我們動畫設計師在使用這個編輯器的時候，它的功能是非常純粹的。這樣的話，我們這個編輯器所表 現(xiàn)的動畫功能，相信它會比其他工具的動畫編輯功能更專業(yè)。

碎圖合并，因為剛才我們UI編輯器是有碎圖合并，而且我們使用得非常爽，所以我們把這個功能也合并到我們動畫編輯器。如果我們做了一個動畫，最終我們可以合并成一張圖，而且這個東西在我們動畫編輯器和UI編輯器導出的時候是自動的。剛才提到骨骼動畫的時候，我說了很多序列幀不好的地方，但是序列幀確實在做一些動畫，或者是有一些特效還是非常有用的。比如說我們在做角色動作的時候，序列幀還是非常關鍵的，包括我們做一些爆炸特效，做一些火焰特效的話，序列幀實現(xiàn)的效果比較好。動畫編輯器依然支持序列幀，而且我們把序列幀做得非常簡單，非常高效。剛才大家也看到了，我們只需要三個操作就可以把序列幀完成。

數(shù)據(jù)編輯器與場景編輯器

UI編輯器和動畫編輯器都是給美術用的，下面我們介紹兩個編輯器是給策劃用的，先說數(shù)據(jù)編輯器。數(shù)據(jù)編輯器非常簡單，它就是把策劃用的Excel數(shù) 值表分解，然后轉化成Cocos2D-X可以識別的格式，雖然說這個功能非常簡單，可能大家覺得不重要。但是我們之前做游戲的話，我們的策劃是一直在用 Excel做數(shù)值表的。這是我們的數(shù)據(jù)編輯器，中間我們會去分析這里面每一個表單，然后把它列在上面，右邊是顯示我們的數(shù)值，我們可以轉換和拷出，把一張 非常大的表分解成每一個小表。數(shù)據(jù)編輯器可以配合場景編輯器來使用，大家看一下這個方塊是什么，這里面我來解釋一下，我們這個場景編輯器是基于實體和組件的模式，我們創(chuàng)建一些實體，就是一個一個的方塊。把所有的功能設計成一個一個組件，分別綁在這些實體上。我們看到創(chuàng)建了一個實體，綁定一個動畫組件就可以實現(xiàn)一個動畫加入到場景中，場景編輯器就是實現(xiàn)將所有的資源整合在一起。

FrameWorkforCocoStudio

這套 FrameWork是基于Cocos2D-X的，基于實體和組件開發(fā)的�，F(xiàn)在我們是把它開放給大家去試用，而且我們會有一個團隊一直在維護這套框架�？蚣� 本身是支持Javascript腳本的，如果大家想去快速的開發(fā)游戲原型，相信這個框架是非常適合的，因為我們配合這個場景編輯器，配合我們 CocoStudio其他的工具，再配合這個框架，可以快速的做出游戲原型。場景編輯器可以整合我們之前CocoStudio其他編輯器的資源，構成當前 的游戲關卡，同時也支持第三方的工具模式，剛才大家也看到了里面噴泉的粒子效果。后續(xù)我們在場景編輯器里面也會開發(fā)插件系統(tǒng)，大家可以二次開發(fā)自定義的控件。

手游開發(fā)工具(cocostudio)的特點

CocoStudio的核心特點就是

實體+組件的設計模式，讓游戲代碼功能解耦。結構清晰，易于維護；

數(shù)據(jù)驅動，減少冗余代碼，提升編程效率，降低錯誤風險；

實時模擬，設計人員不需要寫代碼即可看到游戲效果。讓團隊之間依賴性得到解耦，降低溝通成本；

易于擴展，CocoStudio將實現(xiàn)插件機制，方便開發(fā)者自己定制編輯器，滿足自己的特殊需求；

易學易用，CocoStudio從設計上盡量迎合不同職業(yè)開發(fā)人員的使用習慣，操作及熱鍵參考常用的工具；

支持腳本，使用腳本化來開發(fā)游戲，讓游戲的開發(fā)更簡單，并且易于更新，降低風險；