Ourcade
Phaser 3

Official Examples

TypeScript

Resources
Articles
Videos
Templates
Learn Phaser 3 Roadmap
  Courses
Memory Match Extras
SceneA.ts SceneB.ts SceneC.ts index.html main.ts
Phaser v3.24.1

  • Phaser 3

  • TypeScript

  • Audio

  • Html5 Audio

  • Play Audio From Child Scene

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
import Phaser from 'phaser'
 
export default class SceneA extends Phaser.Scene
{
    constructor()
    {
        super('sceneA')
    }
 
    preload()
    {
        this.load.audio('jungle', [
            '/assets/audio/jungle.ogg',
            '/assets/audio/jungle.mp3'
        ])
 
        this.load.image('wizball','/assets/sprites/wizball.png')
 
        this.load.bitmapFont('atari-classic','/assets/fonts/bitmap/atari-classic.png','/assets/fonts/bitmap/atari-classic.xml')
    }
 
    create()
    {
        console.log('SceneA');
 
        const text = this.add.bitmapText(400, 100, 'atari-classic', '', 30)
            .setOrigin(0.5)
 
        this.add.image(400, 300, 'wizball')
        
        text.setText('Tap to unlock\nand play music')
        this.input.on(Phaser.Input.Events.POINTER_UP, () => {