mika/pokerogue
1
0
Fork 0
mirror of https://github.com/pagefaultgames/pokerogue.git synced 2025-08-12 10:29:30 +02:00
Code Issues Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Hyun Ahn 2023-11-20 08:15:59 +09:00
parent 233e33bbed
commit 469659fdd2
3 changed files with 107 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -28,6 +28,8 @@
justify-content: center; justify-content: center;
} }
</style> </style>
<!-- favicon fix -->
<link rel="shortcut icon" href="#" />
</head> </head>
<body> <body>

103
src/loading-scene.ts Normal file
View File

@ -0,0 +1,103 @@
class LoadingScene extends Phaser.Scene {
constructor() {
super("LoadingScene");
}
preload() {
this.loadLoadingScreen();
}
loadLoadingScreen() {
let progressBar = this.add.graphics();
let progressBox = this.add.graphics();
progressBox.fillStyle(0x222222, 0.8);
let width = this.cameras.main.width;
let height = this.cameras.main.height;
let loadingText = this.make.text({
x: width / 2,
y: height / 2 - 50,
text: "Loading...",
style: {
font: "20px emerald",
color: "#ffffff",
},
});
loadingText.setOrigin(0.5, 0.5);
let percentText = this.make.text({
x: width / 2,
y: height / 2,
text: "0%",
style: {
font: "18px emerald",
color: "#ffffff",
},
});
percentText.setOrigin(0.5, 0.5);
let assetText = this.make.text({
x: width / 2,
y: height / 2 + 50,
text: "",
style: {
font: "18px monospace",
color: "#ffffff",
},
});
assetText.setOrigin(0.5, 0.5);
this.load.on("progress", (value: string) => {
const parsedValue = parseInt(value);
percentText.setText(parsedValue * 100 + "%");
progressBar.clear();
progressBar.fillStyle(0xffffff, 0.8);
progressBar.fillRect(
this.gameWidth / 2 - 160,
280,
300 * parsedValue,
30
);
});
this.load.on("fileprogress", (file) => {
assetText.setText("Loading asset: " + file.key);
});
this.load.on("complete", () => {
progressBar.destroy();
progressBox.destroy();
loadingText.destroy();
percentText.destroy();
assetText.destroy();
});
}
isLocal() {
return location.hostname === "localhost" ||
location.hostname === "127.0.0.1"
? true
: false;
}
gameHeight() {
return game.config.height as number;
}
gameWidth() {
return game.config.width as number;
}
create() {
// const logoExposeSetting: number = this.isLocal ? 300 : 2000;
// this.cameras.main.fadeIn(1000, 255, 255, 255);
// setTimeout(() => {
// this.scene.start("battle");
// }, logoExposeSetting);
}
}
export default LoadingScene;

3
src/main.ts
View File

@ -1,5 +1,6 @@
import Phaser from 'phaser'; import Phaser from 'phaser';
import BattleScene from './battle-scene'; import BattleScene from './battle-scene';
import LoadingScene from './loading-scene';
import InvertPostFX from './pipelines/invert'; import InvertPostFX from './pipelines/invert';
const config: Phaser.Types.Core.GameConfig = { const config: Phaser.Types.Core.GameConfig = {
@ -12,7 +13,7 @@ const config: Phaser.Types.Core.GameConfig = {
}, },
pixelArt: true, pixelArt: true,
pipeline: [ InvertPostFX ] as unknown as Phaser.Types.Core.PipelineConfig, pipeline: [ InvertPostFX ] as unknown as Phaser.Types.Core.PipelineConfig,
scene: [ BattleScene ] scene: [ LoadingScene, BattleScene ]
}; };
const setPositionRelative = function (guideObject: any, x: number, y: number) { const setPositionRelative = function (guideObject: any, x: number, y: number) {