From b44c83de23528891d833be5bfcc315298fa4df3c Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期二, 08 十月 2024 13:28:57 +0800 Subject: [PATCH] # --- zy-acs-flow/src/map/player.js | 50 ++++++++++++++++++++++++++++---------------------- 1 files changed, 28 insertions(+), 22 deletions(-) diff --git a/zy-acs-flow/src/map/player.js b/zy-acs-flow/src/map/player.js index c8fa3af..e418eba 100644 --- a/zy-acs-flow/src/map/player.js +++ b/zy-acs-flow/src/map/player.js @@ -3,39 +3,45 @@ export default class Player { - constructor(dom) { - // init - this.app = new PIXI.Application({ - background: '#f1f2f6', - antialias: true, - }) - this.app.stage.eventMode = 'static'; - this.app.stage.hitArea = this.app.screen; - this.app.view.addEventListener('contextmenu', (event) => { - event.preventDefault(); - }); + constructor(dom, themeMode) { + this.themeMode = themeMode; + + this.app = generateApp(themeMode); dom.appendChild(this.app.view); globalThis.__PIXI_APP__ = this.app; - // create a new Sprite from an image path + + this.mapContainer = generateMapContainer('mapContainer'); + const bunny = PIXI.Sprite.from('https://pixijs.com/assets/bunny.png'); - - // center the sprite's anchor point bunny.anchor.set(0.5); - - // move the sprite to the center of the screen bunny.x = this.app.screen.width / 2; bunny.y = this.app.screen.height / 2; - this.app.stage.addChild(bunny); - - // Listen for animate update this.app.ticker.add((delta) => { - // just for fun, let's rotate mr rabbit a little - // delta is 1 if running at 100% performance - // creates frame-independent transformation bunny.rotation += 0.1 * delta; }); } +} + +const generateApp = (themeMode) => { + const app = new PIXI.Application({ + background: themeMode === 'dark' ? '#2f3542' : '#f1f2f6', + antialias: true, + }) + app.stage.eventMode = 'static'; + app.stage.hitArea = app.screen; + app.view.addEventListener('contextmenu', (event) => { + event.preventDefault(); + }); + return app; +} + +const generateMapContainer = (name) => { + const mapContainer = new PIXI.Container(); + mapContainer.sortableChildren = true; + mapContainer.name = name; + mapContainer.data = {}; + return mapContainer; } \ No newline at end of file -- Gitblit v1.9.1