https://github.com/enriquedonaire/goku-in-the-cloud-game

https://enriquedonaire.github.io/GOKU-IN-THE-CLOUD-GAME
https://github.com/enriquedonaire/goku-in-the-cloud-game

Last synced: 7 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/enriquedonaire/goku-in-the-cloud-game
• Owner: Enriquedonaire
• Created: 2021-06-16T06:58:47.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-11-28T14:39:38.000Z (about 1 year ago)
• Last Synced: 2023-11-28T15:46:00.918Z (about 1 year ago)
• Language: HTML
• Homepage: https://enriquedonaire.github.io/GOKU-IN-THE-CLOUD-GAME
• Size: 70 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#  ☁️ 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