Giter Site home page Giter Site logo

soot-escape's Introduction

Soot Escape

Description

A dust ball that tries to pass through an old building structure to get out.

MVP (DOM - CANVAS)

A ball that will keep falling and the player has to lift it up so it can pass through the wholes in the columns as it advances automatically. If the ball hits a column, it will lose one life until the game is over.

Backlog

The game will keep score of the player and he will level up, increasing the game’s difficulty.

Data structure

Main file

  • buildDom
  • createGameStartScreen
  • createGameScreen
  • createGameOverScreen

Game Constructor

Properties

  • player
  • obstacles
  • level
  • score

Methods

  • isGameOver
  • startGame
  • checkCollision
  • checkLives
  • updateScore
  • changeLevel
  • gameOver

Player Constructor

Properties

  • x position
  • y position
  • width
  • height
  • image
  • direction
  • speed
  • lives

Methods

  • draw
  • move
  • updateLives

Obstacle Constructor

Properties

  • x position
  • y position
  • width
  • height
  • image
  • speed

Methods

  • move
  • draw

States y States Transitions

gameStartScreen

  • Start the game
  • Goes to smash game when Start button is clicked

gameScreen

  • Game running
  • Lives += 0
  • When lives reach 0, goes to Game Over Screen

gameOverScreen

  • Shows Game Over message, score and Retry button
  • Goes back to Game Screen when Retry button is clicked

Task

To Do

  • Create Files
  • Connect Files
  • Setup git & GitHub
  • Create 3 screens
  • Create screen transitions
  • Create game constructor
  • Create loop
  • Create player
  • Create obstacles
  • Draw obstacles
  • Move obstacles
  • Move player
  • Check Collisions
  • Check game over condition

Backlog

  • Create score counter
  • Add images
  • Create level modification
  • Pause game and show level change
  • Add music

Links

Trello

Slides

soot-escape's People

Contributors

inkala avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.