Blog

How to install SDL2 Libraries in Ubuntu 18

Installing SDL (Simple media layer) is very easy , just follow the next steps.

Open the terminal and write this command  line:

apt-cache search ^libsdl | grep 2.0.0

Them the terminal will show you this:

libsdl-ttf2.0-0 – TrueType Font library for Simple DirectMedia Layer 1.2, libraries
libsdl2-2.0-0 – Simple DirectMedia Layer
libsdl2-image-2.0-0 – Image loading library for Simple DirectMedia Layer 2, libraries
libsdl2-mixer-2.0-0 – Mixer library for Simple DirectMedia Layer 2, libraries
libsdl2-net-2.0-0 – Network library for Simple DirectMedia Layer 2, libraries
libsdl2-ttf-2.0-0 – TrueType Font library for Simple DirectMedia Layer 2, libraries

Them just tipe  :     sudo apt-get installHERE YOU PUT THE NAME OF THE FILE”

Example : sudo apt-get install libsdl-ttf2.0-0

And that is all , just repeat the command line and change the name  of the file you want to install.

 

How to Make A jumping Wall Character

Hello in this tutorial I’m going to explain how to make your character jump against a wall.

First we have to create the player object, once done that create a wall object and a jumping wall object.

The jumping wall object will be used as a trigger for the player, this way we can activate the jumping wall only in the walls we want to.

To the player character you must gave him the platformed behavior and for the wall the platform behavior.

I did this tutorial based on this one  http://jubeliuksen3.blogspot.com/2016/09/gdevelop-how-to-make-wall-jumping.html. but i did changes to make it more efficient.

Here is a screen shot of the conditions and actions

The logic is very simple , is the object collides against the jumping wall (the object that work as a trigger) the jump variable will be set to 1.

The purpose of this variable is for indicate to the engine to activate the wall jumping behavior.

In this case i create two points in mi sprite object , one called “L” and the other called “R”, if one of this points are inside of the jumping wall a variable called “L” will be set to 1 or 0 .

Obviously you have to move the point “R” to the right side of the sprite and “L” to the left side.

If the point “L” is inside of the wall the variable will be set to 1 , that mean that the collision is from the left side.

If the variable “L” is 0 , the collision was from the right side.

The purpose of this is to avoid that the player jump in the same side of the wall until he reach the top, other way the player will be able to jump without going against the other wall.

 

Now, is the variable jump is set to 1 , we are going to decrease gravity and falling speed , this way we can gave more chance to the player to jump again.

As you can see in the image above if the Variable “L”  is 0 (The player is colliding against the wall from the right side) and the left key is pressed the player will jump to the left.

And  if the Variable “L”  is 1 (The player is colliding against the wall from the left side) and the right key is pressed the player will jump to the right.

And that it is all, a very simple logic  but works very well.

You can download this example code from this link  tuto_assets_and_code

 

 

Tutorial How to show Score on screen (Gdevelop5)

This is the second tutorial part of this web page, in the first we learned to make a very basic platform game (only movement and animation), in this we will learn something quite simple, we will show the score on the screen.

Tuto_1

Let us begin

 

As you can see in the images above, at the beginning of the game, the on-screen text that shows the amount of coins is at 0 and when collecting coins it goes up to 1.

Thanks to Gdevelop5 doing this is very easy, first we must create the variable that we want to show on the screen (if you have not created it yet).

In the case of this tutorial, the variable is Score

We are going to do the process from “0”.

Suppose we want the variable “Score” to increase each time a coin is collected, for that we go to the event area of ​​the scene and click on conditions.

In the menu we choose common conditions for all the objects, then collision and then we select as the first object a player (thus we call the main character in the previous tutorial) and second to the coin object.

We press ok and we go to actions.

In the actions screen we choose variables, then the value of a variable and to the right we press the blue button to create or select a variable.

We press the “+” symbol that is not enclosed in a circle, if you press the one in the circle it will open a child variable for the variable that already exists.

Then we simply change the name of the variable and click “Apply”.

Then select the variable Score, place add and end 1 (this means that the variable score will increase by one unit)

 

The event screen should look like this:

Now we are going to reflect the score on the screen.

 

First we are going to create a text object, this object is the one that will be seen on the screen.
 

