【cocos 2d微信小游戏开发教程】基础使用笔记分享（一）

export default 

@property//去掉则不在面板上显示
text: string = 'hello';

console.debug('调用');

//初始化调用，第一个被调用
onLoad () {
    console.debug('调用');
}
//启用脚本调用，在onLoad和start之间执行，会多次调用
onEnable() {
    
}
//初始化调用，第二个被调用
start () {
}
//每帧开始调用，dt执行时间
update (dt) {}
//每帧结束调用
lateUpdate(dt) {
    
}
//禁用脚本调用
onDisable() {
    
}
//销毁时调用
onDestroy() {
    
}

start () {
    //获取子字节点
    let a = this.node.children[0];
    //根据子节点名称获取节点
    this.node.getChildByName('abc');
    //通过路径查找节点
    cc.find('Canvas/Main Camera')
    //获取父节点
    this.node.getParent();
    //设置一个父节点
    this.node.setParent(a);
    //移除所有子节点
    this.node.removeAllChildren();
    //移除某个节点
    this.node.removeChild(a);
    //从父节点移除掉,我删我自己
    this.node.removeFromParent();
    //获取位置
    this.node.x;
    this.node.y
    //设置位置
    this.node.setPosition(3,4);
    this.node.setPosition(cc.v2(3,4));
    //旋转
    this.node.rotation;
    //缩放
    this.node.scale;
    //锚点
    this.node.anchorX;
    //设置颜色
    this.node.color = cc.Color.RED;
    //节点开关
    this.node.active = false;
    //组件开关
    this.enabled = false;
    //按类型获取组件（填写组件类型）
    let sprite = this.getComponent(cc.Sprite);
    //从子集按类型获取组件
    this.getComponentInChildren(cc.Sprite);
  //创建节点
    let node = new cc.Node("New");
    //添加组件(创建一个精灵组件)
    node.addComponent(cc.Sprite);
}

@ccclass
export default class Test extends cc.Component {
    @property(cc.Label)
    label: cc.Label = null;
    @property//去掉则不在面板上显示
    text: string = 'hello';
  //定义预设体
    @property(cc.Prefab)
    pre:cc.Prefab = null;
    // LIFE-CYCLE CALLBACKS:
    //初始化调用，第一个被调用
    onLoad () {
        console.debug('调用');
        //实例化预设体
        let node = cc.instantiate(this.pre)
        //设置父节点，不设置父节点不会显示
        node.setParent(this.node);
    }
}

start () {
    var that = this;
    //旧的方式，2.4以上已经不推荐使用，可能之后会废除，不建议使用
    cc.loader.loadRes("test/land", cc.SpriteFrame, function(err, sp:cc.SpriteFrame){
        that.getComponent(cc.Sprite).spriteFrame = sp;
    });   
     //新版本使用
    cc.resources.load("test/land", cc.SpriteFrame, function(err, sp:cc.SpriteFrame) {
        that.getComponent(cc.Sprite).spriteFrame = sp;
    });
  
  //加载远程图片
    cc.loader.load({url:item.avatarUrl,type:'jpg'},function(err,tex){
         that.getComponent(cc.Sprite).spriteFrame  = new cc.SpriteFrame(tex);
     });
}

//动态加载某个图集
cc.resources.load("test/land1", cc.SpriteAtlas, function(err, atlas:cc.SpriteAtlas){
    that.getComponent(cc.Sprite).spriteFrame = atlas.getSpriteFrame("hero1");
});

//直接切换场景
cc.director.loadScene("game2", function(){
   //当前已经加载到新的场景了
});
//预加载，用在一些比较大的场景时
cc.director.preloadScene("game2",function(){
   //这个场景已经加载到内存了，但是还没有用
   cc.director.loadScene("game2");
})
• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10

//添加常驻的节点，所有场景都有，换场景也不会销毁，this.node 表示当前节点
cc.game.addPersistRootNode(this.node);
//移除常驻节点
cc.game.removePersistRootNode(this.node)

//绑定事件
this.node.on(cc.Node.EventType.MOUSE_DOWN, function(event){
   console.debug('鼠标按下啦！！');
   
   //获取当前点击的位置
   event.getLocation()
   event.getLocationX()
   event.getLocationY()
   
   if(event.getButton() == cc.Event.EventMouse.BUTTON_RIGHT){
       console.debug('点击了鼠标右键！！');
   }
})
//取消绑定事件
this.node.off(cc.Node.EventType.MOUSE_DOWN,function(event){
  //用法同上
});
//触摸事件
this.node.on(cc.Node.EventType.MOUSE_DOWN, function(event){
    //按触摸id判断有几个手指
    console.debug('触摸' + event.getID());
})

/*
 * KEY_DOWN：按下
 * KEY_UP：松开
 */
cc.systemEvent.on(cc.SystemEvent.EventType.KEY_DOWN, function(event){
    if(event.keyCode == cc.macro.KEY.q){
        console.debug('你按下了q键！！');
    }
})

let that = this;
//触摸事件
this.node.on(cc.Node.EventType.MOUSE_DOWN, function(event){
    //触发自定义事件,第一种
    that.node.emit('myEvent');
    //触发自定义事件,第二种,true控制开启事件冒泡
    that.node.dispatchEvent(new cc.Event.EventCustom("myEvent", true));
})
//监听自定义事件
this.node.on('myEvent', function(event){
    console.debug('自定义事件');
})

//初始化调用
start () {
   //开启碰撞检测
   cc.director.getCollisionManager().enabled = true;
}
/**
 * 当碰撞产生的时候调用
 * @param  {Collider} other 产生碰撞的另一个碰撞组件
 * @param  {Collider} self  产生碰撞的自身的碰撞组件
 */
onCollisionEnter(other, self){
    //获取碰撞组件的tag，来判断碰到的是那个物体
    console.log('碰撞发生' + other.tag);
}
/**
 * 当碰撞产生后，碰撞结束前的情况下，每次计算碰撞结果后调用
 * @param  {Collider} other 产生碰撞的另一个碰撞组件
 * @param  {Collider} self  产生碰撞的自身的碰撞组件
 */
onCollisionStay(other, self) {
    console.log('碰撞持续');
}
/**
 * 当碰撞结束后调用
 * @param  {Collider} other 产生碰撞的另一个碰撞组件
 * @param  {Collider} self  产生碰撞的自身的碰撞组件
 */
onCollisionExit(other, self) {
    console.log('碰撞结束');
}