Creando animación de desvanecimiento en Unity (Fade In Transition)

Rusben Guzman
2 min readOct 8, 2021

--

Haciendo más sutil la entrada a la toma

Objetivo: Crear una animación para cambiar el valor alpha de un UI Panel desde 0% a 100% al principio de la toma Game Over.

El primer paso es crear una UI Imade en la escena.

Después hay que cambiar el color de la imagen a negro y incrementar al tamaño para que ocupe la pantalla completa. (tip: es mejor usar las anclas del componente rect transform para cambiar el tamaño de la imagen).

En el canvas hay que cambiar la propiedad scale a “scale to screen size”.

Después hay que ir para el timeline, crear un animation track y asignar el canvas.

El último paso es usar la guia para ubicarse en el momento donde queremos desvanecer la imagen y asignar el valor de alpha a 0.

Y eso sería todo!!! Tenemos una mejor entrada en la toma.

--

--

Rusben Guzman
Rusben Guzman

Written by Rusben Guzman

A Software Engineer passionate about game dev and interactive products with Unity. I consider video games to be the artistic expression of programming.

No responses yet