GitHub - LlurensMartinez/Project1-ArkanoidRemake: Mi primer proyecto en Ironhack

Branches Tags

Name		Name	Last commit message	Last commit date
Latest commit History 27 Commits
audio		audio
images		images
ball.js		ball.js
bloque.js		bloque.js
bloque2.js		bloque2.js
fondo.jpg		fondo.jpg
game.js		game.js
index.html		index.html
main.js		main.js
player.js		player.js
readme.txt		readme.txt
style.css		style.css

Repository files navigation

<<<<<<< HEAD

# NOMBRE POR DEFENIR

## DESCRIPCIÓN

En mi proyercto voy a intentar recrear un clasico de los 80 que todos conocéis llamado Arcanoid. 
Todo un reto para un desarrollador noob ;).

## MVP - Tecnología (DOM - CANVAS)

Para este proyecto voy a utilizar tecnología Canvas.


## BACKLOG

- Añadir imagenes

- Añadir name

- Añadir time

- Añadir poderes

- Separar pantalla YOU WIN de YOU LOSE





## ESTRUCTURAS DE DATOS

MAIN:
     main.js:
        
        - build()
        - build splash()
        - build gameover screen()
        

GAME:
     game.js:
     
        - startloopfuntcion()
        - this.player
        - onGameOver()
        - loop ()
        - update ()
        - draw ()
        - this.ball
        - clear ()
        
     
     player.js:
        
        - vidas()
        - this.x
        - this.y
        - this.size
        - this.velocity
        - this.canvas
        - this.ctx
        - speed()
        - checkColision()
        - draw()
        - update()
        - clear()
      
      
     ball.js:
        - this.velocity
        - speed()
        - colision()
        - this.canvas
        - this.ctx
        - this.x
        - this.y
        - this.size
        - draw ()
        - update ()
        - clear ()
        
        
     bloque.js:
        - colsion()
        - this.x
        - this.y
        - this.canvas
        - this.ctx
        - this.size
        - draw ()
        - update()
        - clear ()
       
       
## STATES Y STATES TRANSITION


splashScreen => gameScreen => gameOverScreen => gameScreen


FUNCIONES DE TRANSICION

## Task

- Crear Archivos main.js, game.js, player.js, ball.js, bloque.js    

- Crear las transiciones entre pantallas (Splash, Game y Game Over)   

- Crear el loop para las transiciones. (build(), buildSplashScreen(), buildGameOverScreen())  

- Crear Class game.js y declarar todas sus funciones
      
      - Funcion para empezar loop
      
      - This.player
      
      - Dibujar escenario
      
      - Update and clear
      
      - Desclara funcion OnGameOver()
      
      

- Crear Class Player (player.js)

      -  Dibujar rectangulo

      -  Añadir Velocidad
      
      -  Añadir posicion
      
      -  Añadir colision
      
      -  Update and  clear
      

- Crear Class Ball (ball.js)

     -  Dibujar esfera

     -  Añadir Velocidad esfera
      
     -  Añadir posicion esfera
      
     -  Añadir colision esfera
      
     -  Update and clear


- Crear Class bloque (bloque.js)

     - Dibujar bloque
     
     - Añadir posicion
     
     - Añadir colision
     
     - Update and clear
     





## LINKS

### Trello

[Link url](https://trello.com)



### Git

=======
# NOMBRE POR DEFENIR

## DESCRIPCIÓN

En mi proyercto voy a intentar recrear un clasico de los 80 que todos conocéis llamado Arcanoid. 
Todo un reto para un desarrollador noob ;).

## MVP - Tecnología (DOM - CANVAS)

Para este proyecto voy a utilizar tecnología Canvas.


## BACKLOG

- Añadir imagenes

- Añadir name

- Añadir time

- Añadir poderes

- Separar pantalla YOU WIN de YOU LOSE





## ESTRUCTURAS DE DATOS

MAIN:
     main.js:
        
        - build()
        - build splash()
        - build gameover screen()
        

GAME:
     game.js:
     
        - startloopfuntcion()
        - this.player
        - onGameOver()
        - loop ()
        - update ()
        - draw ()
        - this.ball
        - clear ()
        
     
     player.js:
        
        - vidas()
        - this.x
        - this.y
        - this.size
        - this.velocity
        - this.canvas
        - this.ctx
        - speed()
        - checkColision()
        - draw()
        - update()
        - clear()
      
      
     ball.js:
        - this.velocity
        - speed()
        - colision()
        - this.canvas
        - this.ctx
        - this.x
        - this.y
        - this.size
        - draw ()
        - update ()
        - clear ()
        
        
     bloque.js:
        - colsion()
        - this.x
        - this.y
        - this.canvas
        - this.ctx
        - this.size
        - draw ()
        - update()
        - clear ()
       
       
## STATES Y STATES TRANSITION


splashScreen => gameScreen => gameOverScreen => gameScreen


FUNCIONES DE TRANSICION

## Task

- Crear Archivos main.js, game.js, player.js, ball.js, bloque.js    

- Crear las transiciones entre pantallas (Splash, Game y Game Over)   

- Crear el loop para las transiciones. (build(), buildSplashScreen(), buildGameOverScreen())  

- Crear Class game.js y declarar todas sus funciones
      
      - Funcion para empezar loop
      
      - This.player
      
      - Dibujar escenario
      
      - Update and clear
      
      - Desclara funcion OnGameOver()
      
      

- Crear Class Player (player.js)

      -  Dibujar rectangulo

      -  Añadir Velocidad
      
      -  Añadir posicion
      
      -  Añadir colision
      
      -  Update and  clear
      

- Crear Class Ball (ball.js)

     -  Dibujar esfera

     -  Añadir Velocidad esfera
      
     -  Añadir posicion esfera
      
     -  Añadir colision esfera
      
     -  Update and clear


- Crear Class bloque (bloque.js)

     - Dibujar bloque
     
     - Añadir posicion
     
     - Añadir colision
     
     - Update and clear
     





## LINKS

### Trello

[Link url](https://trello.com)



### Git

>>>>>>> 92b2f50a925178ed8a4989e44f3d4d4d1e22d88f
Especificar las url del proyecto y del deploy

[Link Repositorio](http://github.com)

[Link Deploy](http://github.com)
<<<<<<< HEAD



=======



>>>>>>> 92b2f50a925178ed8a4989e44f3d4d4d1e22d88f
### Slides.com

Especificar la url de la presentacion

[Link Slides.com](http://slides.com)




## Instrucciones del juego 

<<<<<<< HEAD
Al finalizar el juego generar las instrucciones
=======
Al finalizar el juego generar las instrucciones
>>>>>>> 92b2f50a925178ed8a4989e44f3d4d4d1e22d88f