Build Data-Driven HUDs with Noesis in Worlds | Meta Horizon
A polished mobile UI is one of the fastest ways to keep new players engaged, but how do you go about creating one? In this Feature Detectives session, MKE_TheGuru, Ashes2Ashes, and SeeingBlue use a collaborative “learn-as-we-go” format to build a fully reactive HUD using Noesis. Watch as the team tackles data binding and TypeScript wiring for real-time HUD updates, then builds an animated pop-up window driven entirely by visual state transitions and custom easing curves. Subscribe to the MHCP YouTube Channel for more videos.
🎥 Build Your First Noesis UI Using AI | Build-Along
Good context is the difference between a working UI and a wasted afternoon. In this Build-Along, MHCP mentor SeeingBlue walks you through feeding Copilot the right reference files and one-shotting a Noesis admin panel with live player data. From there, he layers on tabbed views and voice controls with follow-up prompts and covers how to tackle console debugging when things go sideways. 💡 By watching this video, you will learn: How to gather and organize Noesis XAML examples and TypeScript scripts as context for your AI coding agent How to generate and refine Copilot agent instructions for Noesis-specific development How to use research prompts to help your AI agent understand XAML bindings before building How to test, debug, and iterate on AI-generated Noesis UI code using console feedback
💡 Want to learn Noesis UI fast?
Bring all new methods of interaction and polished user interfaces to your worlds with Noesis UI. The visual editor in Noesis Studio makes building UIs easier and more intuitive. With these quick start videos on the MHCP YouTube channel, you can be up and running in no time. Get Started with Noesis Studio - Install, setup, and get your first layouts and bindings working with this overview and build-along. Create Dynamic Shops & Inventories with Noesis - Harness the power of templates and items to build grids and lists that adapt to your data as it grows. ListBox, Animations, Color Pickers and more in Noesis - See four quick examples of interactive interfaces in worlds to get inspired. To learn hands-on, check out the Noesis tutorial world available in the Worlds desktop editor.
🎥 Building with Noesis - ListBox, Animations, Color Pickers & More
Ready to see what advanced Noesis UI can really do? MKE_TheGuru, Tellous, Shards632, and GausRoth go under the hood of four production-ready components: a scalable mod tool, an animated countdown system, an interactive color picker, and a persistent audio settings manager. In this session, you will learn: How to use ListBox for scalable player lists How to trigger animations in XAML without complex scripting How to build interactive tools like color pickers with layered gradients and mouse events How to architect persistent player data with separate UI and Manager scripts
🎥 Create Dynamic Shops & Inventories with Noesis
Join MHCP mentor and 2025 Mobile Innovation competition winner MKE_TheGuru for a deep dive into building scalable User Interfaces (UIs) in Meta Horizon. In this tips & tricks Build-Along, you’ll learn how to move beyond static menus to create dynamic shops and inventories that update automatically and scale with your community. In this session, you will learn: How to use templates to design once and reuse everywhere Use the ItemsControl element to build grids and lists Create interactive Visual States for buttons and items
Noesis UI interrupting my gesture input
I'm using Focused Interaction Mode whole time in game. player.enterFocusedInteractionMode({disableFocusExitButton: true}); It worked well until I add add Noesis Gizmo into my world. Noesis UI interaction is working well. But after hide all of Noesis UI, my gesture point(that white circle one) is not following my finger and it keeps trying to be fixed in specific position(usually, last touched position) Even if I don't touch the screen, gesture point is showing like it is touched very quickly. gesture point is flickering even though not touch the screen I'm hiding Noesis UI like below, is this wrong way? show(): void { this.entity.visible.set(true); } hide(): void { this.entity.visible.set(false); } If I remove all of Noesis Gizmos in the world, gesture is working well.Using Sublevels for Seasonal Updates - Workshop Resources + Remix World
Hey creators! 👋🏾 Thank you to everyone who joined the workshop on Sublevels for Live Ops Updates! It was great introducing Live Ops to folks who hadn't explored it before and seeing all the ideas that came out during the session. As promised, here are the resources we used so you can try this in your own worlds: 🔗Step-By-Step Guide I put together a guide to help you setup your own sublevel world that you can use for things like: Seasonal updates Layout A/B testing Limited time Events 🌍 Remixable Demo World This is the same world we used in the workshop to show seasonal updates in action. Feel free to remix it and experiment! I would love to see what themes you come up with to help show your creator personality. Feel free to share screenshots or questions in the thread. Happy building! 💛 Ash
