Giter Club home page Giter Club logo

deathstar's Introduction

Death Star

Descripción

Mini descripción del proyecto.

El player deberá defender el imperio impidiendo que naves de la resistencia y asteroides lleguen a la estrella de la muerte.

MVP - Tecnología (DOM - CANVAS)

Definición del MVP.

El jugador deberá impedir colisiones destruyendo enemigos dirigidos a su posición (centro del canvas).

Backlog

  • Asteroides
  • Fragmentación de asteroides
  • Energía del player
  • Campo de fuerza del player
  • Ranking

Estructuras de Datos

Definicion de clases y métodos.

class PLayer {

  • this.canvas
  • this.lives
  • this.rotation
  • this.speed
  • this.size
  • this.ctx
  • draw()
  • update()
  • checkColitionEnemy()
  • loseLive()
  • }

class Enemie1{

  • this.canvas
  • this.lives
  • this.x
  • this.y
  • this.speed
  • this.size
  • this.ctx
  • draw()
  • update()
  • checkColitionEnemy()
  • checkColitionBullet()
  • }

class Enemie2 extends Enemie1{}

class Bullet{

  • this.canvas
  • this.x
  • this.y
  • this.color
  • this.colition
  • this.speed
  • this.size
  • this.ctx
  • draw()
  • update()
  • checkColitionEnemy()
  • }

class Game{

  • this.canvas
  • this.ctx
  • this.player
  • this.enemies
  • this.isGameOver
  • startLoop()
  • updateCanvas()
  • clearCanvas()
  • checkAllCollitions()
  • gameOverCallback()
  • }

States y States Transitions

Definicion del las transiciones del juego y del main.

  • splashScreen
  • gameScreen
  • gameoverScreen

funciones de transicion.

  • buildDom()
  • buildSplashScreen()
  • buidGameScreen()

Task

Definicion de las tareas por orden de prioridad

  • Crear repositorio y ficheros (player.js, enemy.js, game.js, index.html, style.css).
  • Layouts e interacciones.
  • Crear game.
  • Crear loop.
  • Loop testing.
  • Crear player.
  • Pintar player en canvas.
  • Rotation del player.
  • Crear enemies / Mover enemies.
  • Random de enemies.
  • Colisión de enemies con player.
  • Crear bullet.
  • Pintar bullet en canvas / Trayectoria de bullet.
  • Colisión de bullet con enemies (viceversa).

Links

Git

Especificar las url del proyecto y del deploy

Link Repositorio

Link Deploy

Slides.com

Especificar la url de la presentacion

Link Slides.com

Instrucciones del juego

Al finalizar el juego generar las instrucciones

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.