From 6d37ab0468b5ab468b5690bad325b0ffd21627f2 Mon Sep 17 00:00:00 2001
From: sli97 <775303361@qq.com>
Date: Fri, 9 Dec 2022 15:48:29 +0800
Subject: [PATCH] update

---
 .../assets/Scripts/UI/JoyStickManager.ts      | 68 +++++++++----------
 1 file changed, 33 insertions(+), 35 deletions(-)

diff --git a/apps/client/assets/Scripts/UI/JoyStickManager.ts b/apps/client/assets/Scripts/UI/JoyStickManager.ts
index d9eb54f..8e512ac 100644
--- a/apps/client/assets/Scripts/UI/JoyStickManager.ts
+++ b/apps/client/assets/Scripts/UI/JoyStickManager.ts
@@ -1,55 +1,53 @@
-import { _decorator, Component, Node, input, Input, EventTouch, Vec2, Vec3, UITransform } from "cc";
-const { ccclass, property } = _decorator;
+import { _decorator, Component, Node, input, Input, EventTouch, Vec2, Vec3, UITransform } from "cc"
+const { ccclass, property } = _decorator
 
 @ccclass("JoyStickManager")
 export class JoyStickManager extends Component {
-  input: Vec2 = Vec2.ZERO;
+  input: Vec2 = Vec2.ZERO
 
-  private body: Node;
-  private stick: Node;
-  private touchStartPos: Vec2;
-  private defaultPos: Vec2;
-  private radius: number = 0;
+  private body: Node
+  private stick: Node
+  private defaultPos: Vec2
+  private radius: number = 0
 
   init() {
-    this.body = this.node.getChildByName("Body");
-    this.stick = this.body.getChildByName("Stick");
-    const { x, y } = this.body.position;
-    this.defaultPos = new Vec2(x, y);
-    this.radius = this.body.getComponent(UITransform).contentSize.x / 2;
+    this.body = this.node.getChildByName("Body")
+    this.stick = this.body.getChildByName("Stick")
+    const { x, y } = this.body.position
+    this.defaultPos = new Vec2(x, y)
+    this.radius = this.body.getComponent(UITransform).contentSize.x / 2
 
-    input.on(Input.EventType.TOUCH_START, this.onTouchMove, this);
-    input.on(Input.EventType.TOUCH_MOVE, this.onTouchMove, this);
-    input.on(Input.EventType.TOUCH_END, this.onTouchEnd, this);
+    input.on(Input.EventType.TOUCH_START, this.onTouchStart, this)
+    input.on(Input.EventType.TOUCH_MOVE, this.onTouchMove, this)
+    input.on(Input.EventType.TOUCH_END, this.onTouchEnd, this)
   }
 
   onDestroy() {
-    input.off(Input.EventType.TOUCH_START, this.onTouchMove, this);
-    input.off(Input.EventType.TOUCH_MOVE, this.onTouchMove, this);
-    input.off(Input.EventType.TOUCH_END, this.onTouchEnd, this);
+    input.off(Input.EventType.TOUCH_START, this.onTouchStart, this)
+    input.off(Input.EventType.TOUCH_MOVE, this.onTouchMove, this)
+    input.off(Input.EventType.TOUCH_END, this.onTouchEnd, this)
+  }
+
+  onTouchStart(e: EventTouch) {
+    const touchPos = e.getUILocation()
+    this.body.setPosition(touchPos.x, touchPos.y)
   }
 
   onTouchMove(e: EventTouch) {
-    const touchPos = e.touch.getUILocation();
-    if (!this.touchStartPos) {
-      this.touchStartPos = touchPos.clone();
-      this.body.setPosition(this.touchStartPos.x, this.touchStartPos.y);
+    const touchPos = e.getUILocation()
+    const stickPos = new Vec2(touchPos.x - this.body.position.x, touchPos.y - this.body.position.y)
+    if (stickPos.length() > this.radius) {
+      stickPos.multiplyScalar(this.radius / stickPos.length())
     }
+    this.stick.setPosition(stickPos.x, stickPos.y)
 
-    const stickPos = new Vec2(touchPos.x - this.touchStartPos.x, touchPos.y - this.touchStartPos.y);
-    const len = stickPos.length();
-    if (len > this.radius) {
-      stickPos.multiplyScalar(this.radius / len);
-    }
-
-    this.stick.setPosition(stickPos.x, stickPos.y);
-    this.input = stickPos.clone().normalize();
+    this.input = stickPos.clone().normalize()
+    console.log(this.input)
   }
 
   onTouchEnd() {
-    this.body.setPosition(this.defaultPos.x, this.defaultPos.y);
-    this.stick.setPosition(0, 0);
-    this.touchStartPos = undefined;
-    this.input = Vec2.ZERO;
+    this.body.setPosition(this.defaultPos.x, this.defaultPos.y)
+    this.stick.setPosition(0, 0)
+    this.input = Vec2.ZERO
   }
 }