cocosCreator實現《點我+1》小遊戲

      所用cocosCreator版本：2.0.9

      編程語言：javaScript

1.新建空白項目，資源目錄創建main.js     Main.fire

2.在main場景下創建各種節點結構如下圖：

3.編寫代碼main.js

cc.Class({
    extends: cc.Component,

    properties: {
        score:cc.Label,
        
    },

    // onLoad () {},

    start () {
        //初始化分數
        this.score.string = '0';
    },

    onClickAdd(){
        console.log('點擊按鈕前按鈕的值爲：'+this.score.string);
        this.score.string = (Number(this.score.string) + 1).toString();
        console.log('點擊按鈕後分數爲：'+ this.score.string);
    },
    // update (dt) {},

});

4.掛載腳本

點擊main場景下的canves節點，在右側屬性檢查器最下面，點擊添加組件按鈕，選擇用戶腳本組件，選擇Main，將場景下的Score節點拖到腳本組件的score框中，完成掛載。如下圖：

5.綁定點擊事件

單擊Button節點，在屬性檢查器中將Click Events  的值 改爲1，將canvas節點拖到第一個框中，第二個框下拉選擇Main，第三個框中選擇 onClickAdd，Ctrl+s  保存一下場景。運行，點擊按鈕：

這樣就實現了點擊按鈕Lable加1的需求。

有需要服務器的小夥伴可以點擊下面鏈接5折購買哦~

熱賣雲產品3折起，雲服務器、雲數據庫特惠，服務更穩，速度更快，價格更優
https://cloud.tencent.com/act/cps/redirect?redirect=1014&cps_key=f960a09f2d06453a8d42a2063b49abc2&from=console

熱賣雲產品3折起，雲服務器、雲數據庫特惠，服務更穩，速度更快，價格更優
https://cloud.tencent.com/act/cps/redirect?redirect=1014&cps_key=f960a09f2d06453a8d42a2063b49abc2&from=console

騰訊雲服務器安全可靠高性能，多種配置5折出售：
https://cloud.tencent.com/act/cps/redirect?redirect=1001&cps_key=f960a09f2d06453a8d42a2063b49abc2&from=console

 

本人由此開發的小遊戲《別點奇數》，就是沿用此計分方式統計的。歡迎體驗：