programación de videojuegos · 2014. 1. 29. · programación de videojuegos modificando el juego...
Post on 24-Sep-2020
5 Views
Preview:
TRANSCRIPT
Programación de videojuegos
Modificando el juego de plataformas III
Desafíos y feria
Clase 8 de 10
Programación Videojuegos - Consejo de Curso 2014 1
¿Qué haremos hoy?
• Comenzaremos a modificar el juego de
plataformas – Repasaremos los conocimientos adquiridos ayer
– Ahora el jugador muere si sale del mapa
– Incluiremos la capacidad de teleportarse ;)
– Enemigos pueden tener un rango de movimiento
– Presentaremos desafíos para ustedes
– Trabajarán en el mapa para la feria
Programación Videojuegos - Consejo de Curso 2014 2
Lección 1 – Repaso Mapa
Programación Videojuegos - Consejo de Curso 2014 3
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1 1 1 1 1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
2
2
2
0
0
0
0
0
0
1 1 1 1
1
1
1
1
1
1
1
1
1
1
1
1
1 1
1 1
1 1
1 1
1 1
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
1 1 1
1 1 1
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
Lección 1 – Repaso Mapa
Programación Videojuegos - Consejo de Curso 2014 4
Lección 1 – Repaso Posiciones
Programación Videojuegos - Consejo de Curso 2014 5
Y
X
0
448
0 1152
Ejemplo – Repaso posiciones
Programación Videojuegos - Consejo de Curso 2014 6
• ¿Y si quisiéramos agregar a la torre acá?
Lección 1 – Repaso Enemigos
• Los agregaremos en index.html, en el lugar donde iban los otros enemigos (recordar que el base es Enemy)
Programación Videojuegos - Consejo de Curso 2014 7
Instrucciones para partir 1
• Usaremos el mapa que crearon ayer; el resto lo haremos de nuevo (otra vez)
• Los nuevos archivos están en el escritorio, en la carpeta “Juego3”
• Hagan doble clic sobre el archivo index.html de “Juego3”
• Vean, ¡un portal!
Programación Videojuegos - Consejo de Curso 2014 8
Instrucciones para partir 2 • Abran el editor Sublime Text 2 y cierren todas
las pestañas
• Abran en Sublime el archivo data.js de “Juego3” (arrástrenlo al editor)
• Abran en Sublime el archivo data.js de la carpeta con su nombre en el escritorio (arrástrenlo al editor)
• Sublime quedará
con 2 pestañas
Programación Videojuegos - Consejo de Curso 2014 9
Instrucciones para partir 3 • Copien todo el primer mapa del segundo
data.js (seleccionar, CTRL+C)
Programación Videojuegos - Consejo de Curso 2014 10
Instrucciones para partir 4 • Peguen el mapa copiado en el primer data.js,
reemplazando el existente (seleccionar, CTRL+V)
Programación Videojuegos - Consejo de Curso 2014 11
Instrucciones para partir 5 • Si hicieron todo bien, al refrescar el juego en
Chrome debería verse el mapa que hicieron ayer.
• Para refrescar Chrome, hagan clic sobre el botón refrescar de ese programa
Programación Videojuegos - Consejo de Curso 2014 12
Lección 2 – Teleport
Programación Videojuegos - Consejo de Curso 2014 13
Posición Teleporter
Hacia donde mueve al jugador
Lección 2 – Teleport
Programación Videojuegos - Consejo de Curso 2014 14
Lección 3 – Rango Enemigo
Programación Videojuegos - Consejo de Curso 2014 15
Rango de movimiento en pixeles
Lección 3 – Rango Enemigo
Programación Videojuegos - Consejo de Curso 2014 16
Desafíos
• Mapa Inicial
Programación Videojuegos - Consejo de Curso 2014 17
Desafío 1
Programación Videojuegos - Consejo de Curso 2014 18
1 2
3
Programación Videojuegos - Consejo de Curso 2014 19
1
Desafío 2
Programación Videojuegos - Consejo de Curso 2014
1 2
3
Desafío 3
Programación Videojuegos - Consejo de Curso 2014
1 2
3
top related