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

save

Browse Source
This commit is contained in:
Hyun Ahn 2023-11-21 03:59:02 +09:00
parent 469659fdd2
commit ff17c51286
2 changed files with 86 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

149
src/loading-scene.ts
View File

@ -8,95 +8,96 @@ class LoadingScene extends Phaser.Scene {
}
loadLoadingScreen() {
let progressBar = this.add.graphics();
let progressBox = this.add.graphics();
progressBox.fillStyle(0x222222, 0.8);
const graphics = this.add.graphics();
let width = this.cameras.main.width;
let height = this.cameras.main.height;
graphics.lineStyle(4, 0xff00ff, 1).setDepth(10);
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 progressBar = this.add.graphics();
// let progressBox = this.add.graphics();
// progressBox.lineStyle(5, 0xff00ff, 1.0);
// progressBox.fillStyle(0x222222, 0.8);
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 width = this.cameras.main.width;
// let height = this.cameras.main.height;
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);
// let loadingText = this.make.text({
// x: width / 2,
// y: height / 2 - 50,
// text: "Loading game...",
// style: {
// font: "23px emerald",
// color: "#ffffff",
// },
// });
// loadingText.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
);
});
// 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);
this.load.on("fileprogress", (file) => {
assetText.setText("Loading asset: " + file.key);
});
// let assetText = this.make.text({
// x: width / 2,
// y: height / 2 + 50,
// text: "",
// style: {
// font: "18px emerald",
// color: "#ffffff",
// },
// });
// assetText.setOrigin(0.5, 0.5);
this.load.on("complete", () => {
progressBar.destroy();
progressBox.destroy();
loadingText.destroy();
percentText.destroy();
assetText.destroy();
});
// this.load.on("progress", (value: string) => {
// const parsedValue = parseInt(value);
// percentText.setText(parsedValue * 100 + "%");
// progressBar.clear();
// progressBar.fillStyle(0xffffff, 0.8);
// progressBar.fillRect(width / 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;
}
// isLocal() {
// return location.hostname === "localhost" ||
// location.hostname === "127.0.0.1"
// ? true
// : false;
// }
gameHeight() {
return game.config.height as number;
}
// get gameHeight() {
// return this.game.config.height as number;
// }
gameWidth() {
return game.config.width as number;
}
// get gameWidth() {
// return this.game.config.width as number;
// }
create() {
// const logoExposeSetting: number = this.isLocal ? 300 : 2000;
async create() {
// const logoExposeSetting: number = this.isLocal() ? 500 : 2000;
// this.cameras.main.fadeIn(1000, 255, 255, 255);
// setTimeout(() => {
// this.scene.start("battle");
// }, logoExposeSetting);
setTimeout(() => {
this.scene.start("battle");
}, 500);
}
}

14
src/main.ts
View File

@ -6,16 +6,25 @@ import InvertPostFX from './pipelines/invert';
const config: Phaser.Types.Core.GameConfig = {
type: Phaser.WEBGL,
parent: 'app',
backgroundColor: 'transparent',
scale: {
width: 1920,
height: 1080,
mode: Phaser.Scale.FIT
},
pixelArt: true,
pipeline: [ InvertPostFX ] as unknown as Phaser.Types.Core.PipelineConfig,
scene: [ LoadingScene, BattleScene ]
pipeline: [ InvertPostFX ] as unknown as Phaser.Types.Core.PipelineConfig
};
const game = new Phaser.Game(
Object.assign(config, {
scene: [
LoadingScene,
BattleScene,
]
})
)
const setPositionRelative = function (guideObject: any, x: number, y: number) {
if (guideObject && guideObject instanceof Phaser.GameObjects.GameObject) {
const offsetX = guideObject.width * (-0.5 + (0.5 - guideObject.originX));
@ -34,7 +43,6 @@ Phaser.GameObjects.Text.prototype.setPositionRelative = setPositionRelative;
document.fonts.load('16px emerald').then(() => document.fonts.load('10px pkmnems'));
const game = new Phaser.Game(config);
game.sound.pauseOnBlur = false;
export default game;