猴哥来了-游戏开发记录之二

1、node和u3d中的gameobject相似。

2、事件（鼠标事件和触屏事件的定义方式和原理还有些模糊。需要进一步学习）

2.1 点击事件可以通过回调方式挂载

// LIFE-CYCLE CALLBACKS:
    btnClick(event, customEventData){
        //console.log("event=",event.type," data=",customEventData);        
       };

    onLoad () {
        
        let self = this;

2.2 也可单独写脚本挂载node上

const {ccclass, property} = cc._decorator;
import Global = require("./GlobalEvents");

@ccclass
export default class NewClass extends cc.Component {    

    @property(cc.Button)
    btnplay: cc.Button = null;

    @property(cc.Button)
    btnsound: cc.Button = null;

    @property(cc.Button)
    btnmusic: cc.Button = null;

    @property(cc.Button)
    btntotal: cc.Button = null;

    @property(cc.SpriteFrame)
    soundenbPic: cc.SpriteFrame = null;

    @property(cc.SpriteFrame)
    sounddisPic: cc.SpriteFrame = null;

    @property(cc.SpriteFrame)
    musicenbPic: cc.SpriteFrame = null;

    @property(cc.SpriteFrame)
    musicedisPic: cc.SpriteFrame = null;

    // LIFE-CYCLE CALLBACKS:

    onLoad () {

        var self = this;

        //加载按钮动画事件        
        self.btnsound.node.on(cc.Node.EventType.TOUCH_START, function (event) {
            //console.log(' TOUCH_START');
        });

        self.btnsound.node.on(cc.Node.EventType.TOUCH_MOVE, function (event) {
            //console.log(' TOUCH_MOVE');
            self.btnsound.getComponent(cc.Animation).play();           
            
        });

        self.btnsound.node.on(cc.Node.EventType.TOUCH_END, function (event) {
            //console.log(' TOUCH_END');
            self.btnsound.getComponent(cc.Animation).stop();
            //换图片
            if(Global.isSound==1){
                //Global.isSound = 0;  
                self.btnsound.getComponent(cc.Sprite).spriteFrame = self.sounddisPic;
            }
            else{
                //Global.isSound = 1;
                self.btnsound.getComponent(cc.Sprite).spriteFrame = self.soundenbPic;
            }
            
        });

        self.btnsound.node.on(cc.Node.EventType.TOUCH_CANCEL, function (event) {
            //console.log(' TOUCH_CANCEL');
            self.btnsound.getComponent(cc.Animation).stop();

        });

        self.btnsound.node.on(cc.Node.EventType.MOUSE_ENTER, function (event) {
            //console.log(' MOUSE_ENTER');
            self.btnsound.getComponent(cc.Animation).play();
        });

        self.btnsound.node.on(cc.Node.EventType.MOUSE_LEAVE, function (event) {
            //console.log(' MOUSE_LEAVE');
            self.btnsound.getComponent(cc.Animation).stop();
            

        });