cocos creator ts代码

以下是使用 TypeScript 编写的 Cocos Creator 代码示例：

// 引入 Cocos Creator 引擎模块
import { Component, Node, Vec2 } from 'cc';

// 自定义组件类
export default class MyComponent extends Component {
  // 节点引用
  private _node: Node | null = null;

  // 生命周期：组件被添加到节点上时调用
  public onEnable() {
    // 获取节点引用
    this._node = this.node.getChildByName('MyNode');
    // 注册触摸事件
    this.node.on(Node.EventType.TOUCH_START, this.onTouchStart, this);
  }

  // 生命周期：组件被移除时调用
  public onDisable() {
    // 取消注册触摸事件
    this.node.off(Node.EventType.TOUCH_START, this.onTouchStart, this);
    // 释放节点引用
    this._node = null;
  }

  // 触摸事件处理函数
  private onTouchStart(event: any, touch: any) {
    // 获取触摸点在全局坐标系下的位置
    const touchPos: Vec2 = touch.getLocation();
    // 将触摸点位置转换为相对于 MyNode 节点的本地坐标系下的位置
    const localPos: Vec2 = this._node!.convertToNodeSpaceAR(touchPos);
    // 输出本地坐标系下的位置
    console.log(`Local position: (${localPos.x}, ${localPos.y})`);
  }
}

该代码示例是一个自定义组件类，包含了组件的生命周期函数和触摸事件处理函数。在 `onEnable` 生命周期函数中获取了节点引用，并注册了触摸事件。在 `onDisable` 生命周期函数中取消了触摸事件的注册，并释放了节点引用。在触摸事件处理函数中，通过 `convertToNodeSpaceAR` 方法将触摸点位置转换为相对于 MyNode 节点的本地坐标系下的位置，并输出该位置信息。