Remake of classic Miniclip game, bubble trouble. (https://www.miniclip.com/games/bubble-trouble/en/). Bubbles bounce towards you and you need to safely pop them with you trusty weapon, the spiderweb gun. Bigger the bubbles more pops it takes to kill them. Collide or run out of time 3 times and game will be over. You advance through levels from 1 onwards for successfully accomplishing your mission.
CANVAS, 1 level, proper screen collisions and collision detection. Splash screen -> Game screen -> Endgame screen loop working, each screen working functionally.
- Bubble collision on side walls
- Loading screen
- Score
- Level 2 --> Level x
- Dark Mode
- Multiplayer
- Autopilot
function buildSplashScreen(){};
function buildGameScreen(){};
function buildEndgameScreen(){};
function restartGame(){};
function Player() {
//Lives
this.lives;
//Bullets
//shoot();
// move();
// screenCollision();
}
Player.prototype.draw(){}
Player.prototype.move(){}
Player.prototype.shoot(){}
Player.prototype.screenCollision();
function Game() {
//Players
//Bubbels
//Bullets
//Structures
//Levels
//detectCollision();
// updateScore();
//updateState(); Bubbles, players, bullets, etc etc etc
}
Game.prototype.startLoop(){}
Game.prototype.checkCollision(){}
Game.prototype.updateLevel(){}
Game.prototype.clearCanvas(){}
Game.prototype.updateGame(){}
Game.prototype.updateCanvas(){}
Game.prototype.goToGameOver(){}
Game.prototype.removePlayerLife();
Game.prototype.handleBubblePop();
function Bullets() {
//speed
this.speed;
//direction
this.direction
//collision
//special effects (?)
}
Bullets.prototype.draw()
function Bubbles {
//Size/"Lives"
this.size;
// (x,y)
// screenCollision()
// movement()
}
Bubbles.prototype.move();
Bubbles.prototype.changeDirection();
Bubbles.prototype.draw();
Bubbles.prototype.checkCollision();
- splashScreen()
- buildSplash()
- addEventListener(startGame)
- startGame()
function buildGameScreen(){};
- gameOver()
- function buildEndgameScreen(){};
- addEventListener(startGame)