經過較為繁瑣的環境搭建后，我們終于運行出了一個helloworld視窗，可以正式上手cocos了
現在我們就從改代碼開始玩起
AppDelegate
AppDelegate類 是程式的入口，現在我們先來看AppDelegate的幾個成員函式
你可能會好奇入口為什么不是main函式，因為AppDelegate類其實是一個應用委托類，main.c里把游戲的運行委托給了這個類
- applicationDidFinishLaunching 正如其名，我們的游戲啟動時會呼叫這個函式，也就是入口函式
比如等下會提到的：實體化單例類 director，設定視窗大小，游戲解析度等等 - applicationDidEnterBackground 是在游戲要切換到后臺時呼叫的函式
比如：停止音樂，停止影片等等 - applicationWillEnterForeground 也就是游戲從后臺切換回來時呼叫的函式
比如：繼續播放音樂，繼續播放影片
接下來我們的重點是看 applicationDidFinishLaunching 函式內的代碼
導演
首先可以看到第一行
實體化了一個 Director 類，director是干什么的呢？
如果把做游戲比作拍電影，director導演就是總指揮，切換場景，播放/停止音樂等動作都是director決定的
也就是說你你在cocos里需要通過director來實作這一系列操作，他是必不可少的
視窗
接下來你看到的會是
auto glview = director->getOpenGLView();
if(!glview) {
#if (CC_TARGET_PLATFORM == CC_PLATFORM_WIN32) || (CC_TARGET_PLATFORM == CC_PLATFORM_MAC) || (CC_TARGET_PLATFORM == CC_PLATFORM_LINUX)
glview = GLViewImpl::createWithRect("Test", cocos2d::Rect(0, 0, designResolutionSize.width, designResolutionSize.height));
#else
glview = GLViewImpl::create("Test");
#endif
director->setOpenGLView(glview);
}
你可能會有點懵，沒關系，先看
// 為方便閱讀我做了換行處理
glview = GLViewImpl::createWithRect(
"Test",
cocos2d::Rect(
0,
0,
designResolutionSize.width,
designResolutionSize.height
)
);
再看看你運行出來的畫面
GLViewImpl::createWithRect() 的第一個引數 “Test” 其實就是運行出來的視窗的名稱（默認是你的專案名）
至于第二個引數
cocos2d::Rect(
0,
0,
designResolutionSize.width,
designResolutionSize.height
)
從名字應該不難看出一個是高，一個是寬，在Visual Studio里按住Ctrl，滑鼠左鍵點選designResolutionSize就能找到定義
cocos有一個叫做Size的類，這個尺寸的width和height兩個成員是我們經常需要使用的，在設定精靈的尺寸，坐標的時候會經常使用到
這是示例預先設定好的幾個視窗大小，所以你應該能理解上面那一段代碼是干什么的了吧——設定視窗名和大小
至于 #if，#else，#endif 是干嘛的，從字面上看其實就很好理解，是檢測你的運行環境的（WIN32，MAC，LINUX或其他）這個我們暫時不用深究
現在由于designResolutionSize提供的寬高太小了不方便我們除錯，我們把引數換成mediumResolutionSize將下面這個designResolutionSize直接改成mediumResolutionSize即可：
改后
運行：
之后的兩行都很好理解
director->setDisplayStats(true); // 顯示FPS
director->setAnimationInterval(1.0f / 60); // 設定每幀的間隔
把第一個引數改成false就能關閉幀數顯示，可以發現FPS顯示和幀間隔也是director控制的
畫面解析度
看字面應該就能理解了，setDesignResolutionSize就是設定畫面解析度的，同樣是屬于Director導演類的成員函式
現在雖然我們視窗的尺寸設定成了mediumResolutionSize的1024*768，但是實際上游戲視窗里的解析度還是designResolutionSize的480*320個像素
打開專案目錄的Resources檔案夾我們可以看到HelloWorld.png這個圖片的解析度是195*270
可以嘗試下更改視窗解析度運行，視窗內的這個Logo還是一樣大的，但是改了畫面解析度的話就不一定了
場景
最后有兩行比較關鍵的代碼
這里用我們寫好的HelloWorld類創建了一個場景helloWorldscene
然后讓director從helloWorldscene這個場景開始，啟動整個程式
精靈
精靈(Sprite)是Cocos里的一個概念，我們helloworld界面的Cocos的logo就是一個精靈，現在我們嘗試把他換成別的圖片，選一張圖片放到專案目錄的Resources檔案夾內
控制這個精靈的代碼在HelloWorldScene.cpp內，打開找到這段代碼：
只要把HelloWorld.png修改成你放入Resources內的圖片名即可
運行：
坐標系統
首先介紹一下Vec2類，有接觸過圖形庫或者游戲引擎的同學應該不陌生，這個類代表的是二維向量，有x和y這兩個成員，我們在設定游戲物體的坐標的時候會使用到
同樣在HelloWorldScene.cpp中，在創建sprite精靈的地方有這么幾行代碼，就是我們剛才換圖片的那里
// position the sprite on the center of the screen
sprite->setPosition(Vec2(visibleSize.width/2 + origin.x, visibleSize.height/2 + origin.y));
這行代碼就是使用 setPosition 設定初始化好的精靈（你的圖片）的坐標，
注意，坐標中出現了兩個物件，一個是visibleSize和origin
- visibleSize這個物件儲存了游戲世界的尺寸，也就是我們能夠看到的視窗的尺寸，設定游戲的解析度可以影響這個值
- origin指的是視窗左下角的點在游戲世界中的位置
在設定坐標的代碼下加入這樣一行代碼輸出一些資訊（log函式可以當作c/c++的printf使用）
log("visibleSize.width=%f, visibleSize.height=%f, origin.x=%f, origin.y=%f",
visibleSize.width,
visibleSize.height,
origin.x,
origin.y);
運行，查看輸出視窗
可以看到visibleSize和origin的值
再回看設定坐標的代碼
// position the sprite on the center of the screen
sprite->setPosition(Vec2(visibleSize.width/2 + origin.x, visibleSize.height/2 + origin.y));
理性理解一下，實際上意思很簡單，就是set到了視窗正中間的位置
稍作改動
Vec2(visibleSize.width/4 + origin.x, visibleSize.height/2 + origin.y)
就向左移動了1/4視窗寬度的距離
最后一句
this->addChile(sprite, 0);
意思是將這個精靈加入到當前圖層中，引數0代表最底層，如果不加這行代碼，sprite不會成為游戲世界中的一員，編譯出來之后就不會顯示（這個涉及到場景的 z-order 值，下一節會講到）
總結
通過這篇文章你應該基本了解了實體工程HelloWorld里的幾個檔案是干什么的了
關于場景和精靈，要學習的還有很多，我們之后會逐一介紹
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/17991.html
標籤：其他