You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
2.3 KiB
43 lines
2.3 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "c40a698395ee5102715f7880bba3f2e7",
|
|
"translation_date": "2025-08-24T12:26:17+00:00",
|
|
"source_file": "6-space-game/README.md",
|
|
"language_code": "es"
|
|
}
|
|
-->
|
|
# Construye un Juego Espacial
|
|
|
|
Un juego espacial para aprender fundamentos más avanzados de JavaScript
|
|
|
|
En esta lección aprenderás a construir tu propio juego espacial. Si alguna vez has jugado al juego "Space Invaders", este juego tiene la misma idea: controlar una nave espacial y disparar a los monstruos que descienden desde arriba. Así es como se verá el juego terminado:
|
|
|
|
|
|
|
|
En estas seis lecciones aprenderás lo siguiente:
|
|
|
|
- **Interactuar** con el elemento Canvas para dibujar cosas en una pantalla
|
|
- **Entender** el sistema de coordenadas cartesianas
|
|
- **Aprender** el patrón Pub-Sub para crear una arquitectura de juego sólida, más fácil de mantener y ampliar
|
|
- **Aprovechar** Async/Await para cargar recursos del juego
|
|
- **Manejar** eventos del teclado
|
|
|
|
## Descripción general
|
|
|
|
- Teoría
|
|
- [Introducción a la creación de juegos con JavaScript](1-introduction/README.md)
|
|
- Práctica
|
|
- [Dibujando en el canvas](2-drawing-to-canvas/README.md)
|
|
- [Moviendo elementos por la pantalla](3-moving-elements-around/README.md)
|
|
- [Detección de colisiones](4-collision-detection/README.md)
|
|
- [Llevando la puntuación](5-keeping-score/README.md)
|
|
- [Finalizando y reiniciando el juego](6-end-condition/README.md)
|
|
|
|
## Créditos
|
|
|
|
Los recursos utilizados para esto provienen de https://www.kenney.nl/.
|
|
Si te interesa crear juegos, estos son recursos realmente buenos; muchos son gratuitos y algunos son de pago.
|
|
|
|
**Descargo de responsabilidad**:
|
|
Este documento ha sido traducido utilizando el servicio de traducción automática [Co-op Translator](https://github.com/Azure/co-op-translator). Aunque nos esforzamos por garantizar la precisión, tenga en cuenta que las traducciones automatizadas pueden contener errores o imprecisiones. El documento original en su idioma nativo debe considerarse como la fuente autorizada. Para información crítica, se recomienda una traducción profesional realizada por humanos. No nos hacemos responsables de malentendidos o interpretaciones erróneas que puedan surgir del uso de esta traducción. |