Tu primer juego

En este tutorial haces Patio de monedas: un patio con cinco monedas, dos muros, un charco de lava y una meta. No escribes código. Al final lo exportas a un archivo .ggx y lo juegas en el launcher.

Todo lo que ves aquí se hizo de verdad con el editor 0.4.0 publicado, con ratón y teclado, en el modo Simple, que es el que abre la primera vez. Las capturas son de esa sesión. El proyecto terminado está en la carpeta documentacion/ejemplos/patio-de-monedas del repositorio del sitio.

1. Crea el juego#

1. Abre el editor. En la pantalla Tus juegos, pulsa Nuevo juego.
2. Arriba, en Cómo se programa, deja Reglas o código, que es como abre el diálogo.
3. En 1. Tipo de juego deja Tercera persona y en Jugadores, Un jugador.
4. En 2. Plantilla elige En blanco: «Un suelo, un punto de partida y una meta. Para empezar desde cero.»
5. En 3. Nombre del juego escribe Patio de monedas. Debajo aparece la carpeta donde va a quedar.
6. Pulsa Crear y abrir.

Se abre el editor en modo Simple. A la izquierda está Colocar piezas; al centro, la escena con el suelo, el punto de partida (la figura verde) y la meta (el arco); a la derecha, las pestañas Reglas, Asistente y Detalles.

La plantilla trae dos reglas hechas. Las puedes leer en el panel Reglas:

• «Cuando el jugador cae al vacío: reproducir el sonido caida.»
• «Cuando el jugador entra a algo con la etiqueta «meta»: terminar la partida (victoria).»

O sea: el juego ya se puede ganar llegando a la meta. Ahora le pones gracia.

2. Pon cinco monedas#

1. En Colocar piezas, grupo Juego, haz clic en Moneda.
2. Haz clic en el suelo, donde quieras la moneda. Queda puesta.
3. Repite cuatro veces más: clic en Moneda, clic en el suelo. Reparte las monedas por el patio.

Al poner la primera moneda, el editor agregó una regla y te avisó abajo a la derecha: «Se agregó una regla para que funcione. Mírala en Reglas.» La regla dice: «Cuando el jugador toca algo con la etiqueta «moneda»: quitar la pieza tocada, sumar 1 punto y reproducir el sonido moneda.» Vale para todas las monedas, porque todas llevan la etiqueta moneda.

3. Levanta un muro#

1. En Formas básicas, haz clic en Caja y después en el suelo, a un lado del patio.
2. Haz clic sobre la caja para elegirla y abre la pestaña Detalles, a la derecha.
3. En Tamaño (ancho, alto, largo) escribe 10, 2 y 1. En Posición (centro), pon 1 en Y para que quede apoyada en el suelo.
4. En Colocar piezas, baja hasta Material y pulsa Madera.

Para moverlo con el ratón, elige la herramienta Mover en la barra del visor (o pulsa 2) y arrastra una de las flechas. La roja lo mueve a lo largo de X. La pieza salta de a medio bloque, porque el ajuste a la rejilla está en 0,5.

En nuestra sesión, después de arrastrarlo, lo dejamos en su lugar exacto escribiendo la posición en Detalles: X -7, Z -2.5.

4. Duplica el muro y agrupa los dos#

1. Con el muro elegido, pulsa Duplicar en la barra del visor (o Ctrl+D). La copia queda elegida.
2. Mueve la copia al otro lado del patio. Nosotros escribimos X 7, Z 3.
3. Elige la herramienta Seleccionar (1) y, con Mayús apretada, haz clic en el primer muro. Ahora están elegidos los dos.
4. Pulsa Agrupar (Ctrl+G).

Un grupo se mueve como una sola cosa. Un doble clic elige una pieza del grupo.

5. Agrega lava#

1. En Colocar piezas, grupo Juego, haz clic en Zona de peligro.
2. Haz clic en el suelo, justo en el camino recto entre el punto de partida y la meta.

La lava trajo su regla: «Cuando el jugador toca algo con la etiqueta «peligro»: reproducir el sonido golpe y reaparecer en el último punto de control.» Como el juego no tiene puntos de control, quien pisa la lava vuelve al punto de partida.

6. Ajusta la partida y agrega una regla tuya#

En el panel Reglas, arriba, está la sección Partida:

1. En Reloj elige Cuenta regresiva: se pierde al llegar a cero.
2. En Puntaje final elige Los puntos del jugador (gana el más alto).
3. Marca Mostrar los puntos en pantalla.
4. En Mensaje al empezar escribe ¡Junta las monedas y llega a la meta! y, en inglés, Grab the coins and reach the goal!.

Ahora la regla propia. Queremos avisar cuando el jugador tenga las cinco monedas:

