输入模块

使用ccc 3.8.x 内置 API 帮我们写一个Joystick2D.ts组件，实现：
1、2D摇杆组件
2、摇杆带2个属性：1、摇杆方向节点 2、摇杆方向范围

import { _decorator, Component, Node, Vec3, EventTouch, UITransform, math } from 'cc';
const { ccclass, property } = _decorator;

/**
 * 2D摇杆组件
 * 用于在3D场景中实现2D摇杆功能
 */
@ccclass('Joystick2D')
export class Joystick2D extends Component {
    /** 摇杆方向节点 */
    @property(Node)
    directionNode: Node = null;

    /** 摇杆方向范围，用于限制摇杆移动的范围 */
    @property
    directionRange: number = 100;

    /** 记录触摸开始的位置 */
    private _startPos: Vec3 = new Vec3();

    /** 方向角度 */
    public angle: number = 0;

    /** 是否正在移动 */
    public isMoving: boolean = false;

    start() {
        // 注册触摸事件
        this.node.on(Node.EventType.TOUCH_START, this.onTouchStart, this);
        this.node.on(Node.EventType.TOUCH_MOVE, this.onTouchMove, this);
        this.node.on(Node.EventType.TOUCH_END, this.onTouchEnd, this);
        this.node.on(Node.EventType.TOUCH_CANCEL, this.onTouchEnd, this);
    }

    /**
     * 触摸开始事件处理
     * @param {EventTouch} event - 触摸事件
     */
    onTouchStart(event: EventTouch) {
        const uiTransform = this.node.getComponent(UITransform);
        if (uiTransform) {
            const touchPos = event.getUILocation();
            // 将触摸位置转换为节点空间坐标
            this._startPos = uiTransform.convertToNodeSpaceAR(new Vec3(touchPos.x, touchPos.y, 0));
            this.isMoving = true; // 开始移动
        }
    }

    /**
     * 触摸移动事件处理
     * @param {EventTouch} event - 触摸事件
     */
    onTouchMove(event: EventTouch) {
        const uiTransform = this.node.getComponent(UITransform);
        if (uiTransform) {
            const touchPos = event.getUILocation();
            // 将当前触摸位置转换为节点空间坐标
            const currentPos = uiTransform.convertToNodeSpaceAR(new Vec3(touchPos.x, touchPos.y, 0));
            // 计算触摸移动的偏移量
            const offset = currentPos.subtract(this._startPos);
            const distance = offset.length();

            // 如果偏移量超过了方向范围，则进行限制
            if (distance > this.directionRange) {
                offset.multiplyScalar(this.directionRange / distance);
            }

            // 设置方向节点的位置
            this.directionNode.setPosition(offset.x, offset.y, 0);

            // 计算方向角度
            this.angle = math.toDegree(Math.atan2(offset.y, offset.x));
        }
    }

    /**
     * 触摸结束事件处理
     * @param {EventTouch} event - 触摸事件
     */
    onTouchEnd(event: EventTouch) {
        // 触摸结束时重置方向节点的位置
        this.directionNode.setPosition(0, 0, 0);
        this.isMoving = false; // 停止移动
    }

    update(deltaTime: number) {
        // 可以在这里更新摇杆的逻辑
    }
}