Skip to main content
flarb
flarb
Up and Coming
March 23, 2025
Question

Anyone got a simple example of a mobile HUD?

I find the Horizon Worlds HUD example absurdly complicated. Anyone have a simple example of a mobile friendly HUD in TypeScript?

8 replies

Ashes2Ashes2
Ashes2Ashes2
Participant
March 23, 2025

You can check out these code snippets.  There are a bunch of UI snippets and more.  https://communityforums.atmeta.com/t5/Community-Resources/Horizon-Worlds-Typescript-Snippets/m-p/1301603

flarb
flarbAuthor
Up and Coming
March 24, 2025

Thanks! Lots of cool stuff here--don't really see any HUD examples. Some examples on how to use custom UI stuff...but I'm looking to find how to attach a screen-space HUD to each player as they join which is refreshed with local data. There are a few of these in the sample projects but they are absurdly complex. 

Lots of interesting code snippets here, though!

@flarb
T00NAH
T00NAH
Up and Coming
March 24, 2025

TypeScript/Java is absurdly complex, especially to our own OG Programmers who grew up before Java. What those examples actually do is help make it more learnable/useable for a newcomer like myself. TypeScript is not a weekend fling. If you wish to learn enough to Create, you have a great environment for it. If you wish to copy/paste, buyer beware. 

 

T00NAH
T00NAH
Up and Coming
March 24, 2025

Have you tried any of the template/tutorial worlds. There's something that displays ammo/magazine, also I've seen one that shows hp. Ultimately, HUDs are specific data displays. As a creator, learning how to utilize the vast array of data is the core of what makes my builds what they are. The CUI tutorials and examples have made a massive difference (for me).

flarb
flarbAuthor
Up and Coming
March 24, 2025

My issue with the HUD stuff in the examples is they are tied to so much world-specific code it's really hard to try and migrate them to your own world. I kind of figured one out and managed to use some of the concepts to build my own HUD system although it doesn't quite work yet.

@flarb
T00NAH
T00NAH
Up and Coming
March 24, 2025

The joys of scripting! 

BenSH
BenSH
Community Manager
March 24, 2025

Stay tuned for some HUD specific live events coming very soon.

Community Events Calendar Sign up for this Month's MHCP Bonuses
PigeonNo12
PigeonNo12
Honored Contributor
March 24, 2025

The player HUD logic is exactly the same as a regular in world CUI. The difference is the configuration in the properties panel. By default, the <Display Mode> setting in CUIs is Spatial. But the Screen Overlay option snaps the CUI to the player's screen (for VR players the CUI will float covering part of the POV).

There are 3 additional configurations for Screen Overlays:

  • No Interaction: as the name implies, this is just to display information without expecting player inputs.
  • Interactive, Blocking: You can configure buttons on the screen, but the player won't be able to move.
  • Interactive, non-Blocking: Same as above, but the player will keep the locomotion movements.

Here's some documentation:

https://developers.meta.com/horizon-worlds/learn/documentation/desktop-editor/custom-ui/noninteractive-custom-ui-screen-overlay

https://developers.meta.com/horizon-worlds/learn/documentation/desktop-editor/custom-ui/interactive-custom-ui-screen-overlay

Upcoming Events : Build with a Mentor: Custom UI Thursday 3/20 at 5:00 PM PT Register March calendar of all Mentor Workshops and Office Hours
    Terms & ConditionsAccessibility statement