Tutorial Paso a Paso Para GDevelop

97
Tutorial paso a paso para GDevelop Este tutorial te ayudará a comenzar a utilizar GDevelop: Creará un juego muy sencillo en el que el enemigo se va hacia el jugador, que será capaz de dispararles a fin de hacerlos explotar. También puede leer el otro tutorial para principiantes aquí si prefiere crear un juego de plataformas! Tenga en cuenta que se puede leer la página Introducción a fin de obtener una visión general del software: Explica los principales conceptos y describir la interfaz de GDevelop. Descarga GDevelop Si usted no tiene GDevelop, descargarlo de la página web oficial: http://compilgames.net . Siempre descargar GD de esta página para estar seguro de tener la última

description

Paso a paso Gdevelop

Transcript of Tutorial Paso a Paso Para GDevelop

Page 1: Tutorial Paso a Paso Para GDevelop

Tutorial paso a paso para GDevelopEste tutorial te ayudará a comenzar a utilizar GDevelop: 

Creará un juego muy sencillo en el que el enemigo se va hacia el jugador, que será

capaz de dispararles a fin de hacerlos explotar.

También puede leer el otro tutorial para principiantes aquí si prefiere crear un juego de

plataformas!

Tenga en cuenta que se puede leer la página Introducción a fin de obtener una

visión general del software: Explica los principales conceptos y describir la interfaz de

GDevelop.

Descarga GDevelopSi usted no tiene GDevelop, descargarlo de la página web

oficial: http://compilgames.net . 

Siempre descargar GD de esta página para estar seguro de tener la última versión . 

Instalar o extraer GDevelop y lanzarlo. Se muestra la página de inicio:

Page 2: Tutorial Paso a Paso Para GDevelop

Si lo desea, puede leer esta página para obtener una vista general de la interfaz de

GDevelop.

Crear un nuevo juego

Page 3: Tutorial Paso a Paso Para GDevelop

Haga clic en Nuevo en la cinta para crear un nuevo proyecto:

Una ventana le ofrece para elegir la plataforma sobre la que se basa su juego, al igual

que algunas plantillas. Elegir la plataforma Web y luego haga clic en proyecto vacío:

Elige también un directorio y un nombre de archivo para su juego, y pulse Aceptar para

crear el proyecto. 

Una primera escena es crear automáticamente y abierta a la que la primera vez que se

crea un juego:

Page 4: Tutorial Paso a Paso Para GDevelop

Obtener las imágenes y los recursos necesarios para el tutorialAntes de seguir adelante, vamos a necesitar algunas imágenes de nuestro juego. 

Usted puede descargar

aquí: http://www.compilgames.net/dl/BeginnerTutorial2Images.zip .

Page 5: Tutorial Paso a Paso Para GDevelop

Una vez que haya descargado este archivo, extraer su contenido en la carpeta donde

creó el proyecto.

Crear el jugador torretaEl jugador será el control de una torreta de tiro en los enemigos. Haz un click derecho en el centro de la escena en gris GDevelop y seleccione Agregar

un nuevo objeto . Una ventana pop-ups con el fin de elegir el tipo de objeto que

desea crear:

Elija el Sprite objeto y haga clic en Ok. El editor del objeto se abre automáticamente:

Page 6: Tutorial Paso a Paso Para GDevelop

Lo primero que debe hacer es demasiado agregar la imagen Torreta: Haga un clic derecho en el área blanca en la parte inferior de la ventana y elija Añadir una imagen

desde un archivo :

Elija la imagen de la torreta en la carpeta del proyecto, y haga clic en Abrir : La

imagen se añade al objeto.

Page 7: Tutorial Paso a Paso Para GDevelop

A continuación, puede cerrar el editor de Sprite con el fin de volver al editor de

escenas. El objeto se visualiza en el punto donde se hizo el click derecho:

Page 8: Tutorial Paso a Paso Para GDevelop

Puede mover el objeto manteniendo el botón izquierdo del prensado en él con el ratón.De forma predeterminada, un objeto se llama NewObject por GDevelop. Para cambiar

esto, seleccione el objeto en la lista en el lado derecho de la ventana, y presione F2 . Introduzca entonces Torreta con un nuevo nombre y pulse Intro .

Los primeros eventos

Page 9: Tutorial Paso a Paso Para GDevelop

Vamos a crear los eventos utilizados para animar todo el partido. 

En primer lugar, la torreta se debe girar hacia el jugador ratón.

Ir al editor de eventos, haga clic en la pestaña de eventos:

Luego, en la cinta de opciones, haga clic en Añadir un evento para crear un nuevo

evento:

Se crea el evento, con una lista vacía de estado (en la parte izquierda) y una lista vacía

de acciones (a la derecha). Coloque el cursor sobre la lista de acciones y seleccione Agregar una acción en el panel de contexto que apareció:

La primera acción se encenderá la torreta hacia el ratón: En la ventana, seleccione la acción Todos los objetos> Ángulo> Rotar hacia la posición . 

Cuando se selecciona, la parte derecha de la ventana muestra el nombre de la acción, así como los parámetros. Llene el primer parámetro introduciendo Torreta (También

puede hacer clic en el botón situado junto al parámetro para obtener una lista de los objetos disponibles).Durante los siguientes parámetros, introduzca MouseX () y MouseY

() para que el objeto se vuelve hacia la posición del ratón. Cuando se lanzó el juego,

estas dos expresiones serán reemplazados por la posición del ratón.

Page 10: Tutorial Paso a Paso Para GDevelop

MouseX () y MouseY () son sólo dos de las varias funciones disponibles cuando una

expresión es solicitada por un parámetro. 

Haga clic en el botón situado junto a un parámetro a la espera de una expresión para

abrir eleditor de expresiones que será listas de visualización con toda la disposición

funciones.

Haga clic en Ok . La acción se agrega al evento. 

Como no hay ninguna condición, la acción se repetirá cada vez que la pantalla se

actualiza (alrededor de 60 veces por segundo). La torreta así será siempre orientado

hacia el ratón.

Puede iniciar una vista previa del juego: Sólo tienes que ir de nuevo al editor de escenas (Haga clic en la escena siguiente pestaña a laEventos ficha) y luego, en la

cinta de opciones, haga clic en Vista preliminar .

Page 11: Tutorial Paso a Paso Para GDevelop

GDevelop lanzará el navegador predeterminado y abrir su juego:

Disparar balas con la torreta. El jugador debe ser capaz de disparar algunas balas de los enemigos Primero, necesitamos una bala objeto: En la lista de objetos a la derecha, hacer un clic

derecho sobre un objeto y elija Agregar un objeto .Elegir un Sprite objeto como

antes y nombrar el objeto Bullet (Haga clic derecho en el objeto> Cambiar nombre ).

Page 12: Tutorial Paso a Paso Para GDevelop

Entonces, hacer un doble clic sobre el objeto para editarlo. Añadir una imagen para el objeto: Haga clic derecho en el área blanca en la parte inferior, seleccione Agregar

una imagen desde un archivo y elegir la imagen de bala en la carpeta del proyecto.

Cierre la ventana. Usted se dará cuenta de que el objeto no aparece en la escena como

hemos añadido gracias a la lista.Ir a la eventos pestaña, y añadir un nuevo evento (Cuando estás en la pestaña de

eventos, seleccione Agregar un evento en la cinta) y luego una nueva acción. 

La primera acción será un Crear un nuevo objeto de la acción, que está disponible

en los Todos los objetos> Objetos categoría.

El primer parámetro debe ser la bala , ya que queremos crear un objeto de bala. 

Los demás parámetros son la posición de la torreta: Introduzca Turret.X

() y Turret.Y () en la segunda y tercera parámetros.

Page 13: Tutorial Paso a Paso Para GDevelop

Haga clic en Aceptar para finalizar la acción. 

A continuación, añadir otra acción después de esta primera acción (No crear otro evento!). Esta vez, elija la acción denominada Todos los objetos> Desplazamiento>

Añadir una fuerza (ángulo) . 

GDevelop proporcionar un sistema integrado de fuerzas que permite mover fácilmente

los objetos. Esta acción se utiliza para mover la bala hacia el ratón cuando se dispara. Como el primer parámetro, introduzca la bala para que GDevelop se moverá

la bala que acaba de crear en la última acción. Introduzca entonces Turret.Direction

() en el segundo parámetro para utilizar la dirección de la torreta. Para la tercera

parámetro, introduzca 400 de modo que la bala se mueve con una velocidad de 400

píxeles por segundo. Por último, introduzca 1en el último parámetro para que la bala le

mantendrá en movimiento después del momento de su creación.

Page 14: Tutorial Paso a Paso Para GDevelop

Nuestros dos acciones deben ponerse en marcha sólo cuando el jugador está

disparando. (Es decir: Al pulsar el botón izquierdo del ratón) 

para hacer eso, agregar una condición al evento (Ponga el cursor sobre la lista de condiciones vacío de los eventos que estamos creando y seleccione Agregar una

condición ):

Elija la condición Mouse> se pulsa un botón . Escriba izquierda en el parámetro (o

haga clic en el botón de la derecha del parámetro para mostrar un ayudante) y cerrar

Page 15: Tutorial Paso a Paso Para GDevelop

la ventana haciendo clic en Ok . 

La condición se añade ahora al evento.

Si una vista previa del juego ahora, podrás ver que tenemos dos problemas: La bala se

disparó demasiado rápido, y el aparecer en el origen del objeto, que no es muy

realista.

Para hacer frente a la primera cuestión, vamos a utilizar un temporizador: Añadir una condición para el último evento que hemos creado.Elija la condición alarmas> valor

del temporizador y escriba 0,25 en el primer parámetro, y "FireRate" en el segundo

parámetro, que es el nombre del contador de tiempo que vamos a usar ( No se olvide

de las comillas alrededor de nombre del contador de tiempo!) .

Luego, agregar una acción Temporizador> Restablecer un contador de tiempo en

el mismo evento, con "FireRate" como parámetro (de nuevo, ten cuidado con las

comillas). Este par de condición y la acción se asegurará de que las acciones utilizadas

para disparar la bala se repiten cuando se pasaron al menos 0,25 segundos desde la

última creación de bala:

Page 16: Tutorial Paso a Paso Para GDevelop

Ahora debemos asegurarnos de que las balas se disparan desde el canon de la torreta. Haga un doble clic sobre la torreta objeto en una lista de los objetos para