We go to the menu to the right of the scene tab and there we create a new object, select text Object, and call it a score.

 

 

The text object is placed on the screen by clicking on it and then on the scene.

 

Well now we go to events in the scene to add the event that will show the score in our text object of the same name.

 

 

As you can see in the image above, we enter the actions menu in the events tab, select text object, select the text object score (remember that we gave it the same name), put equal to = and at the end we press the blue button with the white symbol.

 

There we select conversion and choose from number to text, this we do because our variable is a numerical value to be able to print it on the screen it has to be a text (string).

 

 

There we will open a screen to select what we want to convert to text, we choose variable.

 

 

We choose scene variable and finally score.

 

 

 

In the end, we can leave it like this, or add a message next to the text like this:

 

 

As you can see in the image above, place “X” + one x plus a space enclosed in quotation marks (the messages are enclosed in quotation marks because they do not represent variables or nothing is just text) note that the symbol is placed + this is done to add the message to the variable conversion so they will appear side by side, without this symbol will give an error.

 

At the end our Score will look like this on screen.

 

 
 

But if you launch a preview you will notice that the text score is left behind while you advance on the screen, to correct this we must create a new layer.

 

 

We press the layer button as indicated in the image above.

 

 

We press the + button on the layer screen and add a layer and call it “GUI”.

 

 

then we double click on our text object on the screen and in the properties menu we search where the layers appear where the object is, there we select GUI to place our object in that layer.

 

And now, our text object will not move.

 

So far this tutorial, if we add this tutorial to the previous one, our character can already walk, jump, collect coins, increase their score and show it on the screen.

 
 

If you have any questions leave your comment and please share this website with your friends.

Tutorial Como mostrar Puntaje en pantalla(Gdevelop5)

Este es el segundo tutorial de parte de esta pagina web, en el primero aprendimos a hacer un juego de plataforma muy básico(solo movimiento y animación), en este aprenderemos algo bastante simple, vamos a mostrar el puntaje en pantalla.

Tutorial_1

Empecemos

Como puede notar en las imágenes de arriba, al inicio del juego el en texto en pantalla que se encarga de mostrar la cantidad de monedas esta en 0  y al recolectar monedas sube a 1.

Gracias a Gdevelop5 hacer esto es muy fácil, primero debemos crear la variable que queremos mostrar en pantalla(si no la has creado aun).

En el caso de este tutorial la variable es Score

Vamos a hacer el proceso desde “0” .

Supongamos que queremos que la variable “Score” aumente cada vez que se recolecte una moneda, para eso vamos al área de eventos de la escena y le damos click en condiciones.

En el menú elegimos condiciones comunes para todos los objetos, luego colisión y ahí seleccionamos como primer objeto a player (así llamamos al personaje principal en el tutorial  anterior) y segundo a el objeto coin.

Pulsamos ok y vamos a acciones.

En la pantalla de acciones elegimos variables, luego valor de una variable y a la derecha pulsamos el botón azul para crear o seleccionar una variable.

Pulsamos el símbolo de “+” que no esta encerrado en un circulo , si pulsas el que esta en el circulo abrirá una variable hijo para la variable que ya existe.

Luego simplemente cambiamos el nombre de la variable y pulsamos “Apply”.

Luego seleccionamos la variable Score, colocamos add y al final 1 (esto significa que la variable score aumentara en una unidad )

La pantalla de eventos debería verse así:

Ahora vamos a reflejar el puntaje en pantalla.

Primero vamos a crear un objeto de texto, este objeto es el que se vera en pantalla.

Vamos al menú a la derecha de la pestaña de escena y ahí creamos un nuevo objeto, seleccionamos text Object , y lo llamamos score.

El objeto de texto lo colocamos en pantalla haciendo click en el y luego en la escena.

Bien ahora vamos a eventos de la escena para agregar el evento que mostrara el score en nuestro objeto de texto del mismo nombre.

Como se ve en la imagen de arriba ingresamos al menú de acciones en la pestaña de eventos, seleccionamos objeto texto, seleccionamos el objeto de texto score (recuerden que le pusimos el mismo nombre), colocamos igual a = y al final pulsamos el botón azul con el símbolo blanco.

