ViewportFrames: A New Way to Think About UI

March

12, 2019

by Matthew Dean


Creators Tech

Have you noticed any cool visual updates in some of your favorite games lately? Late last year, we shipped a new ViewportFrame object in Studio that enables developers to render 3D objects within 2D user interfaces. The result? Super professional, AAA quality in-game shops and inventory menus with rotating 3D objects, 3D dynamic mini-maps or radars, and so much more. In fact, we’ve already started seeing several truly awesome creations from the community. We’ll let this video speak for itself:

Those examples are just scratching the surface (you can check out other cool videos on the Developer Forum). There’s still plenty more to look forward to as more developers get their hands on this feature, experiment with it, and push the boundaries of what’s possible. We thought we’d share a mix of some popular games you can play now that are using ViewportFrame in various ways. Whether you’re looking for inspiration or just something new to play, we recommend you check out these games below:

Boost Vector | By blockage

Feeling the need for speed? Or maybe just the need to defy gravity? Check out the 3D mini-map as you zip around the track and race against your friends in Boost Vector!

Arsenal | By ROLVe Community

After enabling the “Viewport Character” option in the settings menu, you’ll be able to view a 3D portrait of your avatar on the bottom-left corner above your health bar once you’re in a match. It’s a pretty neat visual touch that makes the game’s user interface much more personalized to you and your character.

Pizza Factory Tycoon | By Ultraw

Who doesn’t love a good pizza? Now when you invent a new pizza in your factory, you’ll be treated to a fun little animation that shows off your latest masterpiece in all its cheesy glory.

Robloxian Highschool | By Robloxian High School Group

Looking for the perfect back-to-school outfit for Robloxian Highschool? With rotating 3D views for all the coolest skirts and hairstyles, you can shop with confidence.

Where else have you seen ViewportFrames? If you’re a developer who’s interested in learning how to utilize ViewportFrames in your game(s), you can find documentation on the feature here.