editar el objeto. Luego, en la barra de herramientas en la parte superior de la ventana,

haga clic en la segunda herramienta para abrir una ventana que contiene la lista de los

Page 17: Tutorial Paso a Paso Para GDevelop

puntos disponibles para el objeto: Por defecto, no es sólo el origen y el centro del

objeto.

Añadir un punto haciendo clic en el + en la barra de herramientas de

la Puntos ventana. El nombre del nuevo punto de Canon . Cuando se crea y

rebautizado, asegúrese de que está seleccionada en la lista (Basta con hacer un clic

sobre ella) y luego haga clic en la imagen para cambiar su posición:

Ahora puede cerrar la ventana. Ahora debemos decirle a GDevelop para crear las balas

en la posición del punto: En el editor de eventos, poner el cursor sobre el Turret.X () parámetros y hacer un

clic: Un campo de texto se mostrará. Lo utilizan para sustituir el parámetro por Turret.PointX (Canon) y haga clic en cualquier lugar para cerrar el campo de

texto. Modificar también elTurret.Y () parámetro para reemplazarlo

por Turret.PointY (Canon) :

Ahora puede obtener una vista previa del juego (Vaya al editor de escenas haciendo clic en la escena ficha y haga clic en Vista previa en la cinta).

Page 18: Tutorial Paso a Paso Para GDevelop

Creación de enemigos que atacan la torretaEn primer lugar, tenemos que crear los objetos que se utilizan para los enemigos: Añadir un objeto a la lista de objetos (clic derecho sobre un objeto existente> Añadir

un objeto elegir un. Sprite objeto como antes.). Nombre que Enemigo .

Edite el objeto (doble clic sobre él en la lista) y agregar a él dos imágenes: tank2fr1.png y tank2fr2.png . Entonces, hacer un clic derecho

sobre Animación 0 en la lista de animaciones en la parte izquierda de la ventana, y

cambiar el tiempo entre las imágenes: Póngalo en 0,05, por ejemplo. Compruebe también Loop la animación para asegurarse de que la animación se repite:

Page 19: Tutorial Paso a Paso Para GDevelop

Cierre el editor cuando haya terminado.Deténgase! Ahorre tiempo!Antes de seguir adelante, recuerde guardar con frecuencia: En la cinta, haga clic en Archivo y luego en Guardar :

Ok, vaya de nuevo al juegoVolvamos al juego. Queremos crear enemigos que van hacia la torreta: Vaya al editor

de eventos y añadimos un nuevo evento. 

La creación de un enemigo debe ocurrir cada 1 segundo por ejemplo: agregar una condición Timer> Valor de un temporizador . Escriba 1 en el primer parámetro

y "EnemyCreation" para el nombre del temporizador. Añadir a continuación, en el

mismo evento una acción para restablecer el temporizador (Acción Temporizador>

Restablecer un contador de tiempo con "EnemyCreation" como parámetro):

Page 20: Tutorial Paso a Paso Para GDevelop

A continuación, podemos añadir otra acción para crear un enemigo objeto: Añadir una

acción Todos los Objetos> Objeto> Crear un objeto .Introduzca Enemigo en el

primer parámetro. Para el segundo parámetro, la posición X del nuevo objeto que se creará, introduzca Random (800) : Esto devolverá un número aleatorio entre 0 y 800,

para que el enemigo creado tendrá una posición diferente cuando se crean. Para la

Page 21: Tutorial Paso a Paso Para GDevelop

posición Y, introduzca -50 . Esto creará el enemigo fuera de la pantalla, por lo que el

jugador no tendrá la sensación de que un tanque enemigo acaba de aparecer de la

nada.

Por ahora, los enemigos se crean pero no se están moviendo. Añadir otro evento sin

ninguna condición. Añadir entonces una acción: Queremos que el enemigo se mueva hacia el jugador. Elija la acción Todos los objetos> Desplazamiento> Mover un

objeto hacia otro .Para el primer parámetro, introduzca Enemigo , y torreta para el

segundo parámetro. Ingrese una longitud de 150 para la fuerza, y una amortiguación

de 0, como se aplica de forma continua la fuerza.

Page 22: Tutorial Paso a Paso Para GDevelop

Gracias al último evento, el enemigo se moverá. Una última cosa es asegurarse de que

los enemigos están orientados hacia la torreta: Agregar una segunda acción llamada Todos los objetos> Ángulo> Rotar hacia la

posición . Introduzca Enemigo como primer parámetro.Entonces, queremos que

el enemigo a volverse hacia la posición de la torreta , así que ponga Turret.X

() y Turret.Y () , respectivamente, en los próximos dos parámetros. Estas dos

expresiones devuelve la posición X e Y de la Torreta . Podemos mejorar esta acción

estableciendo Turret.X (Centro) y Turret.Y (Centro) en lugar con el fin de

convertir el enemigo hacia la posición central de la Torreta .

Page 23: Tutorial Paso a Paso Para GDevelop

Esto es lo que usted debe tener:

Si inicia una vista previa, verá que los enemigos se crean y se están moviendo. Si esto

no funciona, revise sus eventos: Compruebe que el nombre del temporizador es

correcta y es el mismo en el estado y en la acción. Compruebe también que el último

parámetro de la acción que se utiliza para mover los enemigos es 0.

Page 24: Tutorial Paso a Paso Para GDevelop

Adición de explosionesEs el momento de añadir explosiones   Primero vamos a crear el objeto de explosión:

Añadir un nuevo Sprite objeto llamado Explosión :

Editarlo y añadir a ella todas las imágenes llamadas Explosion_ algo . Cuando se

agrega la imagen, sólo tienes que seleccionar todos ellos:

Page 25: Tutorial Paso a Paso Para GDevelop

Cuando se añaden las imágenes, cambie el tiempo entre las imágenes (Haga clic derecho sobre Animación 0 para mostrar las opciones de la animación).

Establezca un tiempo de 0,01 para la explosión. Usted puede ver la explosión haciendo clic en la Vista previa de botón en la barra de herramientas en la parte superior del

editor.

El objeto explosión ya está listo. Cierre el editor y volver al editor de eventos. 

Queremos enemigos para explotar cuando una bala les está afectando. Añadir un

nuevo evento.

Page 26: Tutorial Paso a Paso Para GDevelop

Añadir entonces una condición: Elija la condición Todos los objetos> Colisión>

colisión . Introduzca Bullet y Enemigo en los parámetros.

Cuando se realiza la condición, añadir una acción para crear un objeto de

explosión . Para la posición, introduzca Enemy.X () y Enemy.Y ()para crear la

explosión en la posición del tanque. Añadir otra acción llamada Todos los objetos> Objetos> Eliminar un

objeto . Como parámetro, introduzca enemigo para que se destruyó el tanque.

Ahora puede obtener una vista previa del juego:

Page 27: Tutorial Paso a Paso Para GDevelop

Usted puede haber notado que los objetos explosiones no son destruidos cuando su

animación es más! Esto puede ser un problema, ya que se quedan en la escena,

haciendo que el juego sea menos eficiente. Siempre tenemos que limpiar nuestra basura: Añadir un nuevo evento.Añadir una condición Sprite>> Animación ha

terminado . Introduzca Explosión como parámetro: La condición será verdadera

cuando la animación de una explosión habrá terminado. Añada una acción al evento para luego destruir la explosión objeto:

La adición de más explosiones y un Game OverHasta ahora, el jugador no puede morir. . Queremos torreta del jugador para ser

destruido cuando un tanque enemigo está golpeando su 

primer lugar, añadir un nuevo evento, y hacer lo que hicimos para el evento utilizado

para destruir a los enemigos: Añadir una prueba de condición para una colisión entre

un tanque y la torreta . A continuación, cree una explosión en la posición de la

torreta. Por último, añadir una acción para destruir la torreta:

Page 28: Tutorial Paso a Paso Para GDevelop

Sería interesante para mostrar un texto "Game Over" cuando se destruye la torreta: Añadir un objeto a la lista de objetos. Esta vez, elegir un texto objeto. Nombre

que GameOver .

Editarlo (doble clic sobre él en la lista de objetos) y modificar el texto. También haga clic en Seleccione la fuente y seleccione la fuente que estaba en el archivo de

recursos que extrajo en la carpeta del proyecto. Por último, puede aumentar un poco el

tamaño del texto:

Page 29: Tutorial Paso a Paso Para GDevelop

Cuando haya terminado, haga clic en Aceptar para cerrar el editor del objeto. Ir al

editor de escenas y poner el texto en escena: Sólo tienes que arrastrar de la lista de

objetos a la escena (Ponga el cursor pase el objeto de la lista, haga un clic izquierdo y

mantenga pulsado el botón izquierdo del ratón, a continuación, se mueven el cursor a

la escena y suelte el botón para colocar el objeto).

Por ahora, el objeto se muestra siempre. Ir al editor de eventos y añadir un nuevo evento. Añadir una condición Escena> Al principio de la escena y una

acción Todos los objetos> Visibilidad> Ocultar un objeto , con GameOver como

parámetro. De este modo, el texto se oculta cuando se pondrá en marcha el juego.

Para mostrar el texto cuando se destruye la torreta, añadir otro evento. Añadir una condición Todos los objetos> Objetos> Número de

objetos . Introduzca Torreta como primer parámetro, a continuación, = en el segundo

parámetro y 0 para la tercera: La condición se cumplirá cuando el número de la torreta

de la escena llegará a 0, es decir, cuando se destruye el jugador.

Page 30: Tutorial Paso a Paso Para GDevelop

Añadir entonces una acción para mostrar la GameOver objeto ( Todos los objetos>

Visibilidad> Mostrar un objeto ). 

Page 31: Tutorial Paso a Paso Para GDevelop

Aquí están todos los eventos creados hasta el momento:

También sería interesante añadir un pequeño retraso antes de mostrar el GameOver texto: Añadir una acción de restablecer el tiempo llamado "GameOver" . en

el evento en el que se destruye la torreta Luego agregar una condición a la última prueba para comparar si el "GameOver

Page 32: Tutorial Paso a Paso Para GDevelop

" temporizador ha llegado a 0,5 segundos, por ejemplo:

Por último, un efecto interesante es detener el juego cuando aparezca el juego encima. Dele una acción para el último evento: Elija lostemporizadores y tiempo>

Escala de tiempo de acción e introduzca 0 como parámetro para pausar el juego.

Aquí están todos los eventos:

Page 33: Tutorial Paso a Paso Para GDevelop

Usted puede ver el juego y ver que se muestra el texto y el juego se detiene cuando se

destruye la torreta:

Page 34: Tutorial Paso a Paso Para GDevelop

Eliminación de las balas que salen de la pantallaRecuerde que siempre debemos destruir nuestra basura a fin de evitar que el juego

sea inundado con toneladas de objetos que no hacen nada salvo ralentizar todo el

asunto. Es por eso que nosotros nos encargamos de la supresión de las explosiones

cuando las animaciones se ha terminado. Pero ¿qué pasa con las balas? Cuando van

fuera de la pantalla, que todavía existe como la computadora deben actualizarlos cada

vez que se actualiza la pantalla: Esto puede convertirse en un cuello de botella.

Podríamos añadir un evento para destruir las balas cuando están demasiado lejos de la

torre, que es bastante fácil. Pero también podemos utilizar un automatismo: Un

automatismo se utiliza para añadir un comportamiento específico de un objeto. Aquí,

vamos a utilizar una conducta que destruirá automáticamente el objeto cuando se va

fuera de la pantalla.Haga un clic derecho sobre el objeto en la lista de objetos y elija Otras propiedades :

Page 35: Tutorial Paso a Paso Para GDevelop

Se muestra una cuadrícula con propiedades. En el fondo de la red, se puede ver los

automatismos de los objetos: No hay nada por el momento. Haga clic en Add:

Se muestra una lista de los automatismos disponibles: Selecciona la Destruye cuando

esté fuera de la pantalla automatismo:

Eso es todo: ahora puede ver que el automatismo se añade al objeto:

Y cuando un objeto bala estará fuera de la pantalla, será destruido.

Adición de un fondoUna última cosa para hacer el juego guapo es agregar un fondo.Añadir un Sprite objeto llamado fondo. Editar y añadir a ella la imagen de fondo. A

continuación, arrastre de la lista de objetos a la escena:

Page 36: Tutorial Paso a Paso Para GDevelop

El fondo se muestra por encima de los otros objetos  Para cambiar esto, haga doble

clic en él para mostrarlo propiedades. También puedes hacer un clic derecho sobre él y seleccione Propiedades :

Page 37: Tutorial Paso a Paso Para GDevelop

Basta con cambiar su orden Z: Introduzca un número negativo para asegurar que los

otros objetos (que tienen un orden Z positivo) se mostrará después de que el

fondo. (Objetos con un mayor orden Z se muestran debajo de los otros objetos De

forma predeterminada, el orden Z de un objeto es simplemente 0.). 

También cambiar la posición del objeto para establecer su coordenadas X e Y de 0:

Ahora puedes probar tu juego con un bonito fondo:

Page 38: Tutorial Paso a Paso Para GDevelop

¿Cómo hacer un juego de plataformas?Este tutorial te ayudará a comenzar a utilizar GDevelop: 

Va a crear un juego de plataformas muy simple donde el jugador puede saltar sobre las

plataformas y recoger las monedas.

También puede leer el otro tutorial para principiantes aquí si prefiere crear un juego de

disparos!

Page 39: Tutorial Paso a Paso Para GDevelop

Tenga en cuenta que se puede leer la página Introducción a fin de obtener una

visión general del software: Explica los principales conceptos y describir la interfaz de

GDevelop.

Descarga GDevelopSi usted no tiene GDevelop, descargarlo de la página web

oficial: http://compilgames.net . 

Siempre descargar GD de esta página para estar seguro de tener la última versión . 

Instalar o extraer GDevelop y lanzarlo. Se muestra la página de inicio:

Page 40: Tutorial Paso a Paso Para GDevelop

Si lo desea, puede leer esta página para obtener una vista general de la interfaz de

GDevelop. 

Tenga en cuenta que el tema visual de GDevelop puede ser diferente: Usted puede

elegir un tema haciendo clic en Archivo> Opciones , luego eligiendo Apariencia y

finalmente elegir uno del tema disponible.

Page 41: Tutorial Paso a Paso Para GDevelop

Crear un nuevo juegoHaga clic en Nuevo en la cinta para crear un nuevo proyecto. 

Una ventana le ofrece para elegir la plataforma sobre la que se basa su juego, al igual

que algunas plantillas. Elegir la plataforma Web y luego haga clic en proyecto vacío:

Elige también un directorio y un nombre de archivo para su juego, y pulse Aceptar para

crear el proyecto. 

Una primera escena es crear automáticamente y abierta a la que la primera vez que se

crea un juego.

Obtener las imágenes y los recursos necesarios para el tutorialAntes de seguir adelante, vamos a necesitar algunas imágenes de nuestro juego. 

Usted puede descargar

aquí: http://www.compilgames.net/dl/PlatformerTutorialResources.zip .

Una vez que haya descargado este archivo, extraer su contenido en la carpeta donde

creó el proyecto.

Creación del objeto de jugador

Page 42: Tutorial Paso a Paso Para GDevelop

El jugador será el control de un personaje que puede saltar y moverse en las

plataformas. Vamos a crear este objeto. Haz un click derecho en el centro de la escena gris en GDevelop y seleccione Agregar

un nuevo objeto . Una ventana pop-ups así como para seleccionar el tipo de objeto

que desea crear: Elija para crear un Sprite objeto y haga clic en Ok.

Se abre el editor del objeto. Por ahora, el objeto sólo tiene una animación vacía. Lo

primero que debe hacer es demasiado agregar una imagen para esta animación: Haga un clic derecho en el área blanca en la parte inferior de la ventana y elija Añadir una

imagen desde un archivo :

Elija la imagen llamada p1_stand en la carpeta del proyecto, y haga clic en Abrir : La

imagen se añade al objeto. Ahora puede cerrar el editor, y ver el objeto que aparece en

la escena:

El objeto fue llamado NewObject por defecto: Para cambiar esto, seleccione el objeto

en la lista en el lado derecho de la ventana, y pulse F2. Introduzca

entonces jugador con un nuevo nombre y pulse Intro .

Adición de plataformasVamos a crear ahora un objeto que se utilizará para las plataformas:Una vez más, hacer un clic derecho sobre la escena y selecciona Agregar un

objeto . Esta vez, elija el sprite de baldosa tipo de objeto:

Page 43: Tutorial Paso a Paso Para GDevelop

Por ahora, está en gris: Al hacer clic en Ok, GDevelop le preguntará si desea activar la

extensión que contiene este objeto para su proyecto: Haga clic en Sí.

El editor del objeto está abierta: A la izquierda, está el gestor de recursos que muestra

todas las imágenes utilizadas por el proyecto. En primer lugar, añadir una imagen a la lista con el + botón de la barra de herramientas:

Elija el grassHalfMid.png imagen. La imagen se añade a la lista: Haga clic en él en la

lista y luego haga clic en el botón situado junto al campo de texto en la parte inferior

del editor para insertar automáticamente el nombre de la imagen:

Page 44: Tutorial Paso a Paso Para GDevelop

Ahora puede hacer clic en Ok para cerrar el editor. 

El objeto se agrega a la escena, pero es muy pequeña: Utilice las asas para cambiar el

tamaño de modo que se ve como una plataforma:

Asegúrese de poner la plataforma en el reproductor, por lo que el jugador no va a caer

fuera de la pantalla cuando se inicia el juego.

También, en el editor del objeto , cambie el nombre del objeto para que se llama hierba .

Añadir automatismos a los objetosEl movimiento del jugador podría crearse utilizando los acontecimientos de GDevelop,

pero sería una tarea muy larga y difícil de recrear un buen motor de plataformas. Para

evitar esto, vamos a utilizar automatismos, que permiten añadir comportamientos

predefinidos a los objetos.

Page 45: Tutorial Paso a Paso Para GDevelop

Haga un doble clic sobre el jugador objeto en la escena: Esto le mostrará una

cuadrícula que contiene propiedades del objeto y, en el fondo, los automatismos aplican al objeto. Haga clic en Añadir un automatismo :

Se muestra una lista de automatismos disponibles. Para este objeto, seleccione el objeto de Plataformas automatismo, y haga clic en Aceptar:

Eso es todo: Se puede ver en la rejilla de propiedades que el automatismo se muestra

ahora, así como algunas propiedades. Puede cambiar algunas propiedades como la

velocidad de salto: Póngalo por ejemplo a 800 para que el salto es más potente.

También tenemos que marcar los objetos que son plataformas como tal, de lo contrario

el jugador va a caer aún si está colisionando con los objetos que se parecen a las

plataformas. 

Page 46: Tutorial Paso a Paso Para GDevelop

Haga clic en el objeto de la plataforma en la escena y en la red de propiedades, elija otra vez Añadir un automatismo :

Esta vez, elegir la plataforma de automatismo y haga clic en Aceptar:

Tenga en cuenta que los automatismos se aplican a todas las instancias del objeto

poner en escena: Si inserta otra plataforma en la escena (Sólo arrastrar y soltar el objeto de la lista de objetos a la escena También puede pulsar el. Ctrl clave, a

continuación, arrastre la plataforma para clonarlo), las otras plataformas se oponen

también tendrán el automatismo: No hay necesidad de añadir de nuevo.

Iniciar una vista previaAhora puede probar que el comportamiento está trabajando:En la escena de la cinta, elija Vista previa :

Su navegador favorito se abrió y el juego será lanzado: 

Puedes mover al personaje con las teclas de flechas, y utilizar Shift para saltar! Por

ahora, el objeto no tiene animaciones: Vamos a añadir más tarde.

Si el objeto no está en movimiento, asegúrese de que ha agregado los automatismos adecuados. Asegúrese que ha agregado la Plataforma de automatismo a

la hierba objeto, de lo contrario el jugador va a caer fuera de la pantalla.

Añadir diferentes plataformasPodemos utilizar más de un tipo de objetos como plataformas: Añadir un nuevo objeto haciendo clic derecho en la escena y elegir Añadir un objeto .

Page 47: Tutorial Paso a Paso Para GDevelop

Elegir un objeto Sprite, haga clic en Ok , y en el editor, agregue la imagen

llamada grass.png :

Cierre el editor, y cambiar el nombre del objeto para que se llama Plataforma :

Luego, agregar a ella la Plataforma automatismo tal como lo hicimos antes (doble clic

en el objeto en la escena, o seleccionarlo en la lista de objetos. A continuación, seleccione Agregar un automatismo y elegir la plataforma de automatismo). Estos

Page 48: Tutorial Paso a Paso Para GDevelop

objetos se consideran ahora como plataformas: Puede agregar más de ellos en el

escenario y lanzar una vista previa para tratar de saltar de las plataformas a las

plataformas.

Antes de seguir adelante, es posible que desee cambiar el color de fondo de la escena:

En el gestor de proyectos, hacer un clic derecho sobre la escena que se está editando ("Nueva escena") y seleccione Propiedades .

A continuación, puede cambiar el color de fondo de la ventana que va a ser

mostrado. Tenga en cuenta que vamos a añadir objetos de fondo al final del tutorial.Deténgase! Ahorre tiempo!Antes de seguir adelante, recuerde guardar con frecuencia: En la cinta, haga clic en Archivo y luego en Guardar :

Cambio de las animaciones del jugadorPor ahora, el jugador siempre está mostrando la misma imagen: Usando los hechos,

vamos a cambiar su animación de acuerdo con lo que está haciendo.

Antes de hacer esto, hay que añadir las animaciones correspondientes al objeto del

jugador: Haga un doble clic sobre él en una lista de los objetos para mostrar el editor. En la parte superior izquierda de la ventana, haga clic en el + en la barra de

herramientas para agregar una animación :

Page 49: Tutorial Paso a Paso Para GDevelop

Una animación llamado Animación 1 se añade a la lista: Haga clic en él para

seleccionarlo. Está vacío: En la parte inferior en blanco, hacer un clic derecho y agregar la imagen llamada p1_jumping.png :

Page 50: Tutorial Paso a Paso Para GDevelop

Esta animación se utiliza cuando el objeto estará en el aire. 

También necesitamos una animación para cuando el objeto se ejecuta en una

plataforma: Agregar otra animación como lo hicimos, y, cuando la adición de imágenes, seleccione las 5 imágenes p1_walk03.png , p1_walk04.png , ... y p1_walk07.png .

Page 51: Tutorial Paso a Paso Para GDevelop

Estas imágenes se pueden visualizar con el fin de crear la animación. Tenemos que ajustar un poco algunas opciones: Haga un clic derecho en la animación 2 en la lista

y comprobar Loop la animación . Haga clic a continuación sobre el tiempo entre

cuadros y escriba 0.05 en la ventana para que la animación es más rápido que al

utilizar las opciones por defecto. 

Usted debe tener esto en el editor:

Page 52: Tutorial Paso a Paso Para GDevelop

Puedes previsualizar la animación haciendo clic en el pequeño botón "play" en la barra

de herramientas Hotel ubicado en la parte media superior del editor. 

Cierre el editor cuando todas las animaciones están bien.

Ahora, tenemos que cambiar la animación que muestra el objeto de acuerdo con lo que haga el jugador. Ir al editor de eventos, haga clic en Eventos próximos a

la escena ficha:

Page 53: Tutorial Paso a Paso Para GDevelop

Luego, en la cinta de opciones, haga clic en Añadir un evento para crear un nuevo

evento:

Se crea el evento, con una lista vacía de estado (en la parte izquierda) y una lista vacía

de acciones (a la derecha). Coloque el cursor sobre la lista de condiciones y elija Añadir una condición en el panel de contexto que apareció:

En el evento, vamos a comprobar si el jugador está saltando con el fin de cambiar su

animación.En la lista de condiciones, elegir PlatformAutomatism> está saltando . Luego, en el

parámetro, introduzca jugador como objeto (Queremos comprobar si el objeto Player

está saltando) y PlatformerObject como automatismo:

Page 54: Tutorial Paso a Paso Para GDevelop

Haga clic en Aceptar para validar la condición. 

Ahora, agregue una acción para el mismo evento:

En la lista de acciones, elija Sprite> animaciones e imágenes> Cambiar la

animación . Introduzca jugador como objeto, entonces = en el segundo parámetro

y 1 en la última. 

Haga clic en Aceptar para validar la acción: Ahora, animación 1 se lanzará cuando el

jugador está saltando.

Crear un evento similar pero con jugador está cayendo como condición (También

puede hacer un copy-paste del evento y luego haga doble clic en la condición de

cambiarlo):

Entonces, tenemos que establecer la animación en 0 cuando el jugador llega al suelo, y

también lanzar la animación 2 cuando el jugador empieza a moverse. 

Esto podría hacerse mediante dos eventos: el primero comprueba si el jugador está en

el suelo y si es en movimiento. En este caso, la animación 2 se establece. La segunda,

comprueba si el jugador está en el suelo y si no se está moviendo. En este caso, la

Page 55: Tutorial Paso a Paso Para GDevelop

animación 0 se establece. Aquí, vamos a utilizar una buena característica llamada eventos Sub : Pues estamos corriendo dos veces la misma condición (Para

comprobar si el jugador está en el suelo), podemos insertar esta condición en un

evento, y luego añadir eventos sub a este evento: Sub eventos sólo se ponen en

marcha cuando se cumplan las condiciones de su "padre".Añadir un evento con jugador está en el suelo como condición. Luego, se coloca el

cursor sobre el evento y seleccione Agregar un sub evento : Se añade un sub evento

en blanco.

En este evento en blanco, añadir la condición del jugador se está moviendo . A

continuación, agregue una acción Do = 2 a la animación actual del jugador .

A continuación, cree un segundo sub evento. Esta vez, invertir la condición para que la

condición es verdadera cuando el reproductor estáno en movimiento:

También cambie el parámetro de animación para que la animación 0 se establece:

Page 56: Tutorial Paso a Paso Para GDevelop

Ahora se puede lanzar una vista previa y ver la animación está cambiando:

Si algo no funciona, asegúrese de que sus eventos se ve exactamente igual que los

eventos que se muestran arriba. 

Se puede ver que cuando el jugador vaya a la izquierda, el sprite no se

refleja. Afortunadamente, hay una acción que se puede utilizar para reflejar sprites.

Volver a el editor de eventos y añadir un nuevo evento: Agregar una condición de comprobar si la izquierda se pulsa la tecla.

Page 57: Tutorial Paso a Paso Para GDevelop

Tenga en cuenta que en lugar de escribir izquierda , puede hacer clic en el pequeño

botón junto al parámetro, y luego simplemente pulse la flecha de la izquierda del

teclado. GDevelop llenará automáticamente el parámetro.

En el caso, añadir una acción para voltear el sprite:

Page 58: Tutorial Paso a Paso Para GDevelop

Añadir luego otro evento similar, comprobando si la derecha se presiona y revertir el

objeto Player para su orientación inicial:

Centrar la cámara en el reproductorHay más de una manera de mover la cámara por lo que sigue el jugador. Por ahora, vamos a hacerlo muy simple uso de la acción Centro de la cámara sobre un

objeto . Sólo tiene que añadir esta acción en un evento en blanco sin ninguna

condición:

Tenga en cuenta que usted puede leer este hilo del foro oficial si desea información

sobre cómo limitar el movimiento de la cámara para el tamaño de la ventana.

Añadir un 'Jump a través de "plataformaPor ahora, todas las plataformas son de roca sólida, pero también puede crear la

plataforma también puede saltar a través de ellos: Crear un nuevo Sprite objeto y agregar a ella la imagen bridge.png :

Page 59: Tutorial Paso a Paso Para GDevelop

Usted puede llamar a este objeto "Jumpthru", por ejemplo:

Luego, agregar a ella el automatismo "Plataforma" como lo hicimos antes de la otra

plataforma. Cuando se hace, cambiar el tipo depropiedad que se muestra en la

cuadrícula de propiedades y establezca a "Saltar a través de la plataforma":

Page 60: Tutorial Paso a Paso Para GDevelop

Eso es todo! Ahora puedes abrir una vista previa: El jugador será capaz de saltar a

través de este tipo de plataformas.

Añadir monedas y una puntuaciónVamos a añadir algunas monedas para recoger en el nivel: Crear un nuevo objeto llamado Coin con coinGold.png como imagen. A continuación, puede poner varias

monedas en el nivel: Puede arrastrar el objeto de la lista de objetos a la escena, o

pulse Ctrl y arrastrar y soltar un objeto existente clonarlo!

Ahora, vamos a destruir el objeto de la moneda cuando el jugador toque ellos: Añadir

un nuevo evento y añadir un evento pruebas de la colisión entre las monedas y el

objeto del jugador:

Page 61: Tutorial Paso a Paso Para GDevelop

A continuación, agregue una acción para eliminar el objeto Coin (Usted puede

encontrar en todos los objetos> Objetos> Eliminar un objeto). Tenga en cuenta que

esta acción sólo se activará para la moneda de que se han "tomado" por las

condiciones, es decir, sólo la moneda de que se encuentran en las colisiones con el

reproductor de aquí! Este mecanismo de gran alcance le permite iniciar acciones sólo

en los objetos que corresponden con los criterios especificados por las condiciones.

También podemos jugar un pequeño sonido cuando se recoge una moneda. Añadir otra acción para jugar el coin.wav sonido:

Actualizar y mostrar una puntuación

Page 62: Tutorial Paso a Paso Para GDevelop

Vamos a utilizar una variable para actualizar y recordar la puntuación del

jugador. Variable son útiles para recordar todo tipo de información. Existen variables

de escena (el más utilizado unos), variables globales (variables que se comparten entre

todas las escenas del juego) y objetos variables (que son específicas de cada instancia

de un objeto. También son muy útiles y nos vamos a usar uno para la creación de un

enemigo más adelante). 

Añadir una acción en el último evento que hemos hecho:Elija de acción Variables> Valor de una variable . Esta acción se utiliza para

agregar 100 al Score variables, por lo que llenar el parámetro como se muestra aquí:

Tenga en cuenta que no es necesario declarar las variables antes de usarlas: Si utiliza

un nombre de variable que no existe, GDevelop creará esta variable para

usted. También puede declarar e incluso establecer un valor inicial a una variable: Para

Page 63: Tutorial Paso a Paso Para GDevelop

ello, haga clic en el botón al lado del primer parámetro para abrir la lista de todas las

variables declaradas escena.

El evento ahora debe tiene este aspecto:

Para mostrar la variable, necesitamos un objeto de texto que muestra la partitura. En la escena, añadir un nuevo objeto. Esta vez, elijaTexto cuando se le preguntó por el

tipo de objeto:

Edite el objeto y cambiar su color para que el texto es negro y la fuente es lo

