From 475fceb864b4c5d7fb9f47720b0918ba7c96e08a Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期三, 09 十月 2024 13:19:13 +0800
Subject: [PATCH] #

---
 zy-acs-flow/src/map/player.js |   52 ++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 50 insertions(+), 2 deletions(-)

diff --git a/zy-acs-flow/src/map/player.js b/zy-acs-flow/src/map/player.js
index 2cb44a1..c657621 100644
--- a/zy-acs-flow/src/map/player.js
+++ b/zy-acs-flow/src/map/player.js
@@ -11,7 +11,7 @@
 
         globalThis.__PIXI_APP__ = this.app;
 
-        this.mapContainer = generateMapContainer('mapContainer');
+        this.mapContainer = generatePixiContainer('mapContainer');
 
         const bunny = PIXI.Sprite.from('https://pixijs.com/assets/bunny.png');
         bunny.anchor.set(0.5);
@@ -21,7 +21,55 @@
         this.app.ticker.add((delta) => {
             bunny.rotation += 0.1 * delta;
         });
+
+        // startupTicker();
     }
+
+    showGridLines = () => {
+        this.hideGridLines();
+        if (!this.gridLineContainer) {
+            this.gridLineContainer = generatePixiContainer('gridLineContainer');
+            this.app.stage.addChild(this.gridLineContainer);
+        }
+
+        const spacing = 30;
+        const lineDefaultAlpha = .1;;
+        const lineDefaultColor = 0x000000;
+        for (let i = 0; i < this.app.view.width / spacing; i++) {
+            const graphics = new PIXI.Graphics();
+            graphics.lineStyle(1, lineDefaultColor, lineDefaultAlpha);
+            graphics.beginFill(lineDefaultColor);
+            graphics.moveTo(i * spacing, 0);
+            graphics.lineTo(i * spacing, this.app.view.height);
+            graphics.endFill();
+            this.gridLineContainer.addChild(graphics);
+        }
+
+        for (let i = 0; i < this.app.view.height / spacing; i++) {
+            const graphics = new PIXI.Graphics();
+            graphics.lineStyle(1, lineDefaultColor, lineDefaultAlpha);
+            graphics.beginFill(lineDefaultColor);
+            graphics.moveTo(0, i * spacing);
+            graphics.lineTo(this.app.view.width, i * spacing);
+            graphics.endFill();
+
+            this.gridLineContainer.addChild(graphics);
+        }
+    }
+
+    hideGridLines = () => {
+        if (this.gridLineContainer) {
+            this.app.stage.removeChild(this.gridLineContainer);
+            this.gridLineContainer = null;
+        }
+    }
+
+
+    // startupTicker = () => {
+    //     this.app.ticker.add((delta) => {
+    //         TWEEDLE.Group.shared.update();
+    //     });
+    // }
 
     resize(width, height) {
         this.app.renderer.resize(width, height);
@@ -57,7 +105,7 @@
     return app;
 }
 
-const generateMapContainer = (name) => {
+const generatePixiContainer = (name) => {
     const mapContainer = new PIXI.Container();
     mapContainer.sortableChildren = true;
     mapContainer.name = name;

--
Gitblit v1.9.1