1. 程式人生 > >Cocos Creator 的Hello World

Cocos Creator 的Hello World

文件 默認瀏覽器 資源 boa 遊戲 creator dash 面板 選擇

1,創建項目

在 Dashboard 中,打開 新建項目 選項卡,選中 Hello World 項目模板。

然後在項目路徑欄中指定一個新項目存放路徑,路徑的最後一部分就是項目文件夾名稱。

填好路徑後點擊右下角的 “Create” 按鈕,就會自動以 Hello World 項目模板創建項目並打開。

2,打開場景,開始工作

Cocos Creator 的工作流程是以數據驅動和場景為核心的,初次打開一個項目時,默認不會打開任何場景,要看到 Hello World 模板中的內容,我們需要先打開場景資源文件。

技術分享圖片

在 資源管理器 中雙擊箭頭所指的 helloworld 場景文件。Cocos Creator 中所有場景文件都以 技術分享圖片

作為圖標。

3,場景預覽

要預覽遊戲場景,點擊編輯器窗口正上方的 預覽遊戲 按鈕。

技術分享圖片

Cocos Creator 會使用您的默認瀏覽器運行當前遊戲場景,效果見下圖;

技術分享圖片

改變左上角下拉框,可以選擇不同設備屏幕的預覽效果。

4,簡易修改

修改顯示的文字,

首先在 層級管理器 中選中 Canvas 節點,我們的 HelloWorld 組件腳本就掛在這個節點上。

接下來在 屬性檢查器 面板下方找到 HelloWorld 組件屬性,然後將 Text 屬性裏的文本修改即可:

技術分享圖片

栗子,修改為“你好,CocosCreator”,運行效果,見下圖:

技術分享圖片

Cocos Creator 的Hello World