suficientemente grande:

Cuando esté hecho, el nombre de este objeto ScoreText :

Page 64: Tutorial Paso a Paso Para GDevelop

Luego, en los hechos, añadir un nuevo evento en blanco. Añadir a la acción que modifique el texto categoría, dentro de "objeto de texto".Introduzca el nombre

del objeto (ScoreText) en el primer parámetro, entonces = en el segundo parámetro, e

introduzca el texto que se mostrará en el último parámetro: Queremos mostrar

"Score:" seguido del valor de la variable Score. Para ello, podemos escribir la expresión variable (Partitura) para obtener el valor

de la variable. Sin embargo, este es un número y que debe convertir a un texto utilizando ToString función. Por último, la expresión y el texto deben concatened

utilizando un + , así:

"Score:" + ToString (Variable (Partitura))

Page 65: Tutorial Paso a Paso Para GDevelop

Hay una gran cantidad de funciones disponibles: Haz click sobre el botón situado junto

a los parámetros para mostrar un editor que muestra todo lo que usted podría utilizar. 

Aquí es cómo su caso debería quedar así:

Si una vista previa del juego, te darás cuenta de que la puntuación se actualiza cuando

usted consigue una moneda, y se muestra en el objeto de texto. Sin embargo,

queremos asegurarnos de que el resultado es siempre visible. 

Para ello, volver al editor de escenas. Vamos a añadir una capa y poner el texto en esta

capa. Usted puede considerar capas como ser vidrios transparentes donde se muestran

objetos: Al poner el objeto en una capa diferente, nos aseguraremos de que se muestra

siempre, siempre y cuando la cámara de esta capa no se mueve.Haga clic en editor de Capas ' en la cinta para mostrar este editor:

En el editor de capa, agregar una nueva capa:

A continuación, seleccione la nueva capa y moverla sobre la Capa de Base:

Puede hacer doble clic en la nueva capa con el fin de cambiar su nombre (nombre que Gui por ejemplo). 

Por último, hacer un clic derecho sobre el objeto de texto en el escenario, y moverlo a

la interfaz gráfica de usuario de la capa:

Page 66: Tutorial Paso a Paso Para GDevelop

Ahora, será siempre muestra el texto. Sólo asegúrese de que está correctamente

