Cómo utilizar la nueva variable “application_surface” para aplicar efectos de sombreado a pantalla completa

Overview

Esta guía le muestra cómo tomar ventaja de esta nueva característica de Game Maker Studio 1.3

¿Cuál es application_surface?

Todo el mundo sabe plenos efectos de sombreado pantalla de los juegos modernos. Mayormente cada jugador sabe lo que es FXAA . Pero sólo unos pocos saben, cómo se hace en realidad.

Un shader no puede modificar la pantalla de “directamente”. Sólo puede modificar una textura. Así que una superficie es básicamente una textura que se representa sobre y esta textura es entonces modificada por un fragmento de shader, que se utiliza para modificar los colores de una textura.

Antes, superficies existían en GM: S pero si quería hacer efectos de pantalla completa, se necesitan para sacar todo su juego en uno, que era una molestia. Con GM: S 1.3, esto está a punto de cambiar. La partida es tablas sobre una superficie de forma predeterminada, lo que nos permite hacer efectos de pantalla completa con más facilidad. Esta superficie predeterminada es accesible en GML a través de la application_surface constante incorporado. Existe esta guía para cubrir ese tema.

Un Shader COOL!

1.) Crear un shader
2.) Pegue el código siguiente en la sección fragmento, deje la sección de vértice como es.

varying vec2 v_texcoord; varying vec4 v_color; uniform float time; void main() { vec2 uv = v_texcoord.xy * 0.986 ;//+ 0.007; vec3 col; // Note: Emulates color distortion caused by subpixels. This can reduced to a single texture-fetch to increase performance. col.r = texture2D(gm_BaseTexture, vec2(uv.x + 0.0003, uv.y)).x; col.g = texture2D(gm_BaseTexture, vec2(uv.x + 0.0003, uv.y)).y; col.b = texture2D(gm_BaseTexture, vec2(uv.x – 0.0003, uv.y)).z; col = clamp(col * 0.5 + 0.6 * col * col, 0.0, 1.0); col *= 0.6 + 6.4 * uv.x * uv.y * (1.0 – uv.x) * (1.0 – uv.y); // Vignetting //col *= vec3(0.9, 1.0, 0.7); // “TV Color” col *= vec3(0.9, 1.0, 0.9); // “TV Color” // Scanlines col *= 0.8 + 0.2 * sin(10.0 * time + uv.y * 768.0); // Similar results to old rand() function, but more efficient. col *= 1.0 – 0.07 * fract(tan(time * 100.0)); gl_FragColor = vec4(col, 1.0); }

Este código se toma de este tema:[gmc.yoyogames.com]

No voy a entrar en detalles sobre cómo funciona, ya que no es el alcance de este tutorial. Así que si quieres para ponerse en marcha con shaders primero, no dude en visitar cualquier Tutorial GLSL línea.

Creación del objeto

Ahora, cree el objeto que desea utilizar para mostrar este efecto en la pantalla. Lo nombré objTV desde el shader es un efecto de la televisión.

Lo que necesitamos es tres eventos:

1.) Crear evento

En esta sección, vamos a hacer tres cosas. En primer lugar vamos a desactivar el dibujo automático de la application_surface. Esto se hace con este código:

application_surface_draw_enable(false);

Como se dice, se deshabilita la nueva superficie automático sea arrastrado automáticamente y esto nos permite aplicar un sombreado antes de que realmente prestamos esta superficie.

Luego, necesitamos una variable del shader. Para acceder a esta variable, tenemos que preguntarnos GMS donde se ubica lo que nos puede proporcionar un puntero. (Esto es en realidad un poco de materia de bajo nivel aquí, pero necesario, leer sobre los uniformes GLSL si quieres saber más.)

s_time = shader_get_uniform( shd_tv, “time”);

Así que almacenamos la ubicación del uniforme “tiempo” en nuestro s_time variable para acceder a ella más tarde. El shader necesita este uniforme para generar algo de animación.

El último es sencillo, vamos a usar nuestra propia variable de tiempo. El construido en las variables son o demasiado lento o demasiado rápido. Así que tenemos nuestra propia medición del tiempo. El sombreado utiliza ésta para la animación de las líneas de exploración.

myTime = 0;

2.) Paso Evento

El evento paso es bastante sencillo:

myTime += 0.01; if ( myTime >= 65000 ) myTime = 0;

Aumenta el tiempo con cada paso y lo reinicia si crece demasiado grande. Usted puede modificar la velocidad de la animación cambiando 0,01 a lo que quieras.

3.) Final Draw Evento

Así que ahora aquí es donde sucede la magia.
En primer lugar, tenemos que obligar a la shader de salida de corriente y enviar la variable tiempo:

shader_set(shd_tv); shader_set_uniform_f(s_time, myTime);

Ahora el sombreado está atado y que finalmente puede dibujar la superficie incorporada:

draw_surface( application_surface, 0, 0 );

shader_reset();

Esto le dice a GMS que hemos terminado con este shader.

Utilizando el objeto

Ahora sólo hay una cosa por hacer: Establece el objeto de persistente y añadirlo a la primera sala de su proyecto o no la coloque al persistente y sólo agregarlo a las salas en las que desee utilizar este pequeño efecto agradable.

Descargas

Mira el ejemplo a través de Steam:

Quieres descargar todo el Proyecto para la importación en GMS:[drive.google.com]

Gracias por leer y si encuentra útil esta guía, no dude en enviar cualquier comentario, de juegos o Pu-tas, aca dejo mi mail , [email protected]

Tenga en cuenta que esta guía debe GameMaker Studio 1.3 Standard Edition. En el momento de escribir esto, usted tiene que optar en la Beta actual, lo que potencialmente puede romper cualquier proyecto en ciernes. Así que sólo hacer esto si sabes lo que haces (se puede hacer retroceder el clie

GameMaker: Studio Guide