How to Set Up Polar UV Coordinates in Unreal Engine 5

We break down how to turn a horizontal tiled gradient into a circular ring mask in Unreal Engine 5.

By Beyond-FX on Aug 15, 2023

Aug 15, 2023

How to Set Up Polar UV Coordinates in Unreal Engine 5

Today we show you how to create a function that polarizes your textures in Unreal Engine 5, turning them from horizontal, tiled gradients to circular ring masks.

🧙‍♂️ Some #VFX wizardry for you today!

⏺️ If you need a way to polarize your textures - converting them from tiled gradients to circular ring masks - here's a way to achieve it that's so easy, it's like ✨ magic! ✨@UnrealEngine #UnrealEngine5 #UE4 #UE5 pic.twitter.com/vCQHOrXm0B
— Beyond-FX (@Beyond_FX) August 15, 2023

How to Create Polar UV Coordinates in Unreal Engine 5

Create a TextCoord node and connect it to a Multiply node with a value of 4 to increase the scaling of the UV which will offset it.
Subtract a value of 2 to center the UV again.
Plug those nodes into a VectorToRadialValue node, and plug the output in the UV slot of a horizontal mask.
Change the MipValue of the texture to Derivative to avoid a visual bug.
Plug the TextCoord node into DDX and DDY nodes and feed those into the respective texture slots.

‍

‍Want to stay in touch with our studio as we craft world-class real-time VFX? Follow Beyond-FX on Twitter, Instagram, Facebook, YouTube, Twitch, & TikTok!

Other Contributors