colocado en la ventana. Puede utilizar la cinta para centrar la cámara en el origen de escena (Haga clic en Volver a la posición inicial botón y luego haga clic en la

máscara para mostrar una máscara que muestra el tamaño de la ventana:

Añadir un enemigoVamos a terminar este tutorial mediante la adición de un enemigo que se mueve en las

plataformas. 

En el editor de capas, asegúrese de que la capa de base se selecciona (de lo

contrario, los nuevos objetos se podrían añadir en lainterfaz gráfica de usuario de capa,

y no se mostrará en su . posición correcta) 

A continuación, agregue tres de estos objetos:

La primera llamada de Bad es el objeto que representa el enemigo: Se compone de

una animación en bucle entre las imágenesslimeWalk1.png y slimeWalk2.png . 

Los otros dos objetos serán utilizados como marcadores para asegurarse de que el

Page 67: Tutorial Paso a Paso Para GDevelop

enemigo no se moverá de plataformas. Ponga al enemigo en una

plataforma. Asegúrese de que está colisionando con uno de la marca:

Creación del movimiento del enemigoPara mover el enemigo, vamos a utilizar las acciones orden interna que permite mover

un objeto, y cada enemigo recordaremos la dirección (izquierda o derecha) de su

movimiento utilizando una variable de objeto.

Añadir este evento:

A diferencia de antes, no estamos cambiando aquí una variable escena, sino una variable de objeto (La acción se puede encontrar en todos los objetos>

Variables ). Cada vez que un Mala objeto se colisionando con un objeto GoLeft,

su GoLeft variable se establece en 1. Vamos a añadir el evento para mover el enemigo

en unos momentos. 

Por ahora, agregar otro evento similar para establecer la variable del objeto a 0 si está

colisionando con GoRight:

Ahora que el objeto es capaz de recordar dónde debe ir, sólo tenemos que comparar el

valor de esta variable y mover el objeto: Añadir evento comprobar si la variable de objeto Malo es igual a 0 . Luego, agregar una

acción añadiendo a Mala una fuerza con coordenadas siendo 50 píxeles en el eje X y 0

en el eje Y: Las fuerzas son un mecanismo incorporado que permite mover fácilmente

objetos en la escena (La acción está disponible en todos los objetos> Desplazamiento>

Añadir una fuerza a un objeto). Aquí, la fuerza se mueva el objeto a la derecha a la

velocidad de 50 píxeles por segundo:

Añadir un evento similar para mover el objeto a la izquierda cuando la variable GoLeft de Mala es igual a 1:

Page 68: Tutorial Paso a Paso Para GDevelop

Si inicia la vista previa, debería ver que el enemigo se está moviendo entre los

marcadores. Si esto no funciona, compruebe que el objeto está colisionando con uno

de la marca en el principio de la escena (de lo contrario, que no se mueva en

absoluto!). Compruebe también que los eventos son correctos.

Los marcadores son visibles cuando estamos jugando. Para ocultarlos, sólo tiene que

añadir este evento:

La condición está disponible dentro de la escena categoría, y es verdadera sólo cuando

comienza la escena. Las dos acciones, disponibles en Objetos> Visibilidad son útiles

para ocultar un objeto mientras se asegura de que todavía está en la escena.Destruir al enemigo al saltar sobre ellaPara finalizar este tutorial, el jugador debe ser capaz de destruir al enemigo saltando

sobre ella. 

Esto se puede hacer mediante la adición de un evento con dos condiciones: la primera

condición comprueba si el jugador está colisionando con un enemigo. . Los controles de

segundo estado si el jugador está cayendo 

Si se cumplen estas condiciones, el objeto enemigo chocar con el jugador es destruido

y que incluso pueden hacer que el jugador salta de nuevo para dar la impresión de que

se está recuperando en el enemigo:

Ya hemos usado las condiciones y la primera acción. En última dos acciones están

disponibles dentro del automatismo Plataformacategoría.

Adición de objetos de fondoAdición de algunos objetos en el fondo es muy fácil: Sólo tiene que añadir algunos

sprites con las imágenes que desee y los puso en la escena.

Para asegurarse de que los objetos se muestran detrás del jugador, seleccionarlos en el

editor de escenas y poner un valor negativo como una Orden Z: Cualquier objeto con

un mayor valor Z Orden se mostrará en frente de ellos.

Page 69: Tutorial Paso a Paso Para GDevelop

Asegúrese también de que estos objetos están en la capa de base (La propiedad de

capa debe estar vacío).

Utilice Intel XDK exportar a Android o iOSIntel XDK es un software es una plataforma de desarrollo de HTML5 que vienen con

un servicio que permite la construcción de Android o iOS aplicación desde un

appplication HTML5. Con la última versión del juego desarrolla, una opción está

disponible, al exportar un juego creado en la plataforma Web, para exportar el juego en

un proyecto que se puede abrir con Intel XDK y luego compilado para Android o iOS.

Exportar el juegoEn primer lugar, abra su juego en el Juego Desarrollar y elija Archivo> Exportar a la

web en la cinta. Elija luego exportar a iOS o Android (con Intel XDK) y haga clic

en Exportar .

Abrirlo con Intel XDKUna vez finalizada la exportación, una ventana le indica donde el juego está disponible:

Descargar e instalar Intel XDK si usted no lo tiene. Es gratis y disponible en http://xdk-

software.intel.com/ . Después de la instalación, lanzarlo. Es necesario crear una cuenta

en el primer arranque y luego se muestra la página de inicio:

Page 70: Tutorial Paso a Paso Para GDevelop

En la página principal de Intel XDK, seleccione Abrir un proyecto y seleccione el archivo

de proyecto disponible en el directorio donde se exportó el juego.

Haga clic a continuación sobre la acumulación ficha.

Exportar para AndroidPara Android, elija Paso de peatones por Android .

Page 71: Tutorial Paso a Paso Para GDevelop

Haga clic en Generar y su proyecto se carga en los servidores XDK Intel.

Una vez finalizada la carga, lo que tienes que completar alguna información sobre su

juego, que son bastante straighforward:

Page 72: Tutorial Paso a Paso Para GDevelop

La segunda forma le permiten personalizar los iconos que se utilizan para el juego:

Page 73: Tutorial Paso a Paso Para GDevelop

Es una buena idea tener iconos personalizados para su juego, pero se puede omitir

este paso si lo que desea es hacer algunas pruebas.

Cuando haya terminado, haga clic en Ir al siguiente paso y luego Build App ahora . Su

juego se está construyendo en los servidores XDK Intel. Cuando se hace, usted recibirá

un correo electrónico y una ventana de confirmación le mostrará enlaces a la APK que

puede enviar a los dispositivos o entregue a Google Play Store .

Page 74: Tutorial Paso a Paso Para GDevelop

Para la mayoría de los dispositivos Android, usted tiene que utilizar

el brazo APK. El x86 APK es sólo para algunos dispositivos como tabletas que utilizan

un procesador Intel.

Cómo utilizar variables?Las variables son extremadamente útiles en un juego: Pueden ser utilizados para

recordar un montón de información, como la vida del jugador, el estado de un objeto,

la cantidad de munición disponible ... 

En este tutorial, vamos a mostrar cómo utiliza variables en un contexto diferente.

Puede descargar el pequeño proyecto utilizado para el tutorial

aquí: http://www.compilgames.net/dl/VariablesTutorial.zip

y también se puede probar en línea .

Y, por supuesto, no dude en experimentar con el proyecto y los eventos! 

Rápido recordatorio acerca de las variables en juego DesarrollarVariables permiten almacenar datos, por ejemplo, un número o un texto. Podríamos

compararlos con cajones o cajas donde podemos presentar notas. Cualquier dato se

pueden almacenar, siempre y cuando se encuentra en el texto o el número de formato:

número de vidas restantes, de alta puntuación, balas de izquierda, los enemigos

muertos, etc ... que son probablemente va a utilizar los números a menudo.

Las variables están asociadas a una escena (Los llamamos escena o en el juego

(variable) Global de variables). Los valores de las variables globales no se cambian

cuando se cambia a un nuevo escenario, mientras se restablecen las variables escena. 

Cada objeto de una escena también puede tener su propio conjunto de variables: En

este caso, las variables se denominan objetosvariables.

El uso de variablesGuarde el estado de un objetoLas variables pueden ser usados para almacenar el estado de un objeto: En el ejemplo, el jugador objeto contiene una variable llamadaSalto . 

Page 75: Tutorial Paso a Paso Para GDevelop

Cuando la variable se establece en 0, consideramos que el objeto no está saltando y

cuando se establece en 1, que considera que el objeto está en el aire. En este caso, se utiliza la variable para evitar añadir más de un impulso al jugador cuando Espacial se

presiona:

Las condiciones están probando si espacial se presiona y si la variable se establece

en 0. Si se cumplen las condiciones, las acciones se disparan: El objeto se mueve, y el salto variable se establece en 1. De este modo, las acciones no serán capaz de

activarse más de una vez.Entonces, necesitamos un retroceso en el salto variables a 0 cuando el objeto ha

aterrizado en la tierra:

Y eso es todo. El uso de esta variable, ahora podemos saber fácilmente si el objeto está

en el aire o en el suelo, y evitar repeticiones no deseadas de las acciones.Guarde una cantidadLas variables también se utilizan a menudo para almacenar la vida / munición o

cualquier otra cantidad relacionada con el jugador o de objetos. En nuestro ejemplo, la vida se almacena en una variable escena llamada Vida . Por

defecto, la variable se establece en 100 (En el gestor de proyectos, hacer un clic

derecho sobre la escena y selecciona "variables iniciales 'para mostrar los valores

iniciales establecidos.)

Cuando el reproductor clic en el carácter, el carácter se envía en el aire y una

animación de dolor se establece. También queremos disminuir la vida 20:

Aquí sólo hemos utilizado una acción para disminuir la variable, por lo que cada vez

que el jugador se hace clic, se reducirá la vida. 

Tenga en cuenta que las condiciones se asegura de que las acciones no se repitan más

de una vez en una fila (De lo contrario, disminuiría la vida varias veces por segundo, y

no queremos que esto!)Aumentar progresivamente una variableA veces, queremos aumentar una variable más lentamente. Se puede hacer fácilmente usando el timedelta función, que devuelve el tiempo, en segundos, para calcular el

último fotograma mostrado. Aquí, sólo aumentamos la vida del jugador, a razón de 5

puntos por segundo:

Page 76: Tutorial Paso a Paso Para GDevelop

También podría disminuir una variable de la misma manera: Basta con sustituir el + por

un - .

Limitar los valores de una variableLa vida debe ser siempre entre 0 y 100 en nuestro pequeño juego: Para asegurar que

es una variable entre dos valores, utiliza dos eventos como este:

Tenga en cuenta que este tipo de eventos se debe hacer al final de la hoja de evento, o

por lo menos pone después de los acontecimientos de cada modificación de la variable,

de lo contrario estos eventos podrían cambiar de nuevo el valor de la variable y hacer

que se vaya fuera de la gama.Viendo una variable en la pantallaMostrando el valor de una variable para el jugador es fácil: Ponga un texto objeto en

algún lugar de la escena. 

Entonces, sólo tiene que añadir un ajuste del texto del objeto de evento:

El valor se consigue utilizando la (Vida) Variable parte. Entonces, nos convertimos

en un texto utilizando ToString , y finalmente, se concatena con un pequeño texto

(Recuerde siempre utilizar comillas cuando desea mostrar un texto). También hemos añadido una llamada a la ronda función para que se muestre la variable como un

número entero sin decimales: "La vida:" + ToString (redonda (Variable

(Vida))) .

También puede visualizar la variable de un objeto como éste: ToString

(Player.Variable (munición)) , 

o, si la variable contiene un texto, utilice variableString para obtener su

contenido: "Su nombre es" + variableString (PlayerName) .

La última parte del tutorial está dedicado a las estructuras , un tipo avanzado de

variable. Si usted es un principiante, es probable que no necesita leer esta parte, por

ahora: Experimento primero todas las técnicas que se muestran arriba, y luego volver si desea más información acerca de la estructura

Uso avanzado de variables: EstructurasJuego Desarrollar soporta una función avanzada de variables denominadas Estructuras . Las variables en juego desarrolla lata contiene ya sea un

número, un texto o ser una estructura . En este caso, no tiene ningún valor, pero

contiene en lugar de otras variables, llamó a lasvariables infantiles . 

Por supuesto, estas variables niño puede contener números, textos o también ser

estructuras propias variables.

Page 77: Tutorial Paso a Paso Para GDevelop

Si desea utilizar una variable como una estructura, sólo tienes que evitar el cambio de

su valor o de texto (como estructuras variables que no tienen ningún valor). Luego,

para modificar el valor de una variable niño, basta con introducir el nombre como una

variable: el nombrede la variable seguido de un período y finalmente el nombre del niño variable. Por ejemplo: PlayersStats.NumberOfDeaths .

Como variables normales, si no existe el niño, éste se creará. 

También hay una prueba de condición para la existencia de un niño, e incluso una

acción para retirar a un niño de una variable de estructura.Acceso dinámico a los niñosHijos de una estructura también se puede acceder mediante una expresión de texto, con esta sintaxis: variable [ expresión ] . 

Por ejemplo, podemos imaginar que usted está almacenando las estadísticas del

jugador para cada nivel, llamado Nivel 1, Nivel 2, Nivel 3 ... Si quiere mostrar al jugador

las estadísticas para un nivel específico, puede almacenar el número de nivel en una variable llamadaCurrentLevel . 

Entonces, usted puede acceder a las estadísticas utilizando esta sintaxis: PlayersStats [ "Nivel" + ToString (Variable ( CurrentLevel)) ].

Otros usos avanzadosEstructuras son útiles para almacenar datos estructurados. También les puede utiliza cuando se necesita matriz: Sólo el nombre de los niños 0 , 1 , 2 ... 

acciones y expresiones también están disponibles para convertir una estructura de / a

un JSON cadena, una notación utilizada actualmente en la web para intercambiar

datos.

Cómo distribuir tu juego?Al desarrollar su juego, usted puede obtener una vista previa utilizando la Vista

previa de botón de la cinta. Cuando se desea distribuir sus juegos, usted tiene que

pasar por el proceso de exportación.

Exportación de un juego HTML5Si va a crear un juego usando la Plataforma Web, esta sección se aplica para usted:

Page 78: Tutorial Paso a Paso Para GDevelop

En Archivo menú, seleccione Exportar a la web :

A continuación, elija un directorio donde exportar el juego. También puede elegir si se

minified el juego.

Haga clic en Exportar para iniciar el proceso de exportación. Cuando se acabó, se le

preguntará si desea abrir el directorio de exportación. 

En este directorio, todos los archivos que necesita tu juego están presentes:

Page 79: Tutorial Paso a Paso Para GDevelop

No se puede jugar al juego desde aquí, tienes primero en enviar todos los archivos en

un web hosting y luego ir con un navegador para la ubicación en la que ha cargado el

juego.

Exportación de un juego nativoExportación de un juego nativo es similar a los juegos de HTML5:En el menú Archivo , elija Compilar a un ejecutable nativo .

En el cuadro de diálogo, elija un directorio de exportación y, a continuación, haga clic en Compilar . Puede leer aquí una descripción de todas las opciones disponibles. 

Una vez finalizada la compilación, todos los archivos necesarios para su juego están

presentes en el directorio elegido.

Puede iniciar el juego haciendo doble clic en el archivo ejecutable (GameWin.exe por

defecto en Windows, GameLinux por defecto en Linux). Si desea compartir sus juegos,

puede comprimir el directorio completo en un archivo zip, y luego enviarlo en la web

usando un alojamiento web o un servicio como Dropbox.

Tutorial en hacer un juego de carreras multijugadorEste tutorial asume que usted sabe cómo usar juego desarrolla bien y no es nuevo para

él. Para ver los cursos para principiantes, vaya

ahttp://www.wiki.compilgames.net/doku.php/en/game_develop/tutorials para ver más

tutoriales. El producto final debe ser similar a esto:PreparaciónEn primer lugar asegúrese de que ya ha descargado Juego Develop. Si no es así, por

favor descargue la última versión desde aquí http://compilgames.net . 

Asegúrese de que usted siempre tiene la versión más reciente porque las versiones

más antiguas pueden tener errores.Creación del proyectoCrear un nuevo proyecto. Para este tutorial, vamos a utilizar la plataforma nativa, ya

que tiene la extensión de la red y la plataforma web no lo hace. Haga clic en proyecto

vacío y elegir el camino que desea guardar su proyecto

Page 80: Tutorial Paso a Paso Para GDevelop

en. 

ExtensionesNecesitaremos 4 extensiones:

Prestaciones de la red (para el modo multijugador)

Cuadros de diálogo comunes (para escribir en la ip, ect)

Objeto de texto (para el "Ready ... listos ... ya!" Texto)

Baldosa Sprites (por la carretera y el fondo)

Page 81: Tutorial Paso a Paso Para GDevelop

GráficosNecesitamos imágenes para hacer que el juego. Los gráficos que he usado ya están

incluido con juego desarrolla, por lo que deben tener ellos. No es necesario utilizar ellos

sin embargo si usted dibuja sus propios gráficos. Los gráficos que se utilizan son

voiture2nd.png, voiture.png, police.png, LargeGrass.png, finishline.png,

RouteHorizontale.png, RouteVerticale.png y 2dSmallWoodBox.jpg. Las imágenes deben

estar todos en la carpeta de ejemplos que se encuentra dentro del juego desarrollar

Page 82: Tutorial Paso a Paso Para GDevelop

carpeta. 

Adición de pistas y AntecedentesTodo hecho con tanta rapidez? Bueno, a continuación, pasar al siguiente paso de

la. Crear un nuevo alicatado Sprite denominada Fondo.Utilice LargeGrass.png para el

gráfico. Usted realmente no tiene que hacer nada con ella, ya que vamos a añadir en el

fondo último porque no sabemos qué tan grande será la pista. Ahora, crear otros dos

sprites de baldosas y nombrarlos RoadHorizontal y RoadVertical.Use

RouteHorizontale.png y RouteVerticale.png consecuencia para los sprites. No vamos a

estar haciendo la pista todavía. Además, me siento, pero juego Desarrollar no

proporcionó carreteras curvas, así que tienes que poner los caminos horizontales y

verticales junto a la otra para hacer una "curva".Coches y direcciónHaga su teclado en el volante! Ok, tal vez usted tiene que programar primero. Algunos

de ustedes pueden estar preguntándose por qué no he incluido la extensión de 4

direcciones. Eso es porque lo quiero para que encienda con las teclas de izquierda y

derecha. Ok, basta de hablar, vamos a empezar. En primer lugar, añadir dos nuevos

sprites. Llámalos coches y Car2. Utilice voiture.png y voiture2nd.png para los gráficos

de automóviles. Ahora arrastre el objeto 2 en la escena. Abra la ventana de edición de

sprites y haga clic en Editar máscara de colisión. (Por cierto mi pantalla puede ser

Page 83: Tutorial Paso a Paso Para GDevelop

diferente a la suya, porque ya he editado la máscara de colisión. De hecho, me terminé

el proyecto antes de escribir este tutorial) 

Muy bien, ahora le permite editar la máscara de colisión. Eliminar la vieja máscara de

colisión. Habrá salir otro. Eliminar también. Ahora haga clic en el botón de la esquina

superior izquierda de la pantalla. Un diálogo saldrá. Introduzca 61 para el primero y 26

para el segundo.Haga lo mismo para car2. Estamos haciendo una nueva máscara de

colisión debido a píxel perfecta colisión no funciona con sprites contra sprites de

baldosas, y la máscara de colisión original es demasiado grande para los

coches. Ahora, vamos a empezar a trabajar en los eventos. Ir a la página del evento y

crear un 4 eventos nuevos: Si hasta se pulsa la tecla, añadir a coche una fuerza,

ángulo: Car.Angle () grados y longitud: 300 píxeles Esto mueve el coche hacia adelante

al pulsar tecla de aumento y también permite a la dirección . Si se pulsa la tecla abajo,

añadir a coche una fuerza, ángulo: Car.Angle () + 180 grados y longitud: 100 píxeles .

Esto mueve el coche hacia atrás cuando se presiona hacia abajo la llave y se ve

afectada por la dirección del coche Si tecla izquierda se presiona, hacer -200 *

timedelta () para el ángulo de coche Esto le permite dirigir a la izquierda pulsando la

tecla izquierda. Tiempo delta permite que los eventos se ejecuten siempre la misma

velocidad por lo que incluso si su fps es como 10, sus resultados serían alrededor de la

misma como un tipo que tiene 60 fps. Leer más sobre timedelta ()

aquí http://wiki.compilgames.net/doku.php/en/game_develop/documentation/manual/

pres_concepts. Si se pulsa la tecla derecha, hacer + 200 * timedelta () para el ángulo

de coche El mismo concepto de dirección a la izquierda, sólo opuesta. Soy plenamente

consciente de que no he mencionado la adición de los eventos para car2. Vamos a

añadir que después. 

Page 85: Tutorial Paso a Paso Para GDevelop

Polizia!Policía, bajan sus armas! Está bien, sólo estoy bromeando. Vamos a añadir los coches

de policía a la ecuación. Añadir 2 nuevos sprites y uso tanto police.png como

gráfico. Cambie sus máscaras de colisión a 61, 26. Hacer que ser un poco detrás de los

coches de carreras. Su AI será simple: Siempre, añadir a la policía una fuerza, ángulo:

Police.Angle () grados y longitud: 250 pixels, agregar a policía2 una fuerza, ángulo:

Police2.Angle () grados y longitud: 250 píxeles, giran policía hacia Car.PointX (Centro);

Car.PointY (Centro) a velocidad 0deg / segundo, gire hacia policía2 Car2.PointX

(Centro); Car2.PointY (Centro) a velocidad 0deg / segundo Esto mueve la policía hacia

el auto y policía2 hacia car2

Page 86: Tutorial Paso a Paso Para GDevelop

 

Ganar y PerderCrear una nueva variable denominada escena victoria. Añadir estos 3 eventos: 

Coche está en colisión con la Policía (máscaras de colisión), hacer = 2 a la victoria

variables 

. Car2 entre en colisión con policía2 (máscaras de colisión), do = 1 para ganar la

variable 

! victoria Variable = 0, disparará una vez, mensaje de la pantalla "" Y el ganador es ...

Player "+ variableString (ganar) +" "", ir a la escena your_scene_name_here Sé que

tiene 2 dobles comillas en el exterior, siempre es así. Sólo añadir una cita doble sin

embargo.Ahora agregue una nueva sprites y el nombre de meta. Utilice finishline.png

para la imagen. Ahora hacer: Coche está en colisión con gol (máscaras de colisión),

hacer = 1 para ganar la variable Car2 entre en colisión con la meta (máscaras de

colisión), hacer = 2 a la victoria variable. explicación rápida: Si = 1 victoria, triunfos de

automóviles. Si gana el triunfo = 2 car2. 

Page 87: Tutorial Paso a Paso Para GDevelop

MultijugadorAñadir estos eventos: 

Al principio de la escena:

Visualizar "mensaje Iniciando" con el título "título"

Abre un cuadro de diálogo de entrada de texto, y guardar el resultado en IP

variable (por este sólo hay que preguntar al jugador la IP del reproductor se

están conectando a)

Abrir un cuadro de mensaje No Sí / y guardar como resultado jugador variable

(por este preguntar al jugador si son reproductor de uno o dos jugadores)

Inicialice la recepción de datos

Añadir variableString (IP) a destinatarios Esto le permite recibir datos de un IP a

través de un puerto (por defecto es 50001).

Ahora tiene que añadir en los sucesos que envían y recibe la información. Pero antes

de eso, es necesario agregar los controles para car2.Añadir 2 eventos nuevos: 

El texto del jugador variable es "sí" y ganar variable = 0 

Page 88: Tutorial Paso a Paso Para GDevelop

El texto del jugador variable es "no" y ganar variable = 0 

Ahora pon el control del primer coche como eventos subregionales del primer evento

nuevo. Duplicar los controles del primer coche y hacer lo mismo para el segundo

evento, excepto cambiar el nombre de los controles para car2. Ahora bien, en el caso

de que sí, añadir los siguientes:

Recibir datos

Enviar Car.X valor () con el título "XPosition" a los destinatarios Esto envía la

posición del coche X a otro jugador

Enviar Car.Y valor () con el título "YPosition" a los destinatarios Esto envía la

posición Y del coche a otro jugador

Enviar Car.Angle valor () con el título "Ángulo" a los destinatarios Esto envía

ángulo del coche a otro jugador

Haga = Red :: GetReceivedDataValue ("XPosition2"); = Red ::

GetReceivedDataValue ("YPosition2") a la posición de car2 Este recibe X del

otro coche y la posición Y

Haga = Red :: GetReceivedDataValue ("angle2") con el ángulo de car2 Este

recibe ángulo del otro coche

Para leer más acerca de las redes, ir

aquíhttp://wwww.wiki.compilgames.net/doku.php/en/game_develop/documentation/

Page 89: Tutorial Paso a Paso Para GDevelop

manual/built_network 

La Ciencia TrackEl juego sería muy inútil si no hubo dificultad al juego. Vamos a añadir los nuestros

vehículos por lo que si están fuera de la pista, ellos van más lento (porque no hay

hierba: D) Añadir una condición tanto de cara al futuro y yendo hacia atrás eventos

(para dos coches). Añadir la condición OR (en la sección avanzada). Ahora añadir otros

2 condiciones dentro de la condición OR. Debe ser el coche / car2 entre en colisión con

RoadVertical (máscaras de colisión) o en coche / car2 entre en colisión con

RoadHorizontal (máscaras de colisión) Ahora duplicar el ir hacia adelante y hacia atrás

pasando evento (para dos coches) y revertir la colisión para que el evento sucede

cuando el coche no está en contacto con una carretera, pero el jugador sigue

presionando hacia arriba o hacia abajo las teclas. Cambie la velocidad de arriba para

ser 100 píxeles y la velocidad de tecla para ser 25 píxeles. De esta forma si el coche

del jugador no está en el camino que será más lenta y la policía se pondrá al día con

ellos. Eso hace que el juego sea más difícil y más habilidad basado.A partir del mensajeCrear un nuevo objeto de texto. Escribe el texto "Ready" en su interior. Nombre que se

inicia. Crear una nueva capa y moverlo a la parte superior. Nombre que HUD. Añadir 3

eventos (Solía comparar expresiones condición para las tres primeras condiciones):

Page 90: Tutorial Paso a Paso Para GDevelop

TimeFromStart ()> = 1, disparar una vez, Do = "Ready ..." al texto de inicio

TimeFromStart ()> = 2, desencadenan una vez, Do = "Configurar ..." para el

texto de inicio

TimeFromStart ()> = 3, desencadenan una vez, Do = "GO !!!" al texto de inicio

TimeFromStart ()> = 4, desencadenan una vez, Eliminar inicio objeto

Ahora tenemos que añadir que para que los coches de carreras y coches de policía no

pueden moverse hasta que el texto dice "GO !!!" Simplemente crear un nuevo evento

con TimeFromStart ()> = 3 y puso toda la coche y el movimiento de la policía a su sub

evento.Las PistasAhora agregue el fondo, los coches, la policía, las pistas, y la meta para el juego! Nada

más necesita ser mencionado.CámaraNecesitamos la cámara para seguir el jugador en el caso de la pista es más grande que

la pantalla. Añadir una acción para coche y car2.Deben ser colocados en los eventos de

networking son para que la cámara seguirá coche / car2 todo el tiempo. Use un Centro

de la cámara sobre un objeto dentro de unos límites. Centrar la cámara en el coche /

car2. Para saber más sobre el centrado de la cámara en los objetos dentro de ciertos

límites, debe decir: http://www.forum.compilgames.net/viewtopic.php?f=20&t=5252LímiteCasi hecho! Tenemos que dejar el coche en salir del campo de juego mediante la

creación de un nuevo sprite de llamada de obstáculos con

2dSmallWoodBox.jpg. Añadimos el evento: 

Coche / car2 entre en colisión con obstáculos (píxel), alejarse del coche / car2 de

obstáculo (único coche / car2 se moverá). Esto mueve el coche lejos del obstáculo

cuando el coche toca el obstáculo. Ahora añadir los obstáculos alrededor del campo de

juego para que el jugador no puede salir del campo de juego. 

Corrección de erroresHay un pequeño problema al jugar el juego. Cuando termine de jugar, tiene que

reiniciar. Cuando intenta cerrar el juego, mientras que el diálogo es, el juego se

congela. Una corrección a que se agregue al evento cuando victoria = 0 se elimine

primero ir a la escena y añadir: 

Abrir un cuadro de mensaje No Sí / y, y guardar el resultado en Continuar 

Ahora agregue 2 nuevo evento: 

El texto de la variable es Continuar = "yes", ir a la escena "your_scene" 

El texto de la variable Continuar se = "no", salir del juego La acción dejó el juego es en

acciones de escena.¡FelicidadesBuen trabajo! ¿Ha terminado este tutorial muy aburrido sin salir! Dése una palmadita

en la espalda. Compilar el juego a donde quieras y divertirse!Extra

Page 91: Tutorial Paso a Paso Para GDevelop

Para jugar a este juego, usted y su amigo debe tanto puerto adelante al puerto 50001

y utilizar mutuamente IP externa para conectar entre sí. Usted puede encontrar su ip

externa yendo a http://www.whatismyip.com . Diviértete jugando a este juego con tus

amigos! 

También aquí hay un enlace a mi versión del juego. 

Una imagen del juego en mi editor de escenas:

Creación de un juego de memoria Match en GDeveloppor komencanto

Este tutorial está basado en el tutorial original de "Creación de un Match Game

memoria en Construct 2" por kittiewan :

https://www.scirra.com/tutorials/280/creating-a-memory-match-game/page-1

Para este tutorial necesitarás GDevelop , ver. 3.5.74.0 o superior.

También vamos a utilizar los gráficos de tarjetas, creadas por kittiewan en este

tutorial, que se puede descargar de la página vinculada (buscamos Memory Match

Tutorial paquete , la carpeta Tarjetas de Video ). O si usted desea utilizar sus propias

Page 92: Tutorial Paso a Paso Para GDevelop

imágenes que necesita 13 de ellos: 12 para el lado de la cara de la tarjeta y 1 para la

parte posterior de una tarjeta.

Puede probar el juego original aquí: http://www.scirra.com/arcade/addicting-example-

games/956/memory-match-tutorial

El objetivo del juego es encontrar los correspondientes pares de cartas en el menor

número de vueltas posibles.

El tutorial consta de 5 partes que guiarán paso a paso en la creación de este juego.

Puedes dejar tus comentarios acerca de este tutorial en el foro

GD: http://www.forum.compilgames.net/viewtopic.php?f=19&t=5471

PARTE 1: INTRODUCCIÓN DE UN OBJETO TARJETA PARA LA ESCENA(Configuración de la ventana de juego, la inserción de un objeto sprite, agregando

animaciones, haciendo que la responden tarjeta a un clic del ratón.)

A. Ajuste de un tamaño de ventana y un color de fondo.Lanzamiento GDevelop.

Crear un nuevo proyecto (el nuevo botón en la parte superior o Crear un nuevo

proyecto en la ventana principal de la página de inicio ), seleccione proyecto

vacío , plataforma nativa (siempre se puede cambiar a la plataforma Web , pero el

depurador sólo está disponible en el plataforma nativa). Bajo Elija un archivo para el proyecto , cambiar el nombre de la carpeta Mi proyecto para MemoryMatch y el

nombre del proyecto de Project.gdg a MemoryMatch_1.gdg (vamos a guardar cada

parte del proyecto como un archivo separado). Al final, haga clic en el botón Crear

nuevo proyecto .

Ahora vamos a elegir el tamaño de la ventana del juego y el color de su fondo.Haga clic derecho en el proyecto en el Project Manager y seleccione Editar la

propiedad del juego . Ajuste el ancho de la ventana a 640 y la ventana de Altura a 480. Cierre la ventana de Propiedades del proyecto .

A continuación, haga clic en el nuevo escenario en el Project Manager y

seleccione Editar las propiedades . Cambiar el color de fondo de la escena a la que

contrastará con las tarjetas blancas - verde, por ejemplo, y haga clic en Aceptar . También vamos a cambiar el nombre de nuestra escena de Nueva

escena de juego . Haga clic derecho sobre el nombre de Nueva escena y

seleccione Cambiar nombre . Escriba el nuevo nombre.

B. Inserción de un objeto sprite, añadir animaciones a ellaAhora vamos a agregar una tarjeta de objeto a la escena.

- Haga clic en la escena (campo verde con un marco en la ventana principal) y seleccione Insertar un nuevo objeto . Seleccione Sprite y, a continuación, haga clic

en Aceptar .

- En el editor de sprites, haga clic en el archivo de la ventana y seleccione Agregar

una imagen desde un archivo. En la carpeta que contiene los gráficos de la tarjeta,

Page 93: Tutorial Paso a Paso Para GDevelop

seleccione el archivo CardBack.png y haga clic en Abrir . A continuación, cierre el

editor de sprites.

La imagen de la tarjeta aparecerá en la escena.

Vamos a pasar dentro del marco de nuestra escena, que muestra su parte visible

cuando el juego está en marcha.Ahora vamos a renombrar nuestro objeto tarjeta de nuevo objeto a la tarjeta . Para

hacer esto en los objetos Editor ' , haga clic derecho en el objeto nuevo objeto ,

seleccione Cambiar nombre y cambie el nombre a la tarjeta .

(Nota: 

- Juego Desarrollar mayúsculas y minúsculas La 'tarjeta' y 'Tarjeta' será nombres para

dos objetos diferentes..) - Si la ventana Editor de objetos está cerrado, ábralo seleccionando Escena-Objetos

Editor en el menú superior).

