kevinshen56714 / create-react-phaser3-app Goto Github PK

wondering if you have a template version using functional components and hooks?

Now it can fire the event to make a game object running on the scene.
What if I want to click on a Phaser's object and can interact with React's functions or DOM ?

Hello Kevin,

Thank you for this nice demo.
Just a little question. Imagine i do some change in the "HelloWorldScene.ts" :

...

preload() {
// this.load.setBaseURL('https://labs.phaser.io')
this.load.image("logo", "/assets/sprites/phaser3-logo.png");
this.load.image("red", "/assets/particles/red.png");
this.load.audio("music", "/Sound/blaster.mp3");
}

create() {
this.music = this.add.audio("music"); // doesn't work
this.music.play(); // of course doesn't work
this.createEmitter();
}

...

The error is : "Uncaught TypeError: this.add.audio is not a function"

I can't figure out what is wrong for making the sound working.
Your help is appreciated

Hi @kevinshen56714
Thanks for the template. CRA is a bit slow on my pc. So I converted this template to use Vite.
Vite is a bit faster than webpack.

Here is repo

when run yarn build or npm run build it shows