CocosCreator-基本使用

1.創(chuàng)建游戲場(chǎng)景

1.)在資源管理器中點(diǎn)擊選中assets目錄,確保我們的場(chǎng)景會(huì)被創(chuàng)建在這個(gè)目錄下
2.)點(diǎn)擊資源管理器左上角的加號(hào)按鈕,在彈出的菜單中選擇 Scene
3.)創(chuàng)建了一個(gè)名叫New Scene的場(chǎng)景文件,右鍵點(diǎn)擊它并選擇重命名,將它改名為game。
4.)雙擊game,就會(huì)在 場(chǎng)景編輯器層級(jí)編輯器中打開(kāi)這個(gè)場(chǎng)景。

添加背景

1.首先在 資源管理器 里按照assets/textures/background的路徑找到我們的背景圖像資源,點(diǎn)擊并拖拽這個(gè)資源到 層級(jí)編輯器 中的Canvas節(jié)點(diǎn)上,直到Canvas節(jié)點(diǎn)顯示橙色高亮,表示將會(huì)添加一個(gè)以background為貼圖資源的子節(jié)點(diǎn)。
2.這時(shí)就可以松開(kāi)鼠標(biāo)按鍵,可以看到Canvas下面添加了一個(gè)名叫background的節(jié)點(diǎn)。當(dāng)我們使用拖拽資源的方式添加節(jié)點(diǎn)時(shí),節(jié)點(diǎn)會(huì)自動(dòng)以貼圖資源的文件名來(lái)命名。
3.在 場(chǎng)景編輯器 中,可以看到我們剛剛添加的背景圖像,下面我們將修改背景圖像的尺寸,來(lái)讓他覆蓋整個(gè)屏幕。

4.首先選中background節(jié)點(diǎn),然后點(diǎn)擊主窗口左上角工具欄第四個(gè) 矩形變換工具

rect gizmo

5.使用這個(gè)工具我們可以方便的修改圖像節(jié)點(diǎn)的尺寸,將鼠標(biāo)移動(dòng)到 場(chǎng)景編輯器background 的左邊,按住并向左拖拽直到 background 的左邊超出表示設(shè)計(jì)分辨率的藍(lán)色線框。然后再用同樣的方法將 background 的右邊向右拖拽。
之后需要拖拽上下兩邊,使背景圖的大小能夠填滿設(shè)計(jì)分辨率的線框。

添加主角

1.從 資源管理器 拖拽assets/texture/PurpleMonster到 層級(jí)管理器 中 Canvas 的下面,并確保他的排序在 ground 之下,這樣我們的主角會(huì)顯示在最前面。 注意小怪獸節(jié)點(diǎn)應(yīng)該是 Canvas 的子節(jié)點(diǎn),和 ground 節(jié)點(diǎn)平行。

2.為了讓主角的光環(huán)在場(chǎng)景節(jié)點(diǎn)中非常醒目,我們右鍵點(diǎn)擊剛剛添加的PurpleMonster節(jié)點(diǎn),選擇重命名之后將其改名為Player。

制作Prefab

對(duì)于需要重復(fù)生成的節(jié)點(diǎn),我們可以將他保存成 Prefab(預(yù)制) 資源,作為我們動(dòng)態(tài)生成節(jié)點(diǎn)時(shí)使用的模板;

1.)首先從 資源管理器 中拖拽 assets/textures/star 圖片到場(chǎng)景中,位置隨意,我們只是需要借助場(chǎng)景作為我們制作 Prefab 的工作臺(tái),制作完成后會(huì)我們把這個(gè)節(jié)點(diǎn)從場(chǎng)景中刪除。

2.)我們不需要修改星星的位置或渲染屬性,但要讓星星能夠被主角碰觸后消失,我們需要為星星也添加一個(gè)專門(mén)的組件。按照和添加 Player 腳本相同的方法,添加名叫 Star 的 JavaScript 腳本到 assets/scripts/ 中。

3.)保存腳本后,將這個(gè)腳本添加到剛創(chuàng)建的 star 節(jié)點(diǎn)上。然后在 屬性檢查器 中把 Pick Radius 屬性值設(shè)為 60:

4.)Star Prefab 需要的設(shè)置就完成了,現(xiàn)在從 層級(jí)管理器 中將 star 節(jié)點(diǎn)拖拽到 資源管理器 中的 assets 文件夾下,就生成了名叫 star 的 Prefab 資源。

層級(jí)管理器->資源管理器->屬性檢查器

層級(jí)管理器的節(jié)點(diǎn)->屬性檢查器:

  • 添加組件(拖動(dòng)資源管理器中的JS腳本)
  • 添加相應(yīng)資源(拖動(dòng)資源管理器中的圖片、音頻)
最后編輯于
?著作權(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)容