Initial submarine controls

Co-authored-by: ceddy6 <ceddy6@users.noreply.github.com>
Co-authored-by: wgilmour@hotmail.co.uk <wgilmour@hotmail.co.uk>

src/scripts/game.ts

@@ -20,7 +20,7 @@ const config = {
     default: 'arcade',
     arcade: {
       debug: false,
-      gravity: { y: 400 }
+      gravity: { y: 0 }
     }
   }
 }

src/scripts/objects/Submarine.ts

@@ -0,0 +1,47 @@
+export default class Submarine extends Phaser.Physics.Arcade.Sprite {
+  // Constructor for submarine
+  constructor(scene, x, y) {
+    // Create submarine
+    super(scene, x, y, 'submarine')
+    scene.add.existing(this)
+    scene.physics.add.existing(this)
+
+    // Set physics params
+    this.body.setMass(100)
+    this.setDamping(true)
+    this.setDrag(0.25)
+    this.setMaxVelocity(200)
+    this.setCollideWorldBounds(false)
+  }
+
+  // Update loop - game physics tbc
+  update(cursors: Phaser.Types.Input.Keyboard.CursorKeys) {
+    // X direction - assume no key pressed
+    let somethingDownX = false
+    // Check for left and right keys
+    if (cursors.left.isDown) {
+      somethingDownX = true
+      this.setAccelerationX(-100)
+      this.setFlip(true, false)
+    } else if (cursors.right.isDown) {
+      somethingDownX = true
+      this.setAccelerationX(100)
+      this.setFlip(false, false)
+    }
+    // If still no key pressed, set horizontal acceleration to 0
+    if (!somethingDownX) this.setAccelerationX(0)
+
+    // Y direction - assume no key pressed
+    let somethingDownY = false
+    // Check for up and down keys
+    if (cursors.up.isDown) {
+      somethingDownY = true
+      this.setAccelerationY(-100)
+    } else if (cursors.down.isDown) {
+      somethingDownY = true
+      this.setAccelerationY(100)
+    }
+    // If still no key pressed, set vertical acceleration to 0
+    if (!somethingDownY) this.setAccelerationY(0)
+  }
+}

src/scripts/scenes/mainScene.ts

@@ -1,15 +1,17 @@
-import PhaserLogo from '../objects/phaserLogo'
+import Submarine from '../objects/Submarine'
 import FpsText from '../objects/fpsText'
 
 export default class MainScene extends Phaser.Scene {
-  fpsText
+  fpsText: FpsText
+  cursor: Phaser.Types.Input.Keyboard.CursorKeys
+  submarine: Submarine
 
   constructor() {
     super({ key: 'MainScene' })
   }
 
   create() {
-    new PhaserLogo(this, this.cameras.main.width / 2, 0)
+    this.submarine = new Submarine(this, this.cameras.main.width / 2, 0)
     this.fpsText = new FpsText(this)
 
     // display the Phaser.VERSION
@@ -19,9 +21,11 @@ export default class MainScene extends Phaser.Scene {
         fontSize: '24px'
       })
       .setOrigin(1, 0)
+    this.cursor = this.input.keyboard.createCursorKeys()
   }
 
   update() {
+    this.submarine.update(this.cursor)
     this.fpsText.update()
   }
 }

src/scripts/scenes/preloadScene.ts

@@ -4,7 +4,7 @@ export default class PreloadScene extends Phaser.Scene {
   }
 
   preload() {
-    this.load.image('phaser-logo', 'assets/img/phaser-logo.png')
+    this.load.image('submarine', 'assets/img/submarine.png')
   }
 
   create() {