Ahora agregue otra animación de nuestra tarjeta, que contendrá sus imágenes de la

cara.Para ello, haga doble clic en el editor de objetos en el objeto de la tarjeta para

abrir la edición de un objeto Sprite ventana. En ella a la izquierda

verás Animación ventana con Animación 0 en ella que sólo tiene un marco - la parte

posterior de la tarjeta. Ahora vamos a añadir otra animación para nuestra tarjeta con

todas las imágenes de la cara que se puede tener.Para hacer esto en la animación de la ventana, haga clic en el signo más ( Añadir

animación ). Animación 1 se añadirá. Luego haga clic derecho en el

fondo Imágenes ventana y seleccione Agregar una imagen desde un

archivo . Seleccione todos los archivos con imágenes de las caras de la tarjeta (haga clic en la primera imagen, a continuación, Mayús + clic en el pasado y haga clic

en Abrir Verá entonces 12 imágenes -. marcos de 0-11 de la animación 1 de nuestra

tarjeta.

Ahora tenemos que repetir la misma acción e insertar otros 12 marcos a nuestra

animación y colocar mismas imágenes lado a lado. Nos ayudará en el futuro identificar

tarjetas partidos.

Para poner las mismas imágenes una junto a otra, haga clic en el cuadro 12 (hoja) y

presione "j" para moverlo a la izquierda hasta que se colocará al lado del marco 0 (la

misma imagen de una hoja). Y repetir que para cada uno de los cuadros

restantes. Como resultado, usted verá 12 pares de marcos con las mismas imágenes. Ahora puede cerrar la ventana de edición de un objeto Sprite .

C. Como reacción al clic del ratónPor lo tanto, hemos preparado nuestra tarjeta, ahora vamos a hacer reaccionar a un clic del ratón, cambiando su animación de Animación 0(reverso de una tarjeta)

a Animación 1 (cara de la tarjeta).

Para ello, vaya al editor de eventos (ficha Eventos junto a la ficha de escena ), y crear

nuestro primer evento.

Así, en el editor de eventos, en el panel superior, haga clic en Agregar un Evento .

Mueva el cursor del ratón a la parte de ella que dice Ninguna condición y

seleccione Agregar una condición .

Page 94: Tutorial Paso a Paso Para GDevelop

Se abrirá una ventana con una lista de posibles condiciones, agrupados en categorías a

la izquierda y con la descripción de los mismos a la derecha.

Elija:Sprite - Mouse - El cursor está en un objeto .

En la parte derecha de la ventana, elija objeto tarjeta haciendo clic en un botón con

la imagen del cubo sobre él y seleccionando la tarjeta de la lista. Luego haga clic

en Aceptar .

Ahora vamos a añadir un sub-evento.Para ello, seleccione nuestro primer evento haciendo clic en el número 1 , y añadir un

sub-evento por botón Añadir un sub-evento en la parte superior o en una ficha Un sub-

evento bajo nuestro caso).