Ahí seleccionamos conversión y elegimos de numero a texto, esto lo hacemos porque nuestra variable es un valor numérico para poder imprimirlo en pantalla tiene que ser un texto (string).

Ahí nos abrirá una pantalla para seleccionar que queremos convertir a texto, elegimos variable.

Elegimos variable de escena y finalmente score.

Al final, podemos dejarlo así, o agregar un mensaje junto al texto así:

Como ves en la imagen de arriba coloque “X “+ una x mas un espacio encerrado entre comillas(los mensajes van entre comillas porque no representan variables ni nada  solo son texto) fijate que se coloca el símbolo de + esto se hace para sumar el mensaje a la conversión de variable así aparecerán uno al lado del otro, sin este símbolo dará un error.

Al final nuestro Score se vera así en pantalla.

Pero si lanzas una vista previa notaras que el texto score se queda atrás mientras avanzas en pantalla, para corregir esto debemos crear una capa nueva.

 

Pulsamos el botón de capas como se indica en la imagen de arriba.

 

Pulsamos el botón de + en la pantalla de capa y agregamos una capa y la llamamos “GUI”.

luego hacemos doble click en nuestro objeto texto en pantalla y en el menú de propiedades buscamos donde aparecen las capas donde esta el objeto, ahí seleccionamos GUI para colocar nuestro objeto en esa capa.

Y listo ahora nuestro objeto texto no se moverá .

Hasta aquí este tutorial , si sumamos este tutorial al anterior nuestro personaje ya puede caminar saltar, ya recolecta monedas, aumenta su puntaje y lo muestra en pantalla.

Si tienes alguna duda deja tu comentario y por favor comparte esta pagina web con tus amigos.

How to make your first game without programming (Gdevelop 5)

As you read in the title, this tutorial is about how to make a game without programming knowledge, this is possible thanks to Gdevelop 5.

Ok we go straight to the point, I know that many are like me, we just want to go straight to the tutorial without reading many nonsense and presentations that only serve to fill space in the article of the blog.

Before you start download the images for this tutorial from this link:

imágenes para este tutorial

Step 1:

We start the Gdevelop 5 application, the following screen will appear:

Here we have 2 options, the first is to open an example there and you will have all the platform game events ready but you will not learn anything, I recommend opening this option to guide you but do not make a game just copying pasting examples.

The second option, which I recommend is to open a blank project so you can play your game your way from 0.

gdevelop tutorial motor de juego gratis

 

Before saving make sure you save the entire project on your PC’s desktop, so if you need to change the computer you will not have to rewrite the address of each image and file.

Maybe you do not understand well what I try to explain, if you save your project in my documents or some other file, the game engine when you want to access the resources of your game (images, sounds etc) look like this:

tu_pc / c / my documents / your project / resources

If you move the folder of your project, the engine will continue looking for the folder in my documents or the folder where you stored it previously which would show an error message, the images will not appear etc. If this happens you will have to upload the images again or enter the resources of the game and change the address one by one, that is easy if we talk about few files, but if it is a project with more than 100 images and an infinity of sound files , this would be a disaster.

Now if you save it on your desktop the address will look like this:

desktop / project

Regardless if your PC is linux or windows the directory saved in Gdevelop 5 will always be desktop / project, so you can change from one PC to another even with different operating systems and you will never have to change the address of the resources.

That said, let’s continue.

Step 2:

Now we press the “Scene” button and then “Add a new Scene”

Now we open the object editor, normally this is open by default but if this is not the case press the top button to the right (it is indicated in the image with an arrow).

Step 3:

Now on the object editor press Right Click and then select the option “add a new object or add a new object”, now open the object menu, as you can see we can create many different types of objects, in this case we will select the object “Sprite”

Step 4:

Then the object editing screen will appear, here we can create animations for our character by selecting individual images.

We press the “+” symbol to add a new animation.

Now we press the “+” symbol again, but this time from the left side as indicated by the image. By doing this we can select the individual files (* PNG) to make our first animation.

Here we will select the file “P1_stand” for the first animation (in Gdevelop 5 the numbers of animations go from 0 to X number so the first animation will be identified as 0)

Now press “Apply” and voila, we have our first animation. I know it’s not an animation as such because the object does not move, but this specific animation is for when the character is still, soon we will make an animation for the character in motion.

