outline_feature_3

en Tutoriales, UE4

Efecto de contorno (Parte 3)

Hemos recibido varias peticiones sobre el tutorial para aplicar efecto de contorno y hemos decidido ampliarlo un poco para hablar sobre dos de estas peticiones: zonas opacas y el uso de la distancia en escena.

Parte 1: Efecto de contorno
Parte 2: Oclusión, colores y resplandor
Parte 3: Zonas opacas
Parte 4: Límite de profundidad

Zonas opacas

Podemos definir una zona opaca utilizando los valores del buffer Custom Stencil, estas nos serán útiles si queremos ocultar el efecto de contorno sobre ciertas superficies, como por ejemplo nuestro personaje.
Como podemos apreciar en la siguiente imagen el contorno del cofre se está mostrando sobre nuestro personaje.

outline_issue_1

Para eliminar el efecto sobre el personaje necesitamos definir el Custom Stencil de nuestros objetos opacos a un valor determinado. Para nuestro ejemplo hemos elegido un valor de 38. Para aplicarlo al personaje por defecto de de la escena de UE4 tenemos que buscar la malla (Mesh) del maniquí, activar la profundidad personalizada marcando Enable Custom Depth y establecer su valor a 38.

mannequin_custom_stencil

Podemos ver este nuevo valor del Custom Stencil utilizando el Buffer Visualization > Custom Stencil del editor, la silueta del personaje aparecerá cubierta con el número 38.

customStencil_38

Ahora necesitamos modificar los materiales que dibujan los contornos. Una de nuestras opciones es modificar el valor alpha del efecto de contorno final con un nodo de cláusula Si.

if_condition_38

Si el valor del parámetro B del nodo es igual a 38 (nuestro valor para stencil opaco) estableceremos un valor para alpha de 0 para ocultar el color del contorno .

El parámetro B estará conectado al valor del Custom Stencil, necesitamos coger el de ambas superficies, la del propio objeto así como la de su contorno

if_condition_B_input

Ahora podemos buscar estos nodos en los materiales de los anteriores tutoriales y conectar lo que necesitamos al parámetro B.

outline_and_occlusion_material
Outline with occlusion
outline_and_occlusion_material_v2
Outline with occlusion and opaque zones on stencil 38

Una vez completado podemos apreciar el resultado opaco sobre nuestro personaje

outline_opaque
opaque_zone_youtube_img

Tutorial files

Ayudanos con este blog!

El último año he estado dedicando cada vez más tiempo a la creación de tutoriales, en su mayoria sobre desarrollo de videojuegos. Si crees que estos posts te han ayudado de alguna manera o incluso inspirado, por favor considera ayudarnos a mantener este blog con alguna de estas opciones. Gracias por hacerlo posible!

Escribe un comentario

Comentario