How'd they make this UI Animation?

How’d they make this animation with UI? Was it with a viewport?

https://x.com/i/status/1927804457309348083

They just used a 3D scene with many parts and suface guis and then just animated it.

Are all of the hexagons composed of an outer section constructed with UI, and the inner section contains viewport frames with hexagon meshes that are being tweened?

If so, how are the particles being displayed? Particles aren’t visible in viewports for performance reasons right?

And are the floating grey shapes in the background also in a viewport frame?

Why a surface gui?

Well, in my view, they are just parts with a hexagonal UI. It’s not a viewport frame.

Because they probably aren’t using a viewport frame, that’s why particles can be displayed.

You can use Depth Of Field to achieve that effect.

So it can be animated in 3D.

Because it offers more control and is higher resolution.

Something like this:

This is what I got with my setup:

2 Likes

So then instead of using a viewport frame, they opted for a bunch of hexagons that have the surface guis on them, and whenever the player makes a purchase, they spin around?

Yes exactly. This is because you can’t have a surface GUI inside a viewport frame nor can you have a blur effect.

1 Like

Blew my mind. I don’t know much about UI design, but that’s neat.

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.