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