https://github.com/lupemorales/paw-paw

Ayuda al cachorrito a encontrar su hueso. Juego 2D
https://github.com/lupemorales/paw-paw

canvas-game responsive-design vanilla-js

Last synced: 23 days ago
JSON representation

Ayuda al cachorrito a encontrar su hueso. Juego 2D

• Host: GitHub
• URL: https://github.com/lupemorales/paw-paw
• Owner: lupeMorales
• License: mit
• Created: 2023-06-28T14:20:02.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-07-04T14:56:24.000Z (over 1 year ago)
• Last Synced: 2024-11-18T11:25:18.341Z (3 months ago)
• Topics: canvas-game, responsive-design, vanilla-js
• Language: JavaScript
• Homepage: https://lupemorales.github.io/paw-paw/
• Size: 57.4 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![paw paw](./src/images/logo.png)

# Paw Paw  |      Demo  | 

    

Ayuda al cachorrito a encontrar su hueso favorito.

Paw Paw es un juego en 2d que consiste en guiar a un cachorrito a través del teclado o mediante los botones de la interfaz hasta su hueso. ¡Cuidado! no te choques con los arbustos o perderás vida.

## Especificaciones:

1. Si el cachorrito choca vuelve a la posición inicial en el nivel actual.

2. Si el cachorrito se choca 3 veces pirde todas las vidas y termina el juego.

3. Si el cachorrito alcanza el hueso se sube de nivel

4. Cuando terminan todos los niveles mostrar mensaje y ofrecer la occión de volver a jugar.

5. Mostrar por pantalla el mejor tiempo.

6. Morstrar en pantalla si se bate record.

### View:

![Desktop](./src/images/paw-paw-views.png)

### Video-demo

![](./src/images/pawpaw-crash.gif)

![](./src/images/pawpaw.mp4)

## Instalación:

Para abrir el proyecto desde tu ordenador no olvides seguir estos pasos:

```

$ git clone https://github.com/lupeMorales/paw-paw

$ cd ../path/to/the/file

$npm install

$npm start

```

## Recursos



 Fancy Border Radius  Generador de formas orgánicas con ayuda de la propiedad de CSS3 border-radius.


  Canvas Tutorial. Tutorial para empezar a usar el elemento canvas y poder dibujar en 2d


                


## Contacto

- [Webside](https://lupemorales.github.io/portfolio/)

- GitHub [@lupeMorales](https://github.com/lupeMorales )

- Linkedin [@GuadalupeMoralesCarmona](https://linkedin.com/in/guadalupe-morales-carmona-817245226/ )