CocosCreator让角色移动起来

  1. 布局如下:
    CocosCreator让角色移动起来_第1张图片
  2. 编写移动脚本
cc.Class({
    extends: cc.Component,
    properties: {
        isAdd: {}//坐标是加还是减
    },
    // LIFE-CYCLE CALLBACKS:
    onLoad() {
        //鼠标拖动移动
        this.node.on(cc.Node.EventType.TOUCH_MOVE, function (event) {
            this.opacity = 100;
            var delta = event.touch.getDelta();
            this.x += delta.x;
            this.y += delta.y;
        }, this.node);
        //选中变透明
        this.node.on(cc.Node.EventType.TOUCH_END, function () {
            this.opacity = 255;
        }, this.node);
    },
    update(dt) {
        // 根据当前速度更新主角的位置
        if (this.node.x >= 0) {
            this.isAdd = false;
        } else if (this.node.y <= -150) {
            this.isAdd = true;
        }
        if (this.isAdd) {
            this.node.x += 20 * dt;
            this.node.y += 20 * dt;
        } else {
            this.node.x -= 20 * dt;
            this.node.y -= 20 * dt;
        }
    },
});
  1. 选择主角组件,如图的方式添加脚本
    CocosCreator让角色移动起来_第2张图片
  2. 运行项目如图:
    CocosCreator让角色移动起来_第3张图片

你可能感兴趣的:(CocosCreator)