| | |
| | | constructor(dom, themeMode) { |
| | | this.themeMode = themeMode; |
| | | |
| | | this.app = generateApp(themeMode); |
| | | this.app = generateApp(dom, themeMode); |
| | | dom.appendChild(this.app.view); |
| | | |
| | | globalThis.__PIXI_APP__ = this.app; |
| | |
| | | }); |
| | | } |
| | | |
| | | resize() { |
| | | // 如果需要在窗口大小改变时调整内容,可以在这里处理 |
| | | // 由于设置了 resizeTo,PIXI.Application 会自动调整画布尺寸 |
| | | } |
| | | |
| | | destroy() { |
| | | this.app.destroy(true, { children: true }); |
| | | } |
| | | |
| | | } |
| | | |
| | | const generateApp = (themeMode) => { |
| | | const generateApp = (dom, themeMode) => { |
| | | const app = new PIXI.Application({ |
| | | background: themeMode === 'dark' ? '#2f3542' : '#f1f2f6', |
| | | antialias: true, |
| | | resizeTo: dom, |
| | | }) |
| | | app.stage.eventMode = 'static'; |
| | | app.stage.hitArea = app.screen; |