Right click on the character add a name, whatever you want, for the purpose of this tutorial I will call it “Player”.

Step 5:

Click on the character and then on the scene to place your character in the scene. We already have our character on the screen, but it does not do anything, the next thing is that we have to give it a behavior.

Step 6:

Click where the character is in the object editor as it appears in the image below, and then select edit object.

Step 7:

On the editing screen we select “Behavior”

In the list of pre-programmed behaviors that Gdevelop5 has, we will select “Platformer Character”.

 

Note that all the properties of the behavior of “platformer character” appear as gravity, default controls, fall speed etc. For now let’s not touch this, just press “Apply”.

 

 

Already our character can move when we activate the preview by pressing the direction buttons of the keyboard and the space key, but do not do this even if there is no floor, if you activate the preview the character will fall to infinity.

We are going to create the floor or platform.

 

Step 8:

 

Go to the object editor and click” Add a new Object”

, and we do the same process that we did with our “Player” character.

 

We select “Sprite”.

 

 

We chose the file “grassHalfMid.png”

 

 

 

Once all this is done, we will call our object “platform”
(remember that to change the name you click on the options of the object and choose “rename”)

 

Now let’s click on the object and then on the scene to add it to the scene. If you notice it is a very small object, let’s make it bigger, just click on the point to resize the object and enlarge it by dragging the point.

 

 

 

Now we go to the options of the object and as with our character we add a behavior.

 

 

 

 

 

Ready and our object is a platform, click on the play symbol to launch a preview.

 

As you can notice the object moves on the platform and can also jump! , but we only have one animation, the animation of still (animation 0), that’s why our character does not seem to walk. Now let’s add another animation to bring the character to life.

 

Step 9:

 

We go to the object editor and select the object “Player”, in the options we choose to edit object, and there we add another animation, this would be animation 1 (remember that starts from 0)

 

 

 

Select the image sequence “p1_walk.png”.

 

 

We already have our sequence of images for the animation, but the animation will stop at the end of the sequence of images, to avoid this we must press the “loop” button, right now it is in “dont loop”.

 

 

 

Now we can launch a preview by clicking the “Preview” button.

 

 

Note that the animation is very slow, now we have to adjust the time between each frame. Press the number next to the clock to set time. Gdevelo5 has the default time in 1 second.

 

 

 

Set the time for the purposes of this tutorial to 0.06, you can adjust any number below or above 1 that works for your animation when you use a larger or smaller image sequence or to create a fast or slow camera effect.

 

Now you give to apply and ready. We go to the events of the scene to add some events that control the animations of the character.

 

 

When we are already on the events screen we press the button to add a new event at the top (see image above). Now we click on “add a condition” or add a condition.

 

 

We go to where it says “platform behavior” to add a condition according to the behavior of the character’s platform.

 

 

Here are different options for platform behavior, if it moves or is still, if it jumps, if it falls etc.

 

We choose “Is moving”, this means: “when the character moves to do”.

 

 

Remember that we can have many characters with platform behavior, so you must specify the character, in this case “Player” and press ok.

 

 

Now the condition is ready, now if the character moves something will happen, that something we will determine by clicking on “add an action”.

 

 

We go to the options of “sprite” to manipulate the animations of the character, in “sprite” we choose “change the animation”, we select our character “Player” we put “=” and finally we choose 1 (Remember that animation 1 is the one of our character when walking).

 

 

Ready now our character will walk, but what happens if he stops again? If this happens the character will continue in “animation 1”, this is where it becomes tedious to make games we must specify each action, each change to the minimum.

 

Notice that what we did a while ago was to assign an animation to the character in case it moves, we told Gdevelop5 if the character moves to “1” but we have not told him when to change the animation to “0” again, that’s why the character will continue in” animation 1 “until we tell him otherwise.

 

Doing this by luck is very easy, just repeat the previous steps but with these slight changes:

 

When you choose the platform behavior “is moving” press the slider so that the condition is inverted, that is to say that it is the opposite of “is moving”
that would be “it is still or does not move”.

 

 

When you repeat the steps of the animation instead of choosing “1” which is the motion animation you choose “0” which is the animation of “still”.

 

 

