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); |
|||
@ -1,44 +1,45 @@ |
|||
import Button from "@/components/Button"; |
|||
import { gameManager,defineWindow, stageManager } from "@/Game"; |
|||
import { gameManager, defineWindow, stageManager } from "@/Game"; |
|||
import Sound from "@/Game/Sound"; |
|||
import { Container, Graphics, Text } from "pixi.js"; |
|||
|
|||
import Circle from "./circle" |
|||
import { PWindow } from "@/Game/type"; |
|||
import Position from "@/Game/Position"; |
|||
|
|||
|
|||
export default defineWindow("welcome", class{ |
|||
stage:Container = null |
|||
elements: Record<string, Graphics> = {} |
|||
export default defineWindow("welcome", class extends PWindow { |
|||
stage: Container = null |
|||
text: any |
|||
bindStage(stage: Container){ |
|||
this.stage = stage; |
|||
} |
|||
layout(){ |
|||
layout() { |
|||
const circle = Circle.render() |
|||
this.stage.addChild(circle) |
|||
circle.on("touchend", ()=>{ |
|||
stageManager.changeStage("welcome2") |
|||
circle.on("touchend", () => { |
|||
this.changeStage("welcome2") |
|||
}) |
|||
circle.on("mousedown", () => { |
|||
this.changeStage("welcome2") |
|||
}) |
|||
this.text = new Text("修仙人生日常") |
|||
// this.text = new Text({text: "修仙人生日常"})
|
|||
|
|||
this.stage.addChild(this.text) |
|||
const btn = Button({text: "修仙人生日常"}) |
|||
btn.on("touchend", ()=>{ |
|||
// Sound.play('my-sound');
|
|||
stageManager.changeStage("init") |
|||
// this.stage.addChild(this.text)
|
|||
const btn = new Button({ |
|||
text: "修仙人生日常", position: () => Position.get("center", "center"), click: () => { |
|||
this.changeStage("init") |
|||
} |
|||
}) |
|||
this.stage.addChild(btn) |
|||
this.stage.addChild(btn._comp) |
|||
} |
|||
onLoad(){ |
|||
onLoad() { |
|||
console.log("onLoad 1"); |
|||
} |
|||
onUnLoad(){ |
|||
onUnLoad() { |
|||
Sound.stop("my-sound") |
|||
console.log("onUnLoad 1"); |
|||
} |
|||
update(){ |
|||
this.text.x = gameManager.getInfo().width-this.text.width |
|||
this.text.y = gameManager.getInfo().height-this.text.height |
|||
update() { |
|||
// this.text.x = gameManager.getInfo().width-this.text.width
|
|||
// this.text.y = gameManager.getInfo().height-this.text.height
|
|||
// console.log(22);
|
|||
} |
|||
}) |
|||
Loading…
Reference in new issue