Build with Magic Leap on Glitch

We’re obsessed with thinking about the future of the web. Just what will the web look like in ten years? And how will we experience it? Magic Leap feels like a sneak preview of that future.

The Magic Leap 1 is a lightweight, wearable, spatial computing platform, or as we at Glitch like to say: future goggles. It unlocks incredible new experiences and gives digital objects a contextual awareness of your environment. Users can also fire up Helio, the device’s built-in Chromium stack-based web browser, and experience their favorite websites—like Glitch—in a radical new and immersive way.

We’re excited to announce that the spatial computing pros at Magic Leap are bringing a suite of Magic Leap developer tools and resources to Glitch. Now you can create, share, remix, and collaborate on Magic Leap creations on Glitch, either from your computer or from your Magic Leap 1 device.

No download, no installation, no setup required

You may be wondering how this works. The Magic Leap Lumin Web Platform lets you create interactive spatial computing experiences using HTML and JavaScript. With simple HTML tags, some inline attributes, and CSS styling, you can render 3D content that pops off the web page. It allows you to grab content outside of a website and place it into your physical environment. The Lumin Web Platform lets creators use the Lumin APIs for web development. These tools include Prismatic, a JavaScript library that lets you add 3D assets. Once published to the web, folks can view and interact with them using Helio.

The Magic Leap Team page, includes two new Glitch apps: “Hello Prismatic” and “Hello WebXR”. These starter projects give you just what you need to get started with two of Helio’s most powerful and easy to use solutions. In “Hello Prismatic” you’ll learn how to set up a basic Prismatic project, install the library, and display and animate a Robot model. This project is designed to be remixed so you can plug-in and animate your own model. And with “Hello WebXR” you’ll take an even deeper dive into creating AR experiences on Magic Leap. Here you’ll be using WebXR with Three.js to create a giant animated Jellyfish that takes over your entire space. (Watch out!)

More magic in 2020

This is just the first of many resources to be made available by the team at Magic Leap. In the weeks and months ahead they’ll release more new samples to showcase the new features of the Helio Spatial Web Platform. You can also look forward to seeing detached CSS, page rotation, and more advanced Prismatic and WebXR samples on Glitch, too.

We’re delighted to support the launch of these tools, and can’t wait to see how you make the web a more immersive and more magic place.

Visit Magic Leap’s Team page now.

jellyfish