1. Pulsa Nueva regla.
2. En Cuando elige el jugador llega a… puntos y escribe 5.
3. En Entonces elige mostrar mensaje y escribe el texto en los dos idiomas: ¡Tienes todas! Corre a la meta. y You got them all! Run to the goal..
4. Pulsa + Acción, elige reproducir sonido y, debajo, victoria.
5. Marca Solo una vez por partida.

El editor escribe la frase completa arriba de la regla: «Cuando el jugador llega a 5 puntos: mostrar «¡Tienes todas! Corre a la meta.» y reproducir el sonido victoria.» Abajo a la izquierda, la barra de estado sigue diciendo Sin problemas. Todo lo que ofrecen las reglas está en Reglas sin código.

7. Prueba con el bot#

Pulsa Probar con bot, arriba. Un bot juega la partida completa sin pantalla, en cada dificultad y con dos semillas: seis partidas. Abajo se abre el panel Bot de prueba con el resultado.

En nuestro patio, la primera prueba falló:

El motivo se lee en cada partida, en palabras: «El bot se atascó en el paso 1 de 1 (ir a la zona «meta»): no llegó al destino (faltan 17.1 unidades en horizontal y 1.5 en vertical).» Su único paso era ir a la meta. El bot sabe rodear muros y huecos, pero no sabe esquivar peligros. Fue derecho a la meta, pisó la lava, volvió al punto de partida, y así hasta que se le acabó el tiempo. Ver dónde lleva la cámara al lugar donde quedó:

El juego sí se puede ganar: basta rodear la lava. Hay que decírselo al bot marcándole por dónde pasar. En el panel Reglas, sección Bot de prueba:

1. Haz clic en una moneda que esté a un lado de la lava.
2. Pulsa + Ir a lo elegido.
3. Haz clic en otra moneda, del lado de la meta, y pulsa + Ir a lo elegido otra vez.

Pulsa Probar con bot de nuevo (o Repetir en el panel):

Ahora dice Prueba aprobada 6/6. El puntaje es 2 porque el bot pasó por dos monedas: no hace falta que las junte todas para comprobar que el juego se termina. Cada partida dice además «pasos del bot 2/3»: cuántos pasos de su guion dio por cumplidos, de los tres que tenía (los dos que marcaste y la meta). Después de una prueba, el editor deja dibujado el camino del bot sobre la escena:

Cómo piensa el bot y qué pasos se le pueden marcar: Bot de prueba.

8. Completa la ficha#

La ficha es lo que ve quien abre tu juego antes de jugar.

1. Acomoda la cámara de la escena como quieras que se vea la portada: botón derecho para girar, rueda para acercar.
2. Abre la pestaña Ficha del juego, arriba del visor.
3. Completa Nombre en inglés (Coin Yard), las dos descripciones y Autor.
4. En Portada, pulsa Usar la vista actual de la escena.

Todos los campos están explicados en Ficha, exportar y compartir.

9. Juégalo tú#

Pulsa Jugar (F5). El visor pasa a mostrar el juego, con una franja verde arriba que dice Jugando.

Elige la dificultad y pulsa Jugar. Te mueves con W A S D, saltas con Espacio y giras la cámara con el ratón.

Para volver a editar, pulsa Detener y volver a editar o Esc. Más formas de jugar (desde donde mira la cámara, ver al bot, elegir dificultad): Jugar dentro del editor.

10. Exporta el .ggx#

Pulsa Exportar. El editor hace tres cosas, en orden: valida el juego, hace que el bot lo juegue hasta el final en cada dificultad y escribe el archivo.

El archivo queda en la carpeta Green Games/exportados de tu usuario, con el nombre patio-de-monedas.ggx. El nuestro pesa 24,2 KB. Si el juego tiene errores o el bot no lo termina, el editor no exporta y te dice por qué.

11. Ábrelo en el launcher#

1. Abre el launcher de Green Games y pulsa Importar .ggx.
2. Elige el archivo patio-de-monedas.ggx.

3. Pulsa Jugar, elige la dificultad y juega. Para ganar hay que llegar al arco de la meta; la lava se rodea o se salta.

Esa partida es real: el launcher 0.4.0 abrió el archivo exportado, se jugó con el teclado hasta la meta y anotó la victoria en su historial. Cómo se importa y dónde queda: Importar un .ggx.

Qué aprendiste#

Sigue con#

• Tipos de juego: primera persona, plataformas 2D, vista cenital, isométrico, híbrido y mundo abierto.
• Modo Bloques: otra manera de darle lógica a un juego, encajando bloques.
• Tu segundo juego: una sala isométrica: otro tutorial, sobre un ejemplo que ya trae código.
• Asistente de IA: pedir cambios escribiendo.