update

apps/client/assets/Scripts/UI/JoyStickManager.ts

@@ -0,0 +1,57 @@
+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
+
+    private body: Node
+    private stick: Node
+    private touchStartPos: Vec2
+    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
+
+        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);
+
+    }
+
+    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);
+    }
+
+    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 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()
+    }
+
+    onTouchEnd() {
+        this.body.setPosition(this.defaultPos.x, this.defaultPos.y)
+        this.stick.setPosition(0, 0)
+        this.touchStartPos = undefined
+        this.input = Vec2.ZERO
+    }
+}
+

apps/client/assets/Scripts/UI/JoyStickManager.ts.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "bfc9a6e3-7ecf-4422-af5c-670bff4ec928",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}

apps/client/assets/Scripts/UI/PlayerItemManager.ts

@@ -0,0 +1,22 @@
+import { _decorator, Component, Node, Label } from 'cc';
+import { EventEnum } from '../Enum';
+import DataManager from '../Global/DataManager';
+import EventManager from '../Global/EventManager';
+const { ccclass, property } = _decorator;
+
+@ccclass('PlayerItemManager')
+export class PlayerItemManager extends Component {
+  init({ id, nickname, rid }: { id: number, nickname: string, rid: number }) {
+    const label = this.getComponent(Label)
+    let str = nickname
+    if (DataManager.Instance.myPlayerId === id) {
+      str += `(我)`
+    }
+    if (rid !== -1) {
+      str += `(房间${rid})`
+    }
+    label.string = str
+    this.node.active = true
+  }
+}
+

apps/client/assets/Scripts/UI/PlayerItemManager.ts.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "0b36580d-5fc7-40c1-9ac0-0fb78a685fd1",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}

apps/client/assets/Scripts/UI/RoomItemManager.ts

@@ -0,0 +1,20 @@
+import { _decorator, Component, Node, Label } from 'cc';
+import { EventEnum } from '../Enum';
+import EventManager from '../Global/EventManager';
+const { ccclass, property } = _decorator;
+
+@ccclass('RoomItemManager')
+export class RoomItemManager extends Component {
+  id: number
+  init({ id, players }: { id: number, players: Array<{ id: number, nickname: string }> }) {
+    this.id = id
+    const label = this.getComponent(Label)
+    label.string = `房间id:${id}，当前人数:${players.length}`
+    this.node.active = true
+  }
+
+  handleClick() {
+    EventManager.Instance.emit(EventEnum.RoomJoin, this.id)
+  }
+}
+

apps/client/assets/Scripts/UI/RoomItemManager.ts.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "26da1a71-eb0d-463d-b2d6-fbc64bf0ab89",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}

apps/client/assets/Scripts/UI/ShootManager.ts

@@ -0,0 +1,13 @@
+import { _decorator, Component, Node } from 'cc';
+import { EventEnum } from '../Enum';
+import EventManager from '../Global/EventManager';
+const { ccclass, property } = _decorator;
+
+@ccclass('ShootManager')
+export class ShootManager extends Component {
+    shoot() {
+        EventManager.Instance.emit(EventEnum.WeaponShoot)
+    }
+
+}
+

apps/client/assets/Scripts/UI/ShootManager.ts.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "f4c4bbdf-77d3-44a3-88c2-29f40401dab7",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}