misc phaser

client/src/components/phaser.combat.js

@@ -5,7 +5,7 @@ class PhaserCombat extends Phaser.Scene {
         /* Static Images */
         this.load.image('sky', 'http://labs.phaser.io/assets/skies/nebula.jpg');
         this.load.image('proj', 'http://labs.phaser.io/assets/sprites/bullet.png');
-        this.load.image('red', 'http://labs.phaser.io/assets/particles/red.png');
+        this.load.image('blue', 'http://labs.phaser.io/assets/particles/blue.png');
         this.load.image('alk', 'https://i.imgur.com/RFP8Pfz.png');
         this.load.image('magmar', 'https://i.imgur.com/CBNokzR.png');
         /* Spritesheets */
@@ -35,17 +35,15 @@ class PhaserCombat extends Phaser.Scene {
     }
 
     createProj() {
+        this.combat = true;
         this.proj = this.physics.add.image(-100, 300, 'proj');
-        const particles = this.add.particles('red');
+        const particles = this.add.particles('blue');
         this.emitter = particles.createEmitter({
-            speed: 100,
+            speed: 25,
             scale: { start: 1, end: 0 },
             blendMode: 'ADD',
         });
         this.emitter.startFollow(this.proj);
-    }
-
-    createColliders() {
         this.physics.add.overlap(this.proj, this.players, this.explode, null, this);
     }
 
@@ -69,21 +67,17 @@ class PhaserCombat extends Phaser.Scene {
 
     shootRight() {
         if (!this.combat) {
-            this.combat = true;
             this.createProj();
-            this.createColliders();
             this.proj.x = 180;
-            this.proj.setVelocity(150, 0);
+            this.proj.setVelocity(250, 0);
         }
     }
 
     shootLeft() {
         if (!this.combat) {
-            this.combat = true;
             this.createProj();
-            this.createColliders();
-            this.proj.x = 450;
-            this.proj.setVelocity(-150, 0);
+            this.proj.x = 400;
+            this.proj.setVelocity(-250, 0);
         }
     }
 

client/src/components/phaser.container.jsx

@@ -35,7 +35,7 @@ class PhaserInstance extends preact.Component {
     // now mounted, can freely modify the DOM:
         this.PhaserCombat = new PhaserCombat();
         const config = {
-            type: Phaser.AUTO,
+            type: Phaser.DOM.FILL,
             width: 600,
             height: 400,
             parent: 'phaser-example',