Merge branch 'master' of https://github.com/photonstorm/phaser3-examples

Author: photonstorm

public/assets/bugs/cloud.png

@@ -0,0 +1,28 @@
+var config = {
+    type: Phaser.AUTO,
+    parent: 'phaser-example',
+    width: 800,
+    height: 600,
+    scene: {
+        preload: preload,
+        create: create
+    }
+};
+
+var game = new Phaser.Game(config);
+
+function preload ()
+{
+    this.load.audio('synth1', [
+        'assets/audio/tech/synth1.ogg',
+        'assets/audio/tech/synth1.mp3'
+    ]);
+}
+
+function create ()
+{
+    var sound1 = this.sound.add('synth1', { loop: true });
+    var sound2 = this.sound.add('synth1', { loop: true });
+
+    sound1.play();
+}

public/assets/bugs/mask.png

@@ -0,0 +1,43 @@
+class Scene extends Phaser.Scene
+{
+    constructor()
+    {
+        super();
+    }
+
+    preload()
+    {
+        this.load.image("cloud", "assets/bugs/cloud.png");
+        this.load.image("mask", "assets/bugs/mask.png");
+    }
+
+    create()
+    {
+        this.cameras.main.setBackgroundColor(0xA9D4C9);
+
+        this.add.image(400, 280, "cloud");
+
+        const cloud2 = this.add.image(400, 300 + 100, "cloud");
+
+        const mask = this.make.image({
+            x: 400,
+            y: 500,
+            key: 'mask',
+            add: false
+        });
+
+        cloud2.mask = new Phaser.Display.Masks.BitmapMask(this, mask);
+
+        cloud2.mask.invertAlpha = true;
+    }
+}
+
+const config = {
+    type: Phaser.AUTO,
+    parent: 'phaser-example',
+    width: 800,
+    height: 600,
+    scene: Scene
+}
+
+new Phaser.Game(config);

public/build/dev.js

@@ -0,0 +1,24 @@
+var config = {
+    type: Phaser.AUTO,
+    parent: 'phaser-example',
+    width: 800,
+    height: 600,
+    scene: {
+        preload: preload,
+        create: create
+    }
+};
+
+var game = new Phaser.Game(config);
+
+function preload ()
+{
+    this.load.audio('sfx', [ 'assets/audio/stage_sfx2.mp3' ]);
+}
+
+function create ()
+{
+    var sound1 = this.sound.add('sfx');
+
+    sound1.play();
+}