new structure, spawner, rebind

assets/Scripts/Game/Input/VirtualJoystic.ts

@@ -0,0 +1,79 @@
+import { _decorator, Component, Node, Vec3, input, Input, EventMouse, Vec2, EventTouch } from "cc";
+const { ccclass, property } = _decorator;
+
+@ccclass("VirtualJoystic")
+export class VirtualJoystic extends Component {
+    @property(Number) private maxDistance = 10;
+    @property(Node) private knob: Node;
+
+    #isUsingJoystic = false;
+    #defaultPosition: Vec2 = new Vec2();
+
+    public init(): void {
+        input.on(Input.EventType.MOUSE_DOWN, this.activateMouseJoystic, this);
+        input.on(Input.EventType.MOUSE_UP, this.deactivateJoystic, this);
+        input.on(Input.EventType.MOUSE_MOVE, this.moveKnobMouse, this);
+
+        input.on(Input.EventType.TOUCH_START, this.activateTouchJoystic, this);
+        input.on(Input.EventType.TOUCH_END, this.deactivateJoystic, this);
+        input.on(Input.EventType.TOUCH_MOVE, this.moveKnobTouch, this);
+
+        this.deactivateJoystic();
+    }
+
+    public getAxis(): Vec2 {
+        if (this.#isUsingJoystic) {
+            return new Vec2(this.knob.position.x / this.maxDistance, this.knob.position.y / this.maxDistance);
+        } else {
+            return new Vec2();
+        }
+    }
+
+    private activateTouchJoystic(e: EventTouch): void {
+        this.activateJoystic(e.getUILocation());
+    }
+
+    private activateMouseJoystic(e: EventMouse): void {
+        this.activateJoystic(e.getUILocation());
+    }
+
+    private activateJoystic(location: Vec2): void {
+        this.#isUsingJoystic = true;
+        this.node.active = true;
+        this.#defaultPosition = location;
+
+        this.node.setWorldPosition(new Vec3(this.#defaultPosition.x, this.#defaultPosition.y, 0));
+        this.knob.position = new Vec3();
+    }
+
+    private deactivateJoystic(): void {
+        this.#isUsingJoystic = false;
+        this.node.active = false;
+    }
+
+    private moveKnobTouch(e: EventTouch): void {
+        this.moveKnob(e.getUILocation());
+    }
+
+    private moveKnobMouse(e: EventMouse): void {
+        this.moveKnob(e.getUILocation());
+    }
+
+    private moveKnob(location: Vec2): void {
+        if (!this.#isUsingJoystic) return;
+
+        const posDelta: Vec2 = location.subtract(this.#defaultPosition);
+        let x: number = posDelta.x;
+        let y: number = posDelta.y;
+
+        const length: number = Math.sqrt(posDelta.x ** 2 + posDelta.y ** 2);
+        if (this.maxDistance < length) {
+            const multiplier: number = this.maxDistance / length;
+
+            x *= multiplier;
+            y *= multiplier;
+        }
+
+        this.knob.position = new Vec3(x, y, 0);
+    }
+}

assets/Scripts/Game/Input/VirtualJoystic.ts.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "a51b28bc-4ef0-4324-97fc-44f964ce087a",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}