Regan Music's profile

3D Holo-Watch UI

Holowatch Menu
A 3D holographic menu for use with VR or anything really...
This is a post-mortem of my process for creating the above menu effect. As per the brief outlining my Unity test, I have attempted to match the behaviour of the following Image’s UI in Unity.
I started by analyzing the different visual and behavioural elements pertaining to the reference, that is, a world-space UI, with selected & default states that fade and rotate away the further they get from the selected element. It's attachable and should follow any object you place it on .This watch should work if the character removes it and places it on a table, or puts it around his foot.

It uses UGUI within Unity which was new at the time and not well documented. UGUI offers a few out-of-the-box components that relate to this task, like a scrollRect, verticalLayoutGroup, layoutElement, auto navigation, but they have problems that make them... not really options. I had to ignore built-in functionality to achieve carousel behaviour from scratch.

It uses an invisible index behind the scenes which is the real selection, and the front-end display just adjusts itself accordingly.
I made sure it was customizable, by default, UGUI is very re-skinnable, but you can completely adjust width, spacing, speed and other behaviour with my system.
Any option can be tied to any response...
And each element uses the same animator graph to dictate its state.

3D Holo-Watch UI
Published:

3D Holo-Watch UI

A 3D holographic watch, usable in world-space.

Published: