CoCosCreator节点事件用于2D节点

最新推荐文章于 2025-02-13 22:27:58 发布

原创最新推荐文章于 2025-02-13 22:27:58 发布 · 240 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript #前端框架 #cocos2d

文章讲述了在CocosCreator中，如何使用`@ccclass`和`@property`装饰器来定义类和属性，以及处理2D节点的触摸开始和移动事件，如`_touchStart0`和`_touchMov0`函数，用于更新节点位置。此外，还提及了`Node`类和事件监听，但未使用系统事件。


@ccclass('Test')
export class Test extends Component {
    // [1]
    // dummy = '';

    // [2]

    // serializableDummy = 0;
    @property
    public speed = 10;
    @property(Node)
    public plane01: Node = null;
    start() {
        this.node.on(Node.EventType.TOUCH_START, this._touchStart0, this);
        this.node.on(Node.EventType.TOUCH_MOVE, this._touchMov0, this);
        // systemEvent.on(SystemEvent.EventType.TOUCH_START,this._touchStart,this);
        // systemEvent.on(SystemEvent.EventType.TOUCH_MOVE,this._touchMov,this);
       }
    _touchStart0(touch: Touch, event: EventTouch) {
          console.log('dwww');
    }

    _touchMov0(touch: Touch, event: EventTouch) {
        const dela = touch.getDelta();
        let pos=this.plane01.position;
        this.plane01.setPosition(pos.x + dela.x * this.speed * 0.01, pos.y, pos.z - dela.y * this.speed * 0.01);
      
    }
   
    // update (deltaTime: number) {
    //     // [4]
    // }
}

CoCosCreator节点事件用于2D节点,2D节点最常用的一部分就是UI 界面的功能。一般是Canvas界面节点