從網上下載cocos creator，安裝好后表牢，就可以制作游戲了窄绒。我這里用的是mac，直接一鍵安裝崔兴，不用配置什么環(huán)境彰导。先來試試第一個小游戲，就簡單的切換一下就行了敲茄。
打開creator位谋，點擊新建項目，新建一個空白項目堰燎，選好路徑和項目名掏父，創(chuàng)建完成之后是這樣的：
點住左下角assets，右鍵新建文件夾創(chuàng)建三個文件夾秆剪，命名為Scene赊淑，Script，Texture仅讽，分別存放場景文件膏燃，腳本文件和圖片資源。往Texture文件夾里隨便拖兩張背景圖和兩張按鈕圖何什。接著點選Scene文件夾组哩，右鍵選擇新建Scene：
修改名字為home，接著同樣操作在創(chuàng)建個scene命名為shop。
雙擊打開home伶贰，看到左上角有個Canvas蛛砰，這個就是home這個場景的畫布，我們要在這個上面添加東西進去黍衙，從Texture文件夾下拖一張背景圖到Canvas下泥畅，然后點擊Canvas上面的加號，創(chuàng)建一個按鈕：
然后刪除這個按鈕的子文件Label琅翻。再將一張按鈕圖拖到這個按鈕的右邊屬性檢查器對應的SpriteFrame中：
完成后如圖：
然后雙擊進入shop位仁，將另外的一張背景圖拖進去，并用另一張按鈕圖創(chuàng)建一個按鈕方椎。再回到home聂抢，在Script文件夾下右鍵選擇新建JavaScript：
命名為homeJS，同樣操作棠众，再建一個琳疏，命名為shopJS。
雙擊homeJS闸拿，在
下面添加代碼：
toShop: function () {
? ? ? ? cc.director.loadScene("shop")
},
這是個函數空盼，這個函數的意思是切換到shop場景。
然后再shopJS里同樣位置添加：
toHome: function () {
? ? ? ? cc.director.loadScene("home")
},//切換到home場景
哈哈新荤，代碼部分就這樣完成了揽趾，接下來的事情就是把這homeJS，shopJS關聯到那兩個按鈕上去了苛骨。
雙擊home篱瞎，選住按鈕，在它對應的屬性查看器中下滑找到添加組件智袭，點擊：
完成：
然后找到Button那一欄：
找到Click Events奔缠，設為1掠抬，將這個按鈕本身拖入到下方的cc.Node處吼野，再選擇腳本：homeJS，再選擇函數：toShop两波。如此瞳步，這個按鈕的關聯事件就做好了。完成圖如上腰奋。
同樣单起，對shop場景的那個按鈕也是如此操作，完成如下：
OK劣坊，完成了嘀倒，點擊正中間的三角形運行吧：
完成效果就是兩個頁面的切換。
同時，在實際過程中测蘑，我們也發(fā)現了許多一些這里沒有用到的控件和屬性灌危，動手試試吧。
如有錯誤碳胳，歡迎指正勇蝙。如有補充，歡迎告知挨约。
2017-07-21
