Iris wipe transition

Hi!

I need to create a iris wipe transition between screens like in Looney Tunes. What do you think is the best way to get it?

Thank you

Sorry this is years late @ShabihDesperado. This is, however, the top result on google when searching for iris wipe effects and Unity, so I’ll provide my answer in case anyone else needs it. It isn’t -perfect- but it’s the best answer so far.

I achieved this by creating a separate canvas for loading effects and made it always exist with DontDestryOnLoad, then I made a child Panel. On the child Panel assign a custom material that uses the following shader. http://wiki.unity3d.com/index.php/Procedural_Circle_Mask

Important - To make that shader work with modern Unity, change “#pragma surface surf NoLighting” to “#pragma surface surf NoLighting alpha:blend

After this, simply go to the panel and in the shader settings set the Outer and Inner Radius to 1 then, in code, decrease the inner radius to ‘close’ the circle. The Color attribute will determine the color of the area around the circle. To fully close it on a scaled canvas of 1920x1080, I had to decrease the inner radius to -0.3f. You may also have to adjust the Hardness. I use a value of 300 there so the circle itself is sharp.

I’m using this method, with a few tweaks, and so far everyone on the design team loves it, so please reach out if you have issues.

If you can draw basic triangles, you can use the same logic found here:

http://sloppycoding.com/index.php/java-libgdx/iris-wipe/