Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/miguelmallquidiaz/miscritspon

¡Bienvenido! Este proyecto es el resultado de lo que se aprendió en el Curso de Programación Básica de Platzi, donde se crea un divertido videojuego utilizando HTML. JavaScript, CSS y Node.js
https://github.com/miguelmallquidiaz/miscritspon

game hmtl-css-javascript nodejs

Last synced: about 23 hours ago
JSON representation

¡Bienvenido! Este proyecto es el resultado de lo que se aprendió en el Curso de Programación Básica de Platzi, donde se crea un divertido videojuego utilizando HTML. JavaScript, CSS y Node.js

Awesome Lists containing this project

README

        

# Platzi Curso de Programacion Básica 🎮

¡Bienvenido! Este proyecto es resultado del aprendizaje en el curso de Programación Básica de Platzi, donde se desarrolló un videojuego.

https://miguelmallquidiaz.github.io/miscritspon/

## Estructura ✅
Para este videojuego se utilizó Javascript para implementar la lógica y la manipulación del DOM, se utilizó CSS para darle diseño y que sea responsive. También se utilizó Node.js para que se pueda jugar online en la misma red local.

## Instrucciones📜
- En el juego solo se habilitó el modo offline contra la máquina.
- Debes seleccionar una criatura para la batalla.
- En el mapa debes utilizar las flechas para moverte y elegir a tu oponente.
- Una vez en combate debes seleccionar tus habilidades para ganarle.

## Captura de pantalla: 🚀

![Selecionar criatura](https://github.com/miguelmallquidiaz/Platzi-programacion-basica/blob/main/img/selecionar-criatura.PNG)

![Mapa](https://github.com/miguelmallquidiaz/Platzi-programacion-basica/blob/main/img/mapa.PNG)

![Batalla](https://github.com/miguelmallquidiaz/Platzi-programacion-basica/blob/main/img/mobile.PNG)

## Instalación para modo online

Se utilizo node para crear un juego multijugador desde una red wifi local

- Cambiar al archivo de html a `miscrits-online.js`
- Poner todos los archivos en la carpeta public index, css, javascript y assets
- Cambiar el pueto a tu ip de red en el js
- ejecutar el servidor `node index.js`

![Selecionar criatura](https://github.com/miguelmallquidiaz/Platzi-programacion-basica/blob/main/img/online-selecionar-criatura.PNG)

![Mapa](https://github.com/miguelmallquidiaz/Platzi-programacion-basica/blob/main/img/online-mapa.PNG)

![Batalla](https://github.com/miguelmallquidiaz/Platzi-programacion-basica/blob/main/img/batalla-online.PNG)

## Agradencimiento 🎉
- Agradecemos a los profesores por su dedicación y enseñanza invaluable.
- A la comunidad de Discord de Miscrits, donde saqué imágenes del Fan Art.