CocosCreator零基礎(chǔ)制作游戲《極限跳躍》1

一、游戲分析

制作準(zhǔn)備,cocoscreator官方文檔,api,百度頁(yè)面,等等。。

第一次接觸這個(gè)玩意,所以我用了半個(gè)小時(shí)的時(shí)間先大概瀏覽下文檔。。。

做任何游戲之前,先來(lái)分析游戲的結(jié)構(gòu)和玩法,本次也不例外。

用思維導(dǎo)圖我們很快可以分析出游戲需要展示的內(nèi)容。

下面就可以開(kāi)始按步驟制作游戲了。。。

二、制作游戲開(kāi)始場(chǎng)景

我們剛剛分析了《極限跳躍》這款游戲,下面我們開(kāi)始制作第一個(gè)游戲場(chǎng)景,也就是游戲的開(kāi)始場(chǎng)景。

首先,打開(kāi)CocosCreator,新建HelloWorld項(xiàng)目。選擇項(xiàng)目路徑,輸入項(xiàng)目名稱(chēng)“jxty”,點(diǎn)擊新建項(xiàng)目。?

新建好項(xiàng)目,項(xiàng)目會(huì)自動(dòng)打開(kāi)。這里大家可以看下官方的文檔,了解 下編輯器的功能和用法。

資源管理器里顯示了項(xiàng)目資源文件夾(assets)中的所有資源。這里會(huì)以樹(shù)狀結(jié)構(gòu)顯示文件夾并自動(dòng)同步在操作系統(tǒng)中對(duì)項(xiàng)目資源文件夾內(nèi)容的修改。您可以將文件從項(xiàng)目外面直接拖拽進(jìn)來(lái),或使用菜單導(dǎo)入資源。

場(chǎng)景編輯器是用來(lái)展示和編輯場(chǎng)景中可視內(nèi)容的工作區(qū)域。所見(jiàn)即所得的場(chǎng)景搭建工作都依靠場(chǎng)景編輯器中的顯示來(lái)完成。

層級(jí)管理器用樹(shù)狀列表的形式展示場(chǎng)景中的所有節(jié)點(diǎn)和他們的層級(jí)關(guān)系,所有在場(chǎng)景編輯器中看到的內(nèi)容都可以在層級(jí)管理器中找到對(duì)應(yīng)的節(jié)點(diǎn)條目,在編輯場(chǎng)景時(shí)這兩個(gè)面板的內(nèi)容會(huì)同步顯示,一般我們也會(huì)同時(shí)使用這兩個(gè)面板來(lái)搭建場(chǎng)景。

屬性檢查器是我們查看并編輯當(dāng)前選中節(jié)點(diǎn)和組件屬性的工作區(qū)域,這個(gè)面板會(huì)以最適合的形式展示和編輯來(lái)自腳本定義的屬性數(shù)據(jù)

工具欄上包括了場(chǎng)景編輯工具和預(yù)覽游戲時(shí)的操作按鈕,最右邊顯示了遠(yuǎn)程測(cè)試和調(diào)試時(shí)使用訪問(wèn)地址,以及連接中的設(shè)備數(shù)。


首先我們點(diǎn)擊工具欄上的預(yù)覽按鈕來(lái)查看當(dāng)前場(chǎng)景的顯示。?

簡(jiǎn)單的熟悉下編輯器怎么用的,下面開(kāi)始我們的主題。。

一、創(chuàng)建場(chǎng)景?

在資源管理器中,我們選中Scene文件夾,點(diǎn)擊鼠標(biāo)右鍵,選擇[新建]=》[Scene],就會(huì)創(chuàng)建一個(gè)新的場(chǎng)景,New Scene。我們右鍵對(duì)它重命名為WelcomeScene。如圖。

下面我們把游戲用到的資源全部放倒資源管理器中的Texture文件夾中。雙擊 WelcomeScene打開(kāi)場(chǎng)景界面。新建的場(chǎng)景默認(rèn)都是空的,這里我們調(diào)整場(chǎng)景大小為480x800像素大小的豎屏游戲。

二、把背景素材拖進(jìn)層級(jí)管理器,注意節(jié)點(diǎn)的層級(jí)關(guān)系,然后調(diào)節(jié)屬性即可。

使用相同的方法,把我們主場(chǎng)景的logo,還有底部的邊欄也放進(jìn)場(chǎng)景。

開(kāi)始按鈕我們使用UI節(jié)點(diǎn)來(lái)創(chuàng)建,右鍵點(diǎn)擊Canvas,創(chuàng)建節(jié)點(diǎn)=》創(chuàng)建UI節(jié)點(diǎn)=》Button(按鈕)。

創(chuàng)建好后,修改節(jié)點(diǎn)名稱(chēng)為kaishiyouxi,并刪除子節(jié)點(diǎn)label。然后把對(duì)應(yīng)狀態(tài)資源拖進(jìn)對(duì)應(yīng)的狀態(tài)即可。如圖所示。

效果是不是還可以啊。是不是大家感覺(jué)很簡(jiǎn)單啊。

未完待續(xù)..................

作者:閉眼就天黑

來(lái)源:閉眼就天黑的博客

聲明:發(fā)布此文是出于傳遞更多知識(shí)以供交流學(xué)習(xí)之目的。若有來(lái)源標(biāo)注錯(cuò)誤或侵犯了您的合法權(quán)益,請(qǐng)作者持權(quán)屬證明與我們聯(lián)系,我們將及時(shí)更正、刪除,謝謝

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容