Ocean Run

This is a game inspired by the Offline Dinosaur Chrome with our own touch to it. In this game our unicorn cat has sunk down to the bottom of the ocean, help him swim his way out while tryng to avoid the obsticles in the water. Press spacebar to swim up to avoid the obsticles.

This was created using Phaser 3 game engine. See the project hosted live on THIS LINK

Have fun playing.

Installation

1. Clone the repository to your computer through your terminal.
2. Go to the cloned repo (cd name of repo).
3. Type npm install followed by npm run dev.
4. A localhost server should have started for you and you can access the game from there. Have fun.

Changelog

• #1 - Installed phaser and starting our learning process.
• #2 - We continued learning phaser by following Phasers own game tutorial for beginners.
• #3 - We started coding our game and tried to make the ground on the canvas to run.
• #4 - We have implemented the ground that scrolls and a ocean-background with the cat that can jump with spacebar.
• #5 - Added a score text and tried to give the game a obsticle but hasn't worked yet.
• #6 - Our obsticle is now added and working, and added more obsticles and a gamer-over.
• #7 - Continued working on score. Implemented a score text that counts up endlessly.
• #8 - Made the size of the cat a bit smaller and adjusted minor stuff.

Code Review by Simon Lindstedt and Hugo Sundberg

• New game reloads entire site
• Favicon is missing
• index.js:99 Left over console.log.
• index.js:52-58 Obsticles can be made into a seperate class.
• index.js:112-136 The moveObsticles functions could be reduced to a single function (or method on the obsticles-class). This function or method could be written in a way that allows various parameters for manipulating the obsticle-instances.
• No support for mobile
• index.js:92-94Collition with physics.add.collider can be added by looping through an array of obsticle instances.
• Hitbox could be smaller
• ``index.html:25```Better to put event listers in JS instead of inline on the html element.
• ./publicRemove unused assets.
• index.js:2Use of const or let is recommended over var.
• index.html:22Remove commented out line.

Testers

Tested by the following people:

1. Hugo Sundberg
2. Simon Lindstedt
3. Jane Doe

Tested by the following muggles (non-coders):

1. Daniel P
2. Parsa Z
3. Therese A
4. Brandon E

Created by

Gilda A Emil P