Añadir una condición:Mouse - botón del ratón.

Haga clic en el botón con la imagen de un ratón sobre él y seleccione el botón

izquierdo . Haga clic en Aceptar .

Ahora tenemos que añadir gatillo una vez condición ejecutar no constantemente

nuestro evento mientras se pulsa el botón del ratón.

Para ello, agregue una condición:Avanzada - Se dispara una vez, mientras que la verdadera

Así que, si el cursor del ratón está en presionar el botón izquierdo del ratón y tarjeta,

entonces ... Tenemos que añadir una acción que cambia la animación de la tarjeta,

cuando se cumplen estas condiciones.

Mueve el ratón a la parte de nuestra sub-evento con palabras de No Acción y

seleccione Añadir una acción .

Elija:Sprite - Las animaciones e imágenes - Cambiar la animación

del objeto: tarjeta de

signo de Modificación: = 

Valor: 1y haga clic en Aceptar

Ahora, si vamos a correr nuestro juego ( Escena-Ver ) después de hacer clic en la

tarjeta se mostrará todas sus imágenes de la cara de la primera a la última. 

Vamos a arreglarlo. (Para salir de la Vista previa de modo de clic en la edición botón.)

Necesitamos la tarjeta para mostrar sólo una imagen de la cara de ella - no todos

ellos. Para ello, tenemos que detener la animación.Ir al editor de eventos y añadir otra acción en nuestro sub-evento: Acción: Sprite -

Las animaciones e imágenes - Pausa la animación del objeto: tarjeta .

Nuestros eventos se verá así:

Page 95: Tutorial Paso a Paso Para GDevelop

Ahora vamos a ejecutar nuestro proyecto.

Ir a la escena y haga clic en la Vista previa de botón en la cinta.

Si hacemos clic en nuestra tarjeta, cambia su imagen de la tarjeta de nuevo a su

primera fotografía de caras (hoja).

Para salir del modo de vista previa, pulse Edición botón de la cinta en la parte superior.

En la siguiente parte vamos a sentar las tarjetas, y hacemos cada tarjeta de mostrar su

propia imagen de la cara.

Parte 2