18 changed files with 610 additions and 300 deletions
Binary file not shown.
|
After Width: | Height: | Size: 317 KiB |
@ -0,0 +1,29 @@ |
|||
{ |
|||
"bundles":[ |
|||
{ |
|||
"name":"load-screen", |
|||
"assets":[ |
|||
{ |
|||
"alias":"cbg", |
|||
"src":"/controller_prompt_bg.png" |
|||
}, |
|||
{ |
|||
"alias":"bg", |
|||
"src":"/bg.png" |
|||
}, |
|||
{ |
|||
"alias":"dnf", |
|||
"src":"https://www.kkkk1000.com/images/learnPixiJS-AnimatedSprite/dnf.png" |
|||
}, |
|||
{ |
|||
"alias":"btn-bg", |
|||
"src":"/assets/images/button_square_depth_gloss.png" |
|||
}, |
|||
{ |
|||
"alias":"btn-bg-press", |
|||
"src":"/assets/images/button_square_depth_gradient.png" |
|||
} |
|||
] |
|||
} |
|||
] |
|||
} |
|||
@ -0,0 +1,45 @@ |
|||
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) |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,21 @@ |
|||
import { EP } from "@/enmu"; |
|||
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,21 +1,32 @@ |
|||
import { Assets } from "pixi.js"; |
|||
import { EDirection } from "./enmu"; |
|||
import { gameManager, initGame, stageManager, windows } from "./Game"; |
|||
import { addSound } from "./Game/Sound"; |
|||
import { gameManager, initGame, stageManager } from "./Game"; |
|||
import Game from "./Game/Game"; |
|||
import { initAssets } from "./Game/Assets"; |
|||
|
|||
gameManager.loader |
|||
// .add("my-sound", "/bg.mp3", (e) => addSound(e)) // 背景音乐
|
|||
.add("bg", "/bg.png") // 背景图片
|
|||
.add("dnf", "https://www.kkkk1000.com/images/learnPixiJS-AnimatedSprite/dnf.png") // 背景图片
|
|||
.add("btn-bg", "/assets/images/button_square_depth_gloss.png") // 背景图片
|
|||
.add("btn-bg-press", "/assets/images/button_square_depth_gradient.png") // 背景图片
|
|||
.load(); |
|||
// gameManager.loader
|
|||
// // .add("my-sound", "/bg.mp3", (e) => addSound(e)) // 背景音乐
|
|||
// .add("bg", "/bg.png") // 背景图片
|
|||
// .add("dnf", "https://www.kkkk1000.com/images/learnPixiJS-AnimatedSprite/dnf.png") // 背景图片
|
|||
// .add("btn-bg", "/assets/images/button_square_depth_gloss.png") // 背景图片
|
|||
// .add("btn-bg-press", "/assets/images/button_square_depth_gradient.png") // 背景图片
|
|||
// .load();
|
|||
|
|||
gameManager.loader.onProgress.add((loader) => { |
|||
console.log(loader.progress); |
|||
}); |
|||
gameManager.loader.onComplete.once((loader) => { |
|||
console.log(loader.resources); |
|||
// gameManager.loader.onProgress.add((loader) => {
|
|||
// console.log(loader.progress);
|
|||
// });
|
|||
// gameManager.loader.onComplete.once((loader) => {
|
|||
// console.log(loader.resources);
|
|||
// initGame();
|
|||
// gameManager.setDirection(EDirection.Landscape);
|
|||
// stageManager.initStage("init");
|
|||
// });
|
|||
|
|||
setTimeout(() => { |
|||
;(async ()=>{ |
|||
await initAssets(); |
|||
await Game.getInstance().init() |
|||
initGame(); |
|||
gameManager.setDirection(EDirection.Landscape); |
|||
stageManager.initStage("init"); |
|||
}); |
|||
})() |
|||
}, 200); |
|||
Loading…
Reference in new issue