Browse Source
- page_init / welcome2: BaseScene + assetManager、utils 音频与定位 - init: 仅类默认导出；启动时注册 my-sound - SceneManager: 去掉 changeStage；修正 DynamicScene 构造 - enums: 移除 EP、EDirection - vite: 改用 esbuild 压缩并 drop console/debugger - main: 去掉 setTimeout，异步入口 try/catch - 删除整个 src/Game 目录 Made-with: Cursormaster
18 changed files with 181 additions and 910 deletions
@ -1,45 +0,0 @@ |
|||
import { Assets } from "pixi.js"; |
|||
|
|||
|
|||
export async function initAssets() { |
|||
await Assets.init({ manifest: "/manifest.json" }) |
|||
} |
|||
|
|||
const catchMap = new Map() |
|||
|
|||
export async function loadAsset(name: string, cb?: (progress: number) => void) { |
|||
const check = () => { |
|||
if (catchMap.has(name)) { |
|||
const rr = catchMap.get(name) |
|||
rr.count++ |
|||
console.log(2211); |
|||
catchMap.set(name, rr) |
|||
cb?.(1) |
|||
return rr.data |
|||
} |
|||
} |
|||
check() |
|||
const res = await Assets.loadBundle(name, (progress: number) => { |
|||
cb?.(progress) |
|||
}) |
|||
let r = check() |
|||
if (r) return r |
|||
catchMap.set(name, { |
|||
data: res, |
|||
count: 1 |
|||
}) |
|||
return res |
|||
} |
|||
/** |
|||
* 没有场景加载时方会卸载 |
|||
*/ |
|||
export async function unLoadAsset(name: string) { |
|||
if (catchMap.has(name)) { |
|||
const rr = catchMap.get(name) |
|||
rr.count-- |
|||
if (rr.count == 0) { |
|||
await Assets.unloadBundle(name) |
|||
catchMap.delete(name) |
|||
} |
|||
} |
|||
} |
|||
@ -1,200 +0,0 @@ |
|||
import { |
|||
autoDetectRenderer, |
|||
Container, |
|||
Renderer, |
|||
Ticker, |
|||
Loader, |
|||
} from "pixi.js"; |
|||
import detectOrient from "./detectOrient"; |
|||
import { EDirection } from "@/enums"; |
|||
import { initDevtools } from '@pixi/devtools'; |
|||
|
|||
export default class Game { |
|||
constructor() { |
|||
// this.init()
|
|||
} |
|||
|
|||
private static instance: Game = new Game(); |
|||
public static getInstance(): Game { |
|||
if (Game.instance == null) { |
|||
Game.instance = new Game(); |
|||
} |
|||
return Game.instance; |
|||
} |
|||
|
|||
private _stage: Container; |
|||
private _renderer: Renderer; |
|||
private _ticker: Ticker; |
|||
private _loader: Loader; |
|||
private direction: EDirection = EDirection.Portrait; |
|||
|
|||
public get renderer(): Renderer { |
|||
return this._renderer; |
|||
} |
|||
public get stage(): Container { |
|||
return this._stage; |
|||
} |
|||
public get ticker(): Ticker { |
|||
return this._ticker; |
|||
} |
|||
public get loader(): Loader { |
|||
return this._loader; |
|||
} |
|||
|
|||
public info = { |
|||
width: 0, |
|||
height: 0, |
|||
}; |
|||
|
|||
private screenInfo() { |
|||
const curDirection = detectOrient(); |
|||
if (curDirection === EDirection.Portrait) { |
|||
// const width = document.documentElement.clientWidth * 1136 / 640
|
|||
// const height = document.documentElement.clientWidth
|
|||
// return {
|
|||
// widght: height,
|
|||
// height: width,
|
|||
// }
|
|||
const width = document.documentElement.clientWidth |
|||
const height = document.documentElement.clientHeight |
|||
return { |
|||
widght: width, |
|||
height: height, |
|||
} |
|||
} |
|||
// const width = document.documentElement.clientHeight * 1136 / 640
|
|||
// const height = document.documentElement.clientHeight
|
|||
// return {
|
|||
// widght: width,
|
|||
// height: height,
|
|||
// }
|
|||
const width = document.documentElement.clientWidth |
|||
const height = document.documentElement.clientHeight |
|||
return { |
|||
widght: width, |
|||
height: height, |
|||
} |
|||
} |
|||
|
|||
getInfo() { |
|||
return this.info; |
|||
} |
|||
|
|||
setDirection(direction: EDirection) { |
|||
this.direction = direction; |
|||
this.updateView() |
|||
} |
|||
|
|||
updateView() { |
|||
const screenInfo = this.screenInfo() |
|||
let screenWidght = screenInfo.widght; |
|||
let screenHeight = screenInfo.height; |
|||
this.renderer.resize(screenWidght, screenHeight); |
|||
let offsetWidth = 0; |
|||
let offsetHeight = 0; |
|||
const curDirection = detectOrient(); |
|||
if (curDirection === EDirection.Landscape) { |
|||
offsetWidth = screenHeight; |
|||
offsetHeight = screenWidght; |
|||
} else { |
|||
offsetWidth = screenWidght; |
|||
offsetHeight = screenHeight; |
|||
} |
|||
this.info.width = offsetWidth; |
|||
this.info.height = offsetHeight; |
|||
const designWidth = 750; |
|||
if (this.direction == EDirection.Landscape) { |
|||
/// 强制竖屏
|
|||
if (curDirection === "landscape") { |
|||
[screenWidght, screenHeight] = [screenHeight, screenWidght]; |
|||
this.stage.rotation = -Math.PI / 2; |
|||
this.stage.y = screenWidght; |
|||
} else { |
|||
this.stage.rotation = 0; |
|||
this.stage.y = 0; |
|||
} |
|||
let screenScaleRito = screenWidght / designWidth; |
|||
this.stage.scale.set(screenScaleRito, screenScaleRito); |
|||
// stage.position.set(0, 0);
|
|||
this.info.width = offsetWidth / screenScaleRito; |
|||
this.info.height = offsetHeight / screenScaleRito; |
|||
} else { |
|||
/// 强制横屏
|
|||
if (curDirection === EDirection.Landscape) { |
|||
this.stage.rotation = 0; |
|||
this.stage.y = 0; |
|||
let screenScaleRito = offsetWidth / designWidth; |
|||
this.stage.scale.set(screenScaleRito, screenScaleRito); |
|||
|
|||
this.info.width = offsetHeight / screenScaleRito; |
|||
this.info.height = offsetWidth / screenScaleRito; |
|||
} else { |
|||
this.stage.rotation = -Math.PI / 2; |
|||
this.stage.y = offsetHeight; |
|||
let screenScaleRito = offsetWidth / designWidth; |
|||
this.stage.scale.set(screenScaleRito, screenScaleRito); |
|||
|
|||
this.info.width = offsetHeight / screenScaleRito; |
|||
this.info.height = offsetWidth / screenScaleRito; |
|||
} |
|||
} |
|||
} |
|||
|
|||
async init() { |
|||
const screenInfo = this.screenInfo() |
|||
let screenWidght = screenInfo.widght; |
|||
let screenHeight = screenInfo.height; |
|||
const stage = new Container(); |
|||
stage.label = "root"; |
|||
let renderer = await autoDetectRenderer({ |
|||
autoDensity: true, |
|||
width: screenWidght, |
|||
height: screenHeight, |
|||
antialias: true, |
|||
backgroundAlpha: 255, |
|||
resolution: 2, |
|||
backgroundColor: 0x1d9ce0, |
|||
}); |
|||
this._stage = stage; |
|||
this._renderer = renderer; |
|||
// https://www.cnblogs.com/haqiao/p/12515775.html
|
|||
this.renderer.resize(screenWidght, screenHeight) |
|||
document.body.appendChild(renderer.canvas); |
|||
|
|||
window.addEventListener("resize", () => { |
|||
this.updateView(); |
|||
}); |
|||
|
|||
// const ticker = new Ticker();
|
|||
const ticker = Ticker.shared; // 单例
|
|||
ticker.autoStart = true; |
|||
this._ticker = ticker; |
|||
|
|||
const loader = new Loader(); |
|||
this._loader = loader; |
|||
|
|||
initDevtools({ stage, renderer }); |
|||
} |
|||
|
|||
render() { |
|||
this.renderer.render(this.stage); |
|||
} |
|||
|
|||
// init(): Application {
|
|||
// let screenWidght = document.documentElement.clientWidth;
|
|||
// let screenHeight = document.documentElement.clientHeight;
|
|||
// const app = new Application({
|
|||
// width: screenWidght,
|
|||
// height: screenHeight,
|
|||
// antialias: true,
|
|||
// backgroundAlpha: 255,
|
|||
// resolution: 1,
|
|||
// backgroundColor: 0x1d9ce0,
|
|||
// });
|
|||
// document.body.appendChild(app.view);
|
|||
// window.addEventListener("resize", function () {
|
|||
// app.resizeTo = document.body;
|
|||
// });
|
|||
// return app;
|
|||
// }
|
|||
} |
|||
@ -1,5 +0,0 @@ |
|||
|
|||
|
|||
class Loader { |
|||
|
|||
} |
|||
@ -1,26 +0,0 @@ |
|||
import { gameManager } from "@/Game"; |
|||
import { PointData } from "pixi.js"; |
|||
|
|||
class Position { |
|||
static instance: Position = null |
|||
private constructor() { } |
|||
static getInstance() { |
|||
if (Position.instance == null) { |
|||
Position.instance = new Position |
|||
} |
|||
return Position.instance |
|||
} |
|||
|
|||
get(xType: "center", yType: "center", offset?: Partial<PointData>): PointData { |
|||
let x, y |
|||
if (xType === 'center') { |
|||
x = gameManager.getInfo().width / 2 + (offset?.x ?? 0) |
|||
} |
|||
if (yType === 'center') { |
|||
y = gameManager.getInfo().height / 2 + (offset?.y ?? 0) |
|||
} |
|||
return { x, y } |
|||
} |
|||
} |
|||
|
|||
export default Position.getInstance() |
|||
@ -1,17 +0,0 @@ |
|||
import { sound } from "@pixi/sound"; |
|||
// import { LoaderResource } from "pixi.js";
|
|||
|
|||
sound.add('my-sound', { |
|||
url: "/bg.mp3", |
|||
singleInstance: true, |
|||
autoPlay: false, |
|||
}); |
|||
// export function addSound(e: LoaderResource) {
|
|||
// console.log(e);
|
|||
// sound.add(e.name, {
|
|||
// source: e.data,
|
|||
// singleInstance: true,
|
|||
// autoPlay: false,
|
|||
// });
|
|||
// }
|
|||
export default sound; |
|||
@ -1,141 +0,0 @@ |
|||
import { EP } from "@/enums"; |
|||
import { Container } from "pixi.js"; |
|||
import Game from "./Game"; |
|||
|
|||
type TStage = { |
|||
type: EP, |
|||
name: string, |
|||
stage: Container |
|||
} |
|||
|
|||
export default class Stage { |
|||
private static instance: Stage = null |
|||
private _stages: Record<string,TStage>= {} |
|||
curStage: TStage = null |
|||
|
|||
static getInstance(){ |
|||
if(Stage.instance == null){ |
|||
Stage.instance = new Stage() |
|||
} |
|||
return Stage.instance |
|||
} |
|||
gameManager: Game = null |
|||
constructor(){ |
|||
this.gameManager = Game.getInstance(); |
|||
} |
|||
|
|||
private _wscb: ((stage: TStage, lastStage?:TStage)=>void)[]= [] |
|||
watchStageChange(cb: (stage: TStage, lastStage?:TStage)=>void){ |
|||
this._wscb.push(cb) |
|||
} |
|||
async runStageChange(stage: TStage, lastStage?: TStage){ |
|||
for (let i = 0; i < this._wscb.length; i++) { |
|||
const cb = this._wscb[i]; |
|||
await cb(stage, lastStage) |
|||
} |
|||
} |
|||
|
|||
initStage(name: string){ |
|||
if(!this._stages[name]){ |
|||
throw new Error("不存在该舞台: " + name) |
|||
} |
|||
let curStage = this._stages[name]; |
|||
this.curStage = curStage |
|||
// this.gameManager.stage.children.forEach(stage=>{
|
|||
// stage.destroy()
|
|||
// this.gameManager.stage.removeChild(stage)
|
|||
// })
|
|||
if(curStage&&curStage.type === EP.Normal){ |
|||
this.gameManager.stage.addChild(curStage.stage) |
|||
}else if(curStage&&curStage.type === EP.Resident){ |
|||
curStage.stage.visible = true |
|||
} |
|||
this.runStageChange(curStage) |
|||
} |
|||
|
|||
changeStage(name: string, opts?: {isHolderLast?: boolean}){ |
|||
if(!this._stages[name]){ |
|||
throw new Error("不存在该舞台: " + name) |
|||
} |
|||
if(!this.curStage){ |
|||
console.warn("请先初始化一个场景") |
|||
return |
|||
} |
|||
let lastStage = this.curStage |
|||
if(lastStage&&lastStage.type === EP.Normal){ |
|||
if(opts?.isHolderLast) { |
|||
lastStage.stage.visible = false |
|||
// @ts-ignore
|
|||
lastStage.stage.$isHolderLast = opts.isHolderLast |
|||
} else { |
|||
lastStage.stage.destroy({ |
|||
children: true |
|||
}) |
|||
this.gameManager.stage.removeChild(lastStage.stage) |
|||
} |
|||
}else if(lastStage&&lastStage.type === EP.Resident){ |
|||
lastStage.stage.visible = false |
|||
} |
|||
let curStage = this._stages[name]; |
|||
if(curStage && typeof curStage === "string" && curStage === "已销毁"){ |
|||
this.create(name, EP.Normal) |
|||
curStage = this._stages[name] |
|||
console.log(curStage); |
|||
} |
|||
this.curStage = curStage |
|||
if(curStage&&curStage.type === EP.Normal){ |
|||
// @ts-ignore
|
|||
if(curStage.stage.$isHolderLast) { |
|||
curStage.stage.visible = true |
|||
} else { |
|||
this.gameManager.stage.addChild(curStage.stage) |
|||
} |
|||
}else if(curStage&&curStage.type === EP.Resident){ |
|||
curStage.stage.visible = true |
|||
} |
|||
this.runStageChange(curStage, lastStage) |
|||
|
|||
if(lastStage&&lastStage.type === EP.Normal && !opts?.isHolderLast){ |
|||
lastStage.stage.destroy() |
|||
this._stages[lastStage.name] = "已销毁" as any |
|||
} |
|||
} |
|||
|
|||
getStage(name: string): Container{ |
|||
return this._stages[name].stage |
|||
} |
|||
|
|||
checkStageMustExist(name: string, type: EP = EP.Normal){ |
|||
if(!this._stages[name]){ |
|||
this.create(name, type) |
|||
} |
|||
} |
|||
|
|||
getInitStage(name: string, type: EP = EP.Normal): Container{ |
|||
if(name === "root"){ |
|||
throw new Error("最好换过一个名字") |
|||
} |
|||
if(this._stages[name]){ |
|||
throw new Error("已存在该舞台") |
|||
} |
|||
if(!this._stages[name]){ |
|||
this.create(name, type) |
|||
} |
|||
return this._stages[name].stage |
|||
} |
|||
|
|||
private create(name: string, type: EP = EP.Normal): Container{ |
|||
const stage = new Container(); |
|||
stage.label = name |
|||
this._stages[name] = { |
|||
type: type, |
|||
stage: stage, |
|||
name: name |
|||
} |
|||
if(type === EP.Resident){ |
|||
stage.visible = true |
|||
this.gameManager.stage.addChild(stage) |
|||
} |
|||
return stage |
|||
} |
|||
} |
|||
@ -1,28 +0,0 @@ |
|||
export default function detectOrient() { |
|||
let storage = localStorage; // 不一定要使用localStorage，其他存储数据的手段都可以
|
|||
// let data = storage.getItem('J-recordOrientX');
|
|||
let cw = document.documentElement.clientWidth; |
|||
let _Width = 0, |
|||
_Height = 0; |
|||
// if (!data) {
|
|||
var sw = document.documentElement.clientWidth//window.screen.width;
|
|||
var sh = document.documentElement.clientHeight//window.screen.height;
|
|||
// 2.在某些机型（如华为P9）下出现 screen.width/height 值交换，所以进行大小值比较判断
|
|||
_Width = sw < sh ? sw : sh; |
|||
_Height = sw >= sh ? sw : sh; |
|||
storage.setItem('J-recordOrientX', _Width + ',' + _Height); |
|||
// } else {
|
|||
// var str = data.split(',');
|
|||
// _Width = +str[0];
|
|||
// _Height = +str[1];
|
|||
// }
|
|||
if (cw == _Width) { |
|||
// 竖屏
|
|||
return 'portrait'; |
|||
} |
|||
if (cw == _Height) { |
|||
// 横屏
|
|||
return 'landscape'; |
|||
} |
|||
return cw+','+_Width+ "||"+cw+','+_Height |
|||
} |
|||
@ -1,157 +0,0 @@ |
|||
import Game from "./Game"; |
|||
import Stage from "./Stage"; |
|||
import { Container, Ticker } from "pixi.js"; |
|||
import { EP } from "@/enums"; |
|||
|
|||
const gameManager = Game.getInstance(); |
|||
const stageManager = Stage.getInstance(); |
|||
|
|||
const windows: Record<string, IWindow> = {} |
|||
const residentList: IWindow[] = [] |
|||
|
|||
function defineWindow(name: string, abstractClass: Constructor<IWindow>, type?: EP): any |
|||
function defineWindow(abstractClass: Constructor<IWindow>, type?: EP): any |
|||
function defineWindow(name: string | Constructor<IWindow>, abstractClass?: Constructor<IWindow> | EP, type?: EP) { |
|||
if (typeof name === "string") { |
|||
return { name, abstractClass, type } |
|||
} |
|||
return { abstractClass: name, type: abstractClass } |
|||
} |
|||
|
|||
function initStage() { |
|||
const t = import.meta.glob("../stages/**/page_*.ts", { eager: true }); |
|||
for (const tKey in t) { |
|||
const mod = (t[tKey] as any).default || t[tKey] |
|||
const [_, tKeyName] = tKey.match(/page_(.*?)\.ts$/) |
|||
const { name, abstractClass, type } = mod as ReturnType<typeof defineWindow> |
|||
// stageManager.getInitStage(name || tKeyName, type);
|
|||
const stageClass = new abstractClass() |
|||
if ((name || tKeyName) == "init") { |
|||
setTimeout(() => { |
|||
// 延迟，等其他逻辑完成之后再执行
|
|||
stageManager.checkStageMustExist(name || tKeyName, type) |
|||
stageManager.initStage(name || tKeyName) |
|||
}, 0); |
|||
} |
|||
stageClass.changeStage = (name: string, opts?: { isHolderLast?: boolean }) => { |
|||
stageManager.checkStageMustExist(name, type) |
|||
stageManager.changeStage(name, opts) |
|||
} |
|||
stageClass._type = type |
|||
stageClass._initLayout = false |
|||
stageClass.$name = name || tKeyName |
|||
if (EP.Resident === type) { |
|||
stageClass.stage = stageManager.getInitStage(name || tKeyName, type) |
|||
residentList.push(stageClass) |
|||
} else windows[name || tKeyName] = stageClass |
|||
} |
|||
// @ts-ignore
|
|||
residentList.sort((a, b) => a.$name.localeCompare(b.$name, 'en')) |
|||
|
|||
} |
|||
|
|||
type Constructor<T> = new (...args: any[]) => T; |
|||
export interface IWindow { |
|||
_type?: EP; |
|||
_initLayout?: Boolean; |
|||
_initAssets?: Boolean; |
|||
stage: Container; |
|||
components: Record<string, any>; |
|||
changeStage?(name: string, opts?: { isHolderLast?: boolean }): void; |
|||
loadBundle?(): void; |
|||
unLoadBundle?(): void; |
|||
layout?(): void; |
|||
onLoad?(): void; |
|||
onUnLoad?(): void; |
|||
lateUpdate?(dt: number, name: string, ticker: Ticker): void; |
|||
update?(dt: number, name: string, ticker: Ticker): void; |
|||
} |
|||
|
|||
export function GG(name: string){ |
|||
console.log(windows); |
|||
console.log(residentList); |
|||
const win = windows[name] |
|||
return win |
|||
} |
|||
|
|||
function initGame() { |
|||
initStage() |
|||
|
|||
// 场景切换监听
|
|||
stageManager.watchStageChange(async (stage, lastStage) => { |
|||
if (stage && stage.type === EP.Normal) { |
|||
let curWindow = windows[stage.name]; |
|||
if (lastStage && lastStage.type === EP.Normal) { |
|||
let lastWindow = windows[lastStage.name]; |
|||
// @ts-ignore
|
|||
if (lastWindow._initAssets && lastWindow.stage && !lastWindow.stage.$isHolderLast) { |
|||
await lastWindow.unLoadBundle?.() |
|||
lastWindow._initAssets = false |
|||
} |
|||
lastWindow.onUnLoad && await lastWindow.onUnLoad(); |
|||
lastWindow.stage = stageManager.getStage(lastStage.name) |
|||
} |
|||
const isSameStage = curWindow.stage === stage.stage |
|||
!isSameStage && (curWindow.stage = stage.stage) |
|||
if (!curWindow._initAssets) { |
|||
await curWindow.loadBundle?.() |
|||
curWindow._initAssets = true |
|||
} |
|||
if (!curWindow._initLayout || !isSameStage) { |
|||
// console.log("不同的舞台");
|
|||
await curWindow.layout?.() |
|||
curWindow._initLayout = true |
|||
} |
|||
curWindow.onLoad && await curWindow.onLoad(); |
|||
console.log(curWindow); |
|||
console.log(windows); |
|||
console.log(stageManager); |
|||
} |
|||
}); |
|||
(async () => { |
|||
for (let i = 0; i < residentList.length; i++) { |
|||
const v = residentList[i]; |
|||
if (!v._initAssets) { |
|||
await v.loadBundle?.() |
|||
v._initAssets = true |
|||
} |
|||
if (!v._initLayout) { |
|||
await v.layout?.() |
|||
v._initLayout = true |
|||
} |
|||
v.onLoad && await v.onLoad() |
|||
} |
|||
})() |
|||
gameManager.ticker.add(async (ticker: Ticker) => { |
|||
const dt = ticker.deltaTime |
|||
if (!stageManager.curStage) return; |
|||
let curWindow = windows[stageManager.curStage.name]; |
|||
if (!curWindow.stage) return; |
|||
for (let i = 0; i < residentList.length; i++) { |
|||
const v = residentList[i]; |
|||
v.update && await v.update(dt, v.stage.label, ticker) |
|||
} |
|||
stageManager.curStage && |
|||
curWindow && |
|||
curWindow.update && |
|||
await curWindow.update(dt, curWindow.stage.label, ticker); |
|||
gameManager.render(); |
|||
stageManager.curStage && |
|||
curWindow && |
|||
curWindow.lateUpdate && |
|||
await curWindow.lateUpdate(dt, curWindow.stage.label, ticker); |
|||
for (let i = 0; i < residentList.length; i++) { |
|||
const v = residentList[i]; |
|||
v.update && await v.lateUpdate && v.lateUpdate(dt, v.stage.label, ticker) |
|||
} |
|||
}); |
|||
} |
|||
|
|||
export { |
|||
initGame, |
|||
gameManager, |
|||
stageManager, |
|||
defineWindow, |
|||
windows, |
|||
residentList, |
|||
} |
|||
@ -1,21 +0,0 @@ |
|||
import { EP } from "@/enums"; |
|||
import { IWindow } from "."; |
|||
import { Container, Ticker } from "pixi.js"; |
|||
|
|||
export abstract class PWindow implements IWindow { |
|||
components: Record<string, any>; |
|||
_type?: EP; |
|||
_initLayout?: Boolean; |
|||
_initAssets?: Boolean; |
|||
_layoutChild?: void | any[]; |
|||
stage: Container; |
|||
loader?: Loader; |
|||
changeStage?(name: string, opts?: {isHolderLast?: boolean}): void; |
|||
loadBundle?(): void; |
|||
unLoadBundle?(): void; |
|||
layout?(): void; |
|||
onLoad?(): void; |
|||
onUnLoad?(): void; |
|||
lateUpdate?(dt: number, name: string, ticker: Ticker): void; |
|||
update?(dt: number, name: string, ticker: Ticker): void; |
|||
} |
|||
@ -1,14 +1,2 @@ |
|||
export { Orientation } from './Orientation'; |
|||
export { SceneType } from './SceneType'; |
|||
|
|||
// Legacy exports for backward compatibility
|
|||
// These are maintained for existing code that uses the old enum names
|
|||
export enum EDirection { |
|||
Landscape = "landscape", |
|||
Portrait = "portrait", |
|||
} |
|||
|
|||
export enum EP { |
|||
Normal, // 普通场景 - 退出时销毁
|
|||
Resident, // 常驻场景 - 只隐藏不销毁
|
|||
} |
|||
export { Orientation } from "./Orientation"; |
|||
export { SceneType } from "./SceneType"; |
|||
|
|||
@ -1,16 +1,17 @@ |
|||
import { Orientation } from "./enums/Orientation"; |
|||
import { initApp, game, sceneManager } from "./init"; |
|||
|
|||
// 初始化应用
|
|||
setTimeout(async () => { |
|||
void (async () => { |
|||
try { |
|||
await initApp(); |
|||
game.setOrientation(Orientation.Landscape); |
|||
// 入口场景会自动由 SceneManager 发现和初始化
|
|||
// 如果你的入口场景叫 "init"，它会被自动初始化
|
|||
}, 200); |
|||
} catch (e) { |
|||
console.error("initApp failed", e); |
|||
} |
|||
})(); |
|||
|
|||
// 导出供全局调试
|
|||
if (import.meta.env.DEV) { |
|||
(window as any).game = game; |
|||
(window as any).sceneManager = sceneManager; |
|||
(window as unknown as { game: typeof game; sceneManager: typeof sceneManager }).game = game; |
|||
(window as unknown as { game: typeof game; sceneManager: typeof sceneManager }).sceneManager = |
|||
sceneManager; |
|||
} |
|||
@ -1,37 +1,39 @@ |
|||
import { defineWindow } from "@/Game"; |
|||
import { Container, Graphics } from "pixi.js"; |
|||
import { PWindow } from "@/Game/type"; |
|||
import { BaseScene } from "@/scene/BaseScene"; |
|||
import { SceneType } from "@/enums/SceneType"; |
|||
import { Container, FederatedPointerEvent, Graphics } from "pixi.js"; |
|||
|
|||
export default defineWindow("welcome2", class extends PWindow { |
|||
stage: Container = new Container(); |
|||
export default class Welcome2Scene extends BaseScene { |
|||
stage = new Container(); |
|||
|
|||
layout() { |
|||
constructor() { |
|||
super("welcome2", SceneType.Normal); |
|||
} |
|||
|
|||
layout(): void { |
|||
const circle = new Graphics(); |
|||
circle.label = "circle"; |
|||
circle.circle(0, 0, 32); |
|||
circle.fill(0xfb6a8f); |
|||
circle.x = 130; |
|||
circle.y = 300; |
|||
circle.interactive = true; |
|||
// circle.buttonMode = true;
|
|||
circle.eventMode = "static"; |
|||
circle.cursor = "pointer"; |
|||
|
|||
circle.on("touchend", () => { |
|||
const goWelcome = (_e: FederatedPointerEvent) => { |
|||
circle.x += 10; |
|||
this.changeStage("welcome") |
|||
}) |
|||
circle.on("mousedown", () => { |
|||
circle.x += 10; |
|||
// GG('0global')
|
|||
// this.changeStage("welcome")
|
|||
}) |
|||
this.stage.addChild(circle) |
|||
this.changeScene("welcome"); |
|||
}; |
|||
|
|||
circle.on("touchend", goWelcome); |
|||
circle.on("mousedown", goWelcome); |
|||
this.stage.addChild(circle); |
|||
} |
|||
onLoad() { |
|||
|
|||
onLoad(): void { |
|||
console.log("onLoad 2"); |
|||
} |
|||
onUnLoad() { |
|||
|
|||
onUnLoad(): void { |
|||
console.log("onUnLoad 2"); |
|||
} |
|||
update() { |
|||
} |
|||
}) |
|||
} |
|||
|
|||
Loading…
Reference in new issue