Image/Movement/Display updates

Author: lilyschrr

src/assets/bkg.png

@@ -4,7 +4,7 @@ import Phaser from 'phaser';
 import MainGame from './scenes/mainGame';
 import TackleBox from './scenes/tacklebox';
 import MyFish from './scenes/myfish';
-import Market from './scenes/market'
+import Market from './scenes/market';
 
 // Load style.css into our page
 import './assets/style.css';
@@ -135,7 +135,7 @@ document.getElementById('run-code').addEventListener('click', () => {
     // Restart the gameloop right now
     // Note phaser has a way to do a game loop that's probably better than this, I would look into using that instead maybe
     codeRunner.step();
-    gameLoop = setInterval(() => codeRunner.step(), gameLoopSpeed)
+    gameLoop = setInterval(() => codeRunner.step(), gameLoopSpeed);
 });
 
 

src/assets/boat.png

@@ -1,9 +1,10 @@
 import C4C from 'c4c-lib';
 import { gameLoopSpeed } from '..';
-import background from '../assets/lake-testAsset.jpg';
-import boat from '../assets/testBoat.png';
+import background from '../assets/bkg.png';
+import boat from '../assets/boat.png';
 import Phaser from 'phaser';
-import hook from '../assets/hook-testAsset.png'
+import hook from '../assets/hook-testAsset.png';
+import raccoon from '../assets/raccoon.png';
 
 export default class MainGame extends Phaser.Scene{
     constructor(){
@@ -15,6 +16,7 @@ export default class MainGame extends Phaser.Scene{
 
     preload(){
         this.load.image('background', background);
+        this.load.image('raccoon',raccoon);
         this.load.image('boat', boat);
         this.load.image('hook', hook);
 
@@ -23,19 +25,22 @@ export default class MainGame extends Phaser.Scene{
     create(){
     // Add images
         this.add.image(400, 300, 'background').setDisplaySize(800, 600);
-        this.boat = this.physics.add.sprite(400, 300, 'boat').setDisplaySize(130, 100);
+        this.raccoon = this.physics.add.sprite(400, 110, 'raccoon').setDisplaySize(115,110);
+        this.boat = this.physics.add.sprite(400, 140, 'boat').setDisplaySize(170, 60);
 
         this.boat.setCollideWorldBounds(true);
+        this.raccoon.setCollideWorldBounds(true);
 
     // C4C default text
         C4C.Editor.setText(`// Enter your code here!\n`);
 
 
     // Keyboard Input
         this.cursor = this.input.keyboard.createCursorKeys();
-  
+
     // Define functions used in the written code----------------------------
 
+    // THIS DOES NOTHING ATM
         C4C.Interpreter.define('cast', (speed) => {
             if (speed === undefined) {
                 speed = 100;
@@ -55,15 +60,21 @@ export default class MainGame extends Phaser.Scene{
 
     // Conditional logic for keyboard controls
     const speed = this.cursor.shift.isDown ? 300 : 160;
+
+        // Boat & Raccoon movement
         if (this.cursor.left.isDown) {
             this.boat.setVelocityX(-speed);
+            this.raccoon.setVelocityX(-speed);
+            this.raccoon.setFlipX(false);
         } else if (this.cursor.right.isDown) {
             this.boat.setVelocityX(speed);
+            this.raccoon.setVelocityX(speed);
+            this.raccoon.setFlipX(true);
         } else {
             this.boat.setVelocityX(0);
+            this.raccoon.setVelocityX(0);
         }
 
-    }
-
     // Functions
+}
 }