And ready, look how it looks, if you move it changes the animation to “1” if you do not change it to “0”, ready as simple as that.

 

What if the character jumps?

 

Now we must make another adjustment:

 

 

Where is the condition “Player is moving” we are going to add another condition.

 

We are going to platform behavior, “is on floor” which means this on the ground, there we choose the character and press ok.

 

 

As simple as that. Now if we jump the character will not move as if walking (you can add a jump animation, just follow the same logic, if you jump change to the animation “x” if it falls change to the animation “Y” and so continue).

 

Step 10:

 

We need a detail to finish this animation and movement tutorial with Gdevelop5.

 

If you launch a preview you will notice that when going from left to right the character keeps looking to the right, to correct this we have to do a “flip”.

 

We go to the conditions, add a new condition and go to the keyboard section, select “key pressed” and choose the “Left” key then press ok.

 

 

Now we go to the actions and go to “Sprites”, “Effects” and
“Flip Horizontaly” we choose the character and press “yes”.

 

 

 

To make the “flip” only happen when we press the “left” key we must repeat the steps but deactivating the flip when pressing the “right” key.

 

 

And then the action by saying “no”.

 

 

And this is our character moves and walks on platform, all in a while and without programming anything.

 

 

Imagine what you will do with months of dedication.

 

If you liked buy this article, invite others to come to our page. and leave a comment.

 

 

Como hacer tu primer juego sin programar (Gdevelop 5)

Como leíste en el titulo,  este tutorial se trata de como hacer un juego sin conocimientos de programación, esto es posible gracias a Gdevelop 5 .

Ok vamos directo al grano, se que muchos son como yo, solo queremos ir directo al tutorial sin leer muchas tonterías y presentaciones que solo sirven para rellenar espacio en el articulo del blog.

Antes de empezar descarga las imágenes para este tutorial desde este link   :

imágenes para este tutorial

Paso 1:

Iniciamos la aplicación Gdevelop 5 , nos aparecerá la siguiente pantalla:

Aquí tenemos 2 opciones, la primera es abrir un ejemplo ahí ya tendrás todos los eventos del juego de plataforma listos pero no aprenderás nada , te recomiendo abrir esta opción para guiarte pero no hagas un juego solo copiando pegando ejemplos. La segunda opción, la cual recomiendo es abrir un proyecto en blanco para que hagas tu juego a tu manera desde 0.

gdevelop tutorial motor de juego gratis

Antes de guardar asegurate de guardar todo el proyecto en el escritorio de tu pc, así si necesitas cambiar de computador no tendrás que reescribir la dirección de cada imagen y archivo.

Tal vez no entiendas bien lo que trato de explicar, si guardas tu proyecto en mis documentos o algún otro archivo, el  motor de juego cuando quiera acceder a los recursos de tu juego ( imágenes ,sonidos etc) buscara de esta forma:

tu_pc/ c / mis documentos / tu proyecto/ recursos

Si mueves la carpeta de tu proyecto, el motor seguirá buscando la carpeta en mis documentos o la carpeta donde lo almacenaste anteriormente lo que arrojara un mensaje de error , las imágenes no aparecerán etc.

Si esto ocurre tendrás que cargar las imágenes de nuevo o ingresar a los recursos del juego y cambiar la dirección una a una, eso es fácil si hablamos de pocos archivos, pero si es un proyecto con mas de 100 imágenes e infinidad de archivos de sonido, esto seria un desastre.

Ahora si lo guardas en tu escritorio la dirección sera así:

escritorio/proyecto

Sin importar si tu pc es linux o windows el directorio guardado en Gdevelop 5 siempre sera escritorio/proyecto, así podrás cambiar de una pc a otra incluso con diferentes sistemas operativos y jamas tendrás que cambiar la dirección de los recursos.

Dicho esto sigamos.

Paso 2:

Ahora pulsamos el botón “Scene” y luego “Add a new Scene”

Ahora abrimos el editor de objetos, normalmente este esta abierto por defecto pero si este no es el caso pulsa el botón de arriba a la derecha (esta indicado en la imagen con una flecha).

 

Paso 3:

Ahora sobre el editor de objetos pulsamos Click Derecho y ahí seleccionamos la opción “add a new object o añadir un nuevo objeto” , ahora abrirá el menú de objetos , como podrás observar podemos crear muchos tipos de objetos distintos, en este caso seleccionaremos el objeto “Sprite”.

Paso 4:

Luego nos aparecerá la pantalla de edición de objetos, aquí podremos crear animaciones para nuestro personaje seleccionando imágenes individuales .

Pulsamos el símbolo “+” para agregar una nueva animación.

Ahora volvemos a pulsar el símbolo “+” pero esta vez de el lado izquierdo como indica la imagen. Al hacer esto podremos seleccionar los archivos individuales(*PNG) para hacer nuestra primera animación.

Aquí seleccionaremos el archivo “P1_stand” para la primera animación (en Gdevelop 5 los números de animaciones van desde 0 hasta X numero asi que la primera animación sera identificada como 0)

Ahora pulsamos “Apply” y listo, ya tenemos nuestra primera animación. Se que no es una animación como tal pues el objeto no se mueve, pero esta animación en especifico es para cuando el personaje esta quieto., pronto haremos una animación para el personaje en movimiento

Haz click derecho sobre el personaje agregale un nombre, el que quieras, para propósito de este tutorial lo llamare “Player”.

Paso 5:

Haz click sobre el personaje y luego sobre la escena para colocar tu personaje en la escena.

Ya tenemos nuestro personaje en pantalla, pero no hace nada, lo siguiente es que debemos darle un comportamiento.

Paso 6:

Has click donde esta el personaje en el editor de objetos como aparece en la imagen de abajo, y ahí selecciona editar objeto.

 

Paso 7:

En la pantalla de edición seleccionamos “Behavior”

En el listado de comportamientos pre-programados que posee Gdevelop5 vamos a seleccionar “Platformer Character”

Noten que nos aparecen todas las propiedades del comportamiento de “platformer character”  como gravedad,  controles por defecto , velocidad de caída etc. Por ahora no toquemos esto, solo pulsemos “Apply” .

Ya nuestro personaje se podrá mover cuando activemos la vista previa  pulsando los botones de dirección del teclado y la tecla de espacio, pero no hagamos esto aun fijate que no hay piso , si activas la vista previa el personaje caerá al infinito.

Vamos a crear el piso o plataforma.

Paso 8:

Vamos al editor de objetos y pulsamos “Add a new Object” , y hacemos el mismo proceso que hicimos con nuestro personaje “Player”.

Seleccionamos “Sprite”

Elegimos el archivo “grassHalfMid.png”

Una vez hecho todo esto, vamos a llamar a nuestro objeto “plataforma” (recuerda  que para cambiar nombre haces click en las opciones del objeto y eliges “rename”)

Ahora hagamos click en el objeto y luego en la escena para agregarlo a la escena. Si te fijas es un objeto muy pequeño, vamos a hacerlo mas grande , solo haz click en el punto para re dimensionar  el objeto y agrandarlo arrastrando el punto.

Ahora vamos a las opciones del objeto y al igual que con nuestro personaje le agregamos un comportamiento.

 

 

 

Listo ya nuestro objeto es una plataforma, haz click en el símbolo de play para lanzar una vista previa.

Como podrás notar el objeto se mueve sobre la plataforma y ademas puede saltar ! , pero solo tenemos una animación , la animación de quieto(animación 0), por eso nuestro personaje no parece caminar.

Ahora agreguemos otra animación para darle vida al personaje.

Paso 9:

Vamos al editor de objetos y seleccionamos el objeto “Player” , en las opciones elegimos editar objeto, y ahí agregamos otra animación , esta seria la animación 1 (recuerda que empieza desde 0)

 

Selecciona la secuencia de  imágenes “p1_walk.png” .

Ya tenemos nuestra secuencia de imágenes para la animación, pero la animación se detendrá al final de la secuencia de imágenes, para evitar esto debemos pulsar el botón de “loop”, ahorita se encuentra en “dont loop” .

Ahora podemos lanzar una vista previa pulsando el botón de “Preview”.

Nota que la animación va muy lento, ahora tenemos que ajustar el tiempo entre cada fotograma.

Pulsa el numero al lado del reloj para ajustar tiempo. Gdevelo5 tiene por defecto el tiempo en 1 segundo.

Ajusta a 0.06 el tiempo para propósitos de este tutorial, puedes ajustar a cualquier numero por debajo o encima de 1 que sirva para tu animación cuando utilices una secuencia d imágenes mas grande o mas pequeña o para crear efecto de cámara rápida o lenta.

 

Ahora le das a aplicar y listo.

Vamos a los eventos de la escena para agregar unos eventos que controlen las animaciones del personaje.

 

Cuando ya estemos en la pantalla de eventos pulsamos el botón de agregar un nuevo evento en la parte superior(ver imagen de arriba).

Ahora le damos click en “add a condition” o agregar una condición.

Vamos a donde dice “platform behavior” para agregar una condición según el comportamiento de plataforma del personaje.

Aquí aparecen diferentes opciones para el comportamiento de plataforma, si se mueve o esta quieto, si salta, si cae etc.

Elegimos  “Is moving”, esto significa: “cuando el personaje se mueva hacer”  

Recuerda que podemos tener muchos personajes con el comportamiento de plataforma, así que debes especificar el personaje, en este caso “Player” y pulsamos ok.

Ya la condición esta lista , ahora si el personaje se mueve pasara algo, ese algo lo vamos a determinar pulsando en “add an action”.

Vamos a las opciones de “sprite” para manipular las animaciones del personaje, en “sprite” elegimos “change the animation”, seleccionamos a nuestro personaje “Player” colocamos “=” y finalmente elegimos 1 (Recuerda que la animación 1 es la de nuestro personaje al caminar).

Listo ahora nuestro personaje caminara, pero ¿que pasa si se detiene otra vez?,. Si esto pasa el personaje seguirá en la “animacion 1” , aquí es donde se vuelve tedioso hacer juegos debemos especificar cada acción, cada cambio hasta lo mas mínimo.

Fijate que lo que hicimos hace rato fue asignarle una animación al personaje en caso de que se mueva, le dijimos a Gdevelop5 si el personaje se mueve cambia a “1” pero aun no le hemos dicho en que momento de cambiar la animación a “0” otra vez, por eso el personaje seguirá en la “animación 1 “ hasta que le digamos lo contrario.

Hacer esto por suerte es muy fácil, solo repite los pasos anteriores pero con estos leves cambios:

Cuando elijas el comportamiento plataforma “is moving” pulsa el slider para que se invierta la condicion, es decir que sea lo opuesto a “is moving” que seria “esta quieto o no se mueve”.

Cuando repitas los pasos de la animación en vez de elegir “1” que es la animación de movimiento eliges “0” que es la animación de “quieto”.

Y listo, fijate como queda, si se mueve cambia la animación a “1” si no la cambia a “0”, listo tan simple como eso.

¿Y si el personaje salta?

Ahora debemos hacer otro ajuste:

En donde esta la condición “Player is moving”  vamos a agregar otra condición .

Vamos a comportamiento plataforma , “is on floor” que significa esta en el suelo, ahí elegimos al personaje y pulsamos ok.

Tan simple como eso. Ahora si saltamos el personaje no se moverá como si caminara (puedes agregar una animación de salto, solo sigue la misma lógica, si salta cambiar a la animación “x” si cae cambiar a la animación “Y” y así continuas ).

Paso 10:

Nos falta un detalle para terminar este tutorial de animación y movimiento con Gdevelop5.

Si lanzas una vista previa notaras que al ir de izquierda a derecha el personaje sigue mirando a la derecha, para corregir esto tenemos que hacer un “flip”.

Vamos a las condiciones , agregamos una nueva condición y vamos al apartado de teclado, seleccionamos “key pressed” y elegimos la tecla “Left” luego pulsamos ok.

Ahora vamos a las acciones y vamos a “Sprites” , “Effects” y “Flip Horizontaly” elegimos al personaje y pulsamos “yes”.

Para hacer que el “flip” solo ocurra cuando pulsamos la tecla “left” debemos repetir los pasos pero desactivando el flip al pulsar la tecla “right”.

 

Y luego la acción al decir “no”.

Y ya esta nuestro personaje se mueve y camina sobre plataforma, todo en un rato y sin programar nada.

Imaginate lo que harás con meses de dedicación.

Si te gusto comprate este articulo,  invita a otros a venir a nuestra pagina. y deja un comentario.