☁️ Goku in the Cloud ☁️

https://enriquedonaire.github.io/GOKU-IN-THE-CLOUD-GAME 🐉

Technologies ⚙️ :

HTML5

CSS3

BEM

JavaScript

Description:

Goku in the Cloud is a game inspired by the famous Japanese cartoon dragon ball, where the player must fly horizontally across the stage looking for the seven spheres of the Dragon, for this he must dodge enemies and other objects without being touched by anything. this way the player will get points every time he dodges something and five points if he finds a sphere. The game ends when goku finds the seven spheres or when he is touched by a Enemies.

MVP (DOM - CANVAS)

The game has 1 player who flies horizontally on board in a flying cloud.

Enemies fly against him.

The player must dodge all the enemies in front of him by moving up or down.

The player will earn 1 points when he finds a Sphere.

If the player finds all 7 spheres, the player wins.

If Goku is touched by an enemy more than 3 times, it's game over.

Backlog

Add the ability to shoot blast.

To be able to choose other characters from the Cartoon (Vegeta, Gohan, etc).

Each sphere found increases the difficulty.

Data Structure

main.js 🐉

BuildSplashScreen() {}

BuildGameScreen() {}

BuildGameOverScreen(){}

BuildWinScreen(){}

game.js

Game() {}

starLoop() {}

checkCollisions() {}

addEnemies() {}

clearCanvas() {}

updateCanvas() {}

draw() {}

GameOver() {}

Task

main - buildDom

main - buildSplashScreen

main - addEventListener

main - buildGameScreen

main - buildGameOverScreen

game - startLoop

game - buildCanvas

game - updateCanvas

game - drawCanvas