Cocos2d-x 3.0rc0 的Win32工程添加CocoStudio庫

轉載於:作者【young40】 http://www.cocoachina.com/bbs/read.php?tid=194668

前天, 在CocoaChina 2014春季大會上, 激動人心的Cocos2d-x 3.0和CocoStudio 1.3發佈了. Cocos2d-x 3.0做出令人興奮的性能, 易用性等一系列改進, CocoStudio 1.3帶來了穩定性和新特性. 今天讓我們看下如何在新建Cocos 3.0rc0的Win32的工程中添加CocoStudio的支持. 
一 軟件及其下載 
1. Cocos2d-x 3.0rc 
http://cdn.cocos2d-x.org/cocos2d-x-3.0rc0.zip
2. CocoStudio 1.3 
在CocoStudio 1.3中可以直接創建Cocos2d-x項目, 所以這次的安裝包有3個. 
僅含CocoStudio 1.3 
http://126.am/YDrVk1
CocoStudio 1.3包含了Cocos2d-x 3.0rc0 
http://126.am/lorYp2
CocoStudio 1.3 包含了Cocos2d-x 2.2.3 
http://126.am/eGo4f4
3. Python 2.7.6 
Cocos2d-x的腳本用到了Python, Win下沒有自帶Python, 大家還需要下載Python. 
Python的版本我這裏推薦大家用最新的2.7.6. 因爲Python的2.x和3.x不兼容, 所以一定不能用3.x的版本 
大家可以根據自己的系統下載對應的版本. 
https://www.python.org/download/releases/2.7.6/
4. Visual Studio 
地球人都知道啦. 我今天演示採用的版本是Visual Studio 2013. 
VS2010, VS2012, 下面提到的需要設置的地方, 都是相同的. 請大家自行下載安裝. 

二 Python的安裝和設置 

20140319220828859
安裝基本上就是下一步, 下一步就好了. 中間安裝路徑, 我選擇的是"C:\Python27\", 等下要用到這個路徑. 
右鍵單擊“計算機”,選擇“屬性”----》“高級系統設置”,在“高級”選項卡下選擇“環境變量”! 
在“系統變量”下選中“Path”,並點擊下方的編輯按鈕: 
在彈出的“編輯系統變量”對話框中編輯“變量值”,在“變量值”的後面添加Python的安裝路徑(C:\Python27\),用英文分號(;)將其與後面的其他內容隔開。 

20140319220926218
同樣地,在“PATHEXT“的變量值中添加 .PY;.PYM . 
打開cmd控制檯,輸入 python,如果出現如下提示,則說明python安裝成功. 
如果你設置環境變量前已經打開了cmd, 需要重新打開cmd. 
三 創建Cocos2d-x 3.0rc0項目 
在Cocos2d-x 3.0rc0中, 引入cocos2d-console這一新的Cocos2d-x工具. 
在console中你可以完成2d-x的新建項目, 編譯甚至在模擬器裏面運行項目. 
我們先來看下如何使用cocos2d-console創建新的項目. 
我們將下載好的2d-x 3.0rc0解壓到C:\cocos2d-x-3.0rc0. 
我們打開cmd, 切換到C:\cocos2d-x-3.0rc0 目錄 
運行python setup.py. 
中間會詢問幾個Android開發需要的地址, 我們今天不涉及Android開發, 直接回車跳過即可. 

20140319221006546
最後會提示我們重啓電腦, 我們重啓電腦. 
接下來我們在C:\Work目錄中創建新項目HelloCocos. 
打開終端, 切換到C:\Work目錄中.運行cocos new命令. 
這裏我們可以看到cocos new的用法. 

20140319221037765
我們接着輸入命令 cocos new -p com.young40.hellococos -l cpp HelloCocos 
其中-p是包名, -l 選擇了cpp即C++開發, HelloCocos是項目名稱.你可以替換爲自己喜歡的名稱. 
我們打開C:\Work\HelloCocos\proj.win32\HelloCocos.sln, 如果提示升級項目, 選擇確定即可. 
點擊F5, 運行項目. 稍等編譯完成後, 我們就可以看到我們熟悉的HellWorld了. 
四 在項目中添加CocoStudio支持 
我們在VS中找到"解決方案資源管理器", 在解決方案"HelloCocos"上點擊右鍵, 選擇添加現有項目. 

20140319221118390
在彈出的對話框中選擇C:\Work\HelloCocos\cocos2d\cocos\editor-support\cocostudio\proj.win32\libCocosStudio.vcxproj 
然後繼續添加C:\Work\HelloCocos\cocos2d\extensions\proj.win32\libExtensions.vcxproj 
然後繼續添加C:\Work\HelloCocos\cocos2d\cocos\ui\proj.win32\libGUI.vcxproj 
然後我們在HelloCocos項目上點擊右鍵選擇添加引用 

20140319221151609
在彈出的對話框中選擇添加引用, 並勾選libCocosStudio, libGUI和libExtensions後點擊確定. 

20140319221233625
如果大家使用的是VS2012或者VS2013, 可能會看到項目被標記爲VS2010, 這裏我們升級下項目設置, 否則可能無法編譯. 

20140319221830593
然後, 我們HelloCocos項目屬性(點擊右鍵選擇屬性)中選擇 "配置屬性" => "C/C++" => "附加包含目錄" 並編輯. 
添加下面幾行 
$(EngineRoot)cocos 
$(EngineRoot)extensions 
$(EngineRoot)cocos\editor-support\ 
$(EngineRoot)cocos\editor-support\cocostudio 

20140319221931546
編譯一下工程, 還是能運行吧. 如果遇到問題, 不妨來CocoaChina論壇的CocoStudio專區來繼續交流. 
五 添加代碼 
我們打開CocoStudio 1.3的動畫編輯器, 打開一個HeroAnimation的示例, 並直接導出, 將導出的文件放C:\Work\HelloCocos\Resources下面. 
我們打開HelloWorld.cpp給其添加引用以及命名空間 


#include"CocoStudio.h"
usingnamespacecocostudio;



然後修改下HelloWorld::init函數, 在return前加入 
ArmatureDataManager::getInstance()->addArmatureFileInfo("Hero0.png","Hero0.plist","Hero.ExportJson");
Armature*armature =Armature::create("Hero");
armature->setPosition(ccp(visibleSize.width * 0.5, visibleSize.height * 0.5));
armature->getAnimation()->playWithIndex(0);
this->addChild(armature);
returntrue;



好了, 趕快運行下吧. 

20140319221435718



 


 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章