開坑開坑啦，KUOKUO帶你入門CocosCreator，承諾不TJ，頂多慢一點｛console.log(滑稽)｝本次引擎2.0.5

在我入門學習的時候是按照官方文件一條一條學習的，的確是有效。

但是我認為任務驅動的學習效率更高，例如，我開的坑。希望可以幫助更多的人入門CocosCreator！

廢話不多說：本教程預設你安裝了引擎和Vscode；

目標：隨機數遊戲；

新建專案後：

 習慣性的拖過去。。。

然後在層級管理器中滑鼠右鍵Canvas（畫布）；建立節點；建立渲染節點；Sprite（單色）；

得到如下圖，其實就是，我們在遊戲的層級中加入了一個單色的圖片

然後我會習慣性的給它重新命名叫bk（背景的縮寫）；

然後點選它，看編輯器的右方屬性，改變大小到

然後你會發現白色圖片變大了；

哈哈，你已經邁出了第一步（給遊戲加個白色背景），

可能你看到的還是雲裡霧裡，別怕，一事物切都是重未知到熟悉，堅持下去！

然後咱們弄個按鈕上去；

滑鼠右鍵Canvas，建立節點，建立UI節點，button（按鈕）；

現在是不是有點感覺了呢？未來的開發者！

接下來再新增一個Label(文字），自己找一找在哪吧，嘻嘻。

然後我們選中這個New Label，改變右方屬性面板的顏色到你喜歡的顏色（預設的白色與背景衝突）；

我喜歡紅色

然後在螢幕中間會這樣：

那個紅色的Label跟按鈕重疊了，別怕，點選那個綠色向上箭頭，拖動它，順便試試紅色的！

好了，場景佈局完畢，我們把它儲存一下，摁下Ctrl + s，會彈窗，起一個英文名字game吧

點選儲存，我們的場景就會咻的一下，出現在資源管理器（這些名詞其實就是表面意思，理解理解吧）

點選模擬器右方的小箭頭，試試吧！

誒呀！button點選是點選了，但是怎麼沒反應呢？

這就需要用CocosCreator的核心--JS指令碼啦！（暫且理解：就是用程式碼控制圖形的改變）

馬上就成功了，加油↖(^ω^)↗

我們在資源管理器滑鼠右鍵assets，點選新建，JavaScript，

起個名字叫buttonjs吧（看習慣）

然後雙擊。。。。。。啊，對了，第一次要設定一下；

點選檔案；設定；資料編輯；外部指令碼編輯器，瀏覽，然後選中VScode的啟動方式；

這樣雙擊指令碼就可以直接打開了；然後按照官方提示

沒錯，以上的步驟就是為了在打程式碼時偷懶！哈哈，我一直在偷懶！

好的，

經歷了以上步驟，我們打開了指令碼；

然後刪去無用的註釋，

是這樣的：

怎麼樣，可愛多了吧。讓我介紹一下：properties可以理解為與編輯器進行溝通的一個橋樑，

比如說我這次準備控制那個Label（文字），我就寫一個：

我寫了一個text（自己起的名字）並宣告它是一個Label型別的；

這樣我們Ctrl + s儲存一下再回到編輯器；把它繫結在畫布上吧（指令碼要繫結在遊戲場景的某個東西上才有用哦）

我們點選Canvas，然後看右側屬性面板的最底下；

點選新增元件；新增使用者指令碼；你會看到我們寫的指令碼就在那裡；點選

看到那個text了嗎，沒錯，就是剛才我寫的！所以說指令碼中的properties就是這麼用的，一個橋樑。

我們把想控制的那個New Label拖過去，對，滑鼠左鍵摁住拖過去！（如果不小心點選了一下New Label，你就再點選Canvas，因為指令碼在Canvas上），加油，你可以的，完成後是這樣：

你想控制的那個Label過來了，這樣就可以在腳本里通過程式碼控制它了;

我們試一試：

在start（）函式內改變這個Label文字

儲存一下，我們模擬器執行一下，看！

啥？你問我this是啥？這樣吧，我舉個例子：

程式碼這樣打（var 是宣告一個變數的意思，類似與c語言的int，，，）

為什麼i不加this呢，你猜，思考一下！是因為它跨函式？

我們來讓它產生隨機數吧！用到了Math.random（）函式，該函式會生成[0,1)之間的小數，我們來試一試：

呀哈，成功了！但是我們沒用到摁鈕呀，別急！

我們單獨列出來這個產生隨機數的函式並起名為Button_Click

對，就是給Button用的。

好了，寫完了，但是button怎麼呼叫呢？

第一步，設定按鈕的點選事件為1（預設為0，沒有）

選中按鈕，在屬性檢查器中往下滑；事件數改為1

回車之後（點一下別的地方也可以）

我們看到了：

底下出現了空位置，因為我們想控制那個Label文字，但是那個文字的控制程式碼在腳本里，而這個指令碼我們繫結在了Canvas上，

哈哈，有點繞，其實就是一號聯絡二號，二號聯絡三號，我們通過三號往回找

把Canvas拖到這裡（因為指令碼在它身上）

然後點開後面，找指令碼

沒錯，就是那個buttonjs

再往後找我們寫的那個點選函式，怎麼樣，會了嗎；

我們試一試：

這樣就實現了點選摁鈕隨機數，怎麼樣！Get了沒。

O(∩_∩)O~~

怎麼樣，有沒有立個Flag的衝動