1. 程式人生 > >(轉)CocosCreator零基礎制作遊戲《極限跳躍》二、制作遊戲開始場景

(轉)CocosCreator零基礎制作遊戲《極限跳躍》二、制作遊戲開始場景

AI 技術 文件夾 color 關系 新建 cos 默認 會同

CocosCreator零基礎制作遊戲《極限跳躍》二、制作遊戲開始場景

我們剛剛分析了《極限跳躍》這款遊戲,下面我們開始制作第一個遊戲場景,也就是遊戲的開始場景。

首先,打開CocosCreator,新建HelloWorld項目。選擇項目路徑,輸入項目名稱“jxty”,點擊新建項目。

技術分享圖片

新建好項目,項目會自動打開。這裏大家可以看下官方的文檔,了解 下編輯器的功能和用法。

技術分享圖片

資源管理器裏顯示了項目資源文件夾(assets)中的所有資源。這裏會以樹狀結構顯示文件夾並自動同步在操作系統中對項目資源文件夾內容的修改。您可以將文件從項目外面直接拖拽進來,或使用菜單導入資源。

場景編輯器是用來展示和編輯場景中可視內容的工作區域。所見即所得的場景搭建工作都依靠場景編輯器中的顯示來完成。

層級管理器用樹狀列表的形式展示場景中的所有節點和他們的層級關系,所有在場景編輯器中看到的內容都可以在層級管理器中找到對應的節點條目,在編輯場景時這兩個面板的內容會同步顯示,一般我們也會同時使用這兩個面板來搭建場景。

屬性檢查器是我們查看並編輯當前選中節點和組件屬性的工作區域,這個面板會以最適合的形式展示和編輯來自腳本定義的屬性數據

工具欄上包括了場景編輯工具和預覽遊戲時的操作按鈕,最右邊顯示了遠程測試和調試時使用訪問地址,以及連接中的設備數。

首先我們點擊工具欄上的預覽按鈕來查看當前場景的顯示。

技術分享圖片

技術分享圖片

簡單的熟悉下編輯器怎麽用的,下面開始我們的主題。。

一、創建場景

在資源管理器中,我們選中Scene文件夾,點擊鼠標右鍵,選擇[新建]=》[Scene],就會創建一個新的場景,New Scene。我們右鍵對它重命名為WelcomeScene。如圖。

技術分享圖片

下面我們把遊戲用到的資源全部放倒資源管理器中的Texture文件夾中。雙擊 WelcomeScene打開場景界面。新建的場景默認都是空的,這裏我們調整場景大小為480x800像素大小的豎屏遊戲。

技術分享圖片

二、把背景素材拖進層級管理器,註意節點的層級關系,然後調節屬性即可。

技術分享圖片

使用相同的方法,把我們主場景的logo,還有底部的邊欄也放進場景。

開始按鈕我們使用UI節點來創建,右鍵點擊Canvas,創建節點=》創建UI節點=》Button(按鈕)。

創建好後,修改節點名稱為kaishiyouxi,並刪除子節點label。然後把對應狀態資源拖進對應的狀態即可。如圖所示。

技術分享圖片

效果是不是還可以啊。是不是大家感覺很簡單啊。。接著繼續學習下一個場景。

原文地址:https://www.byjth.com/jixiantiaoyue/67.html

(轉)CocosCreator零基礎制作遊戲《極限跳躍》二、制作遊戲開始場景