Creando videojuegos con Game Maker 8.1 #2 [El entorno] (parte 2) ES-EN

Buenas Tardes a todos en la comunidad de Geek zone y a quien esté leyendo este post, este post será la continuación del post anterior mio tratando sobre como hacer un juego con Game Maker 8.1. También les informo que, si no han visto el primer cápitulo de este post, pueden llegarse al link a continuación para que puedan entender en su totalidad lo dicho en ese post

Good afternoon everyone in the Geek zone community and whoever is reading this post, this post will be a continuation of my previous post on how to make a game with Game Maker 8.1. I also inform you that if you have not seen the first chapter of this post, you can go to the link below so that you can fully understand what was discussed in the previous post.

En el post anterior lo habíamos dejado cuando se culminó la parte del tileset, así que procederemos con el background, para lo cual su método de instalación es igual al de añadir un tileset, con la diferencia de que necesitarás memorizar el color predominante para instalarlo en el color base de la room.

In the previous post we had left it when the tileset part was finished, so we will proceed with the background, for which its installation method is the same as adding a tileset, with the difference that you will need to memorize the predominant color to install it in the base color of the room.

Volviendo a la room, se procede a instalar el fondo como background para lo cual hay varias cosas a tener en cuenta:
1-las opciones tile Vert y tile Hor es para que la imagen se repita a lo largo o ancho de toda la room
2- ¿el color que dije antes? Ese se instala en la opción de Color arriba del background a seleccionar
3-el orden afecta a la superposición siendo 0 el que queda más abajo y 7 el que quedaría más arriba

Returning to the room, we proceed to install the background as a background for which there are several things to take into account:
1-the options tile Vert and tile Hor is for the image to be repeated throughout the entire room
2- the color that I said before? That is installed in the Color option above the background to select
3-the order affects the overlap being 0 the one that is lower and 7 the one that would be higher

Un último detalle para las nubes sería asignarle un Hor speed (el equivalente a velocidad horizontal o hspeed) e añadir más backgrounds a conveniencia

One last detail for the clouds would be to assign a Hor speed (the equivalent of horizontal speed or hspeed) and add more backgrounds as needed.

Teniendo esto se puede contemplar en el modo de pruebas un agradable ambiente para montar al menos el primer nivel

Having this, you can see in the test mode a pleasant environment to mount at least the first level

Tenemos entorno y tenemos personaje…pero la pantalla se nos está quedando chiquita ¿no creen?, entonces es hora de usar los view que sería como la cámara del juego, ¿han visto que los juegos casi nunca muestran todo el nivel de una, sino que aparece un fragmento y la cámara se mueve hacia donde se requiera? Bueno…llegó el momento de asignarle eso a nuestro juego, no sin antes crear un obj_master que luego usaremos (este tipo de objetos lo usaremos para guardar valores que no podamos asignarle a ningún objeto concreto)

We have an environment and we have a character...but the screen is getting too small, don't you think? So it's time to use the view, which would be like the game's camera, have you seen that games almost never show the whole level of one, but that a fragment appears and the camera moves to where it is required? Well… the time has come to assign that to our game, but not before creating an obj_master that we will later use (we will use this type of object to store values that we cannot assign to any specific object)

En room hay una opción llamada setting, esta nos ayudará a expadir el lienzo de nuestro nivel, recomiendo no abrir las pruebas hasta que instalen las view cuando ajusten el tamaño de la room…cuando lo intenté para enseñarlo la PC desistió de seguir funcionando

In room there is an option called setting, this will help us expand the canvas of our level, I recommend not opening the tests until they install the views when they adjust the size of the room... when I tried to show it, the PC stopped working

Ahora tenemos suficiente espacio para crear ese nivel que queramos hacer…pero hay que tener cuidado con tener los Snap bien ajustado porque estos son los que ayudan a poner las cosas en la room

Now we have enough space to create that level that we want to do… but we have to be careful with having the Snaps well-adjusted because these are the ones that help to put things in the room

Un consejo es desactivar la opción delete underlyng para que al poner cosas cerca de algo existente, la que ya esté no termine desapareciendo

One tip is to disable the delete underlying option so that when you put things near something existing, the one that is already there does not end up disappearing

Ahora procedemos a usar la view en la cual podremos ajustar el tamaño de la ventana al ejecutarse, cuanto se verá en dicha pantalla, entre muchas cosas. Una forma fácil de enfocar a lo que queremos es asignar al personaje en “Object following” …lo demás sería ajustar el tamaño de la ventana en “Port on screen” y el de lo que se verá en “View in room”. Por último, quedaría asignar Hbord y Vbord para que al mover el personaje hasta X punto de da pantalla, esta se mueva

Now we proceed to use the view in which we can adjust the size of the window when it is executed, how much will be seen on said screen, among many things. An easy way to focus on what we want is to assign the character in “Object following”… the rest would be to adjust the size of the window in “Port on screen” and that of what will be seen in “View in room”. Finally, it would be necessary to assign Hbord and Vbord so that when the character is moved to X point on the screen, it moves

Con la cámara ya úbicada recuperaremos el control del juego pudiendo realizar pruebas, aunque ahora seguro te estarás preguntando ¿Dónde está mi fondo?, resultará que este quedó muy arriba como para poder aparecer, pero no se preocupen…para eso hay solución

With the camera already located, we will regain control of the game, being able to carry out tests, although now you will surely be wondering, where is my background?, it will turn out that this was too high to be able to appear, but don't worry... there is a solution for that

¿recuerdan el obj_master? Llegó la hora de usarlo. Usualmente usaríamos el “crear variable” pero siento que es hora de algo más “profundo” … ahí es donde “execute a piece of code” entra en acción, esa herramienta nos permitirá poner algunos códigos a la vieja escuela (con un poco de apoyo del mismo game maker).

remember the obj_master? The time has come to use it. Usually we would use the "create variable" but I feel like it's time for something more "deeper"... that's where "execute a piece of code" comes in, that tool will allow us to put some old school code (with a little support from the same game maker).

Esta vez usaremos 1 línea por cada background creado en la cual les asignaremos una posición dinámica, un consejo para usar esto es aprenderse por lo menos el comienzo de la variable a usar ya que el autocompletar de game maker puede ayudarte a completarlo.

This time we will use 1 line for each background created in which we will assign them a dynamic position, a tip to use this is to learn at least the beginning of the variable to use since the autocomplete of game maker can help you to complete it.

Aprovechando que estamos usando códigos nuevos, llegó la hora de cambiar nuestro respawn de pruebas por una versión que no pase de una pantalla a la otra, en lo que a mi parece una buena opción, es este comando de resetear la room actual

Taking advantage of the fact that we are using new codes, it is time to change our test respawn for a version that does not go from one screen to the other, in what seems to me a good option, it is this command to reset the current room

Si ahora haces un testeo final, notarás todo un gran cambio respecto a la última prueba, así como que ahora el fondo te seguirá sin importar a que altura te encuentres

If you now do a final test, you will notice a big change compared to the last test, as well as that now the bottom will follow you no matter how high you are

Como bonus, les mostraré la función “foreground image”, esta nos ayudará a poner el fondo POR DELANTE de lo que pongamos en pantalla, muy útil para cuando pongamos niebla

As a bonus, I will show you the “foreground image” function, this will help us to put the background AHEAD of what we put on the screen, very useful for when we put fog

Si el foreground no sale con la transparencia que pusistes en las opciones de background, no se alarmen…al momento de la verdad, este estará como debe ser

If the foreground doesn't come out with the transparency you put in the background options, don't be alarmed...at the moment of truth, it will be as it should be

He de aclarar que esto último no lo añadiré aún, pero al menos será útil para el que quiera añadir nieblas en algún plataformeo de terror
Espero que este post les haya sido útil y que pasen un buen día
Adiós

I have to clarify that I will not add the latter yet, but at least it will be useful for those who want to add fogs in some horror platform
I hope this post has been useful and have a good day
Bye