Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego...
Transcript of Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego...
![Page 1: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/1.jpg)
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
![Page 2: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/2.jpg)
¿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
![Page 3: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/3.jpg)
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
![Page 4: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/4.jpg)
Lección 1 – Repaso Mapa
Programación Videojuegos - Consejo de Curso 2014 4
![Page 5: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/5.jpg)
Lección 1 – Repaso Posiciones
Programación Videojuegos - Consejo de Curso 2014 5
Y
X
0
448
0 1152
![Page 6: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/6.jpg)
Ejemplo – Repaso posiciones
Programación Videojuegos - Consejo de Curso 2014 6
• ¿Y si quisiéramos agregar a la torre acá?
![Page 7: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/7.jpg)
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
![Page 8: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/8.jpg)
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
![Page 9: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/9.jpg)
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
![Page 10: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/10.jpg)
Instrucciones para partir 3 • Copien todo el primer mapa del segundo
data.js (seleccionar, CTRL+C)
Programación Videojuegos - Consejo de Curso 2014 10
![Page 11: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/11.jpg)
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
![Page 12: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/12.jpg)
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
![Page 13: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/13.jpg)
Lección 2 – Teleport
Programación Videojuegos - Consejo de Curso 2014 13
Posición Teleporter
Hacia donde mueve al jugador
![Page 14: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/14.jpg)
Lección 2 – Teleport
Programación Videojuegos - Consejo de Curso 2014 14
![Page 15: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/15.jpg)
Lección 3 – Rango Enemigo
Programación Videojuegos - Consejo de Curso 2014 15
Rango de movimiento en pixeles
![Page 16: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/16.jpg)
Lección 3 – Rango Enemigo
Programación Videojuegos - Consejo de Curso 2014 16
![Page 17: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/17.jpg)
Desafíos
• Mapa Inicial
Programación Videojuegos - Consejo de Curso 2014 17
![Page 18: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/18.jpg)
Desafío 1
Programación Videojuegos - Consejo de Curso 2014 18
1 2
3
![Page 19: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/19.jpg)
Programación Videojuegos - Consejo de Curso 2014 19
1
![Page 20: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/20.jpg)
Desafío 2
Programación Videojuegos - Consejo de Curso 2014
1 2
3
![Page 21: Programación de videojuegos · 2014. 1. 29. · Programación de videojuegos Modificando el juego de plataformas III Desafíos y feria Clase 8 de 10 Programación Videojuegos - Consejo](https://reader033.fdocuments.net/reader033/viewer/2022051808/6008b3edca906e60f874fa76/html5/thumbnails/21.jpg)
Desafío 3
Programación Videojuegos - Consejo de Curso 2014
1 2
3