@magicleap/prismatic

A declarative JS library for creating 3D content for Magic Leap's Helio browser

Usage no npm install needed!

<script type="module">
  import magicleapPrismatic from 'https://cdn.skypack.dev/@magicleap/prismatic';
</script>

README

drawing

Prismatic

Prismatic is a declarative JS library for creating 3D content for the Helio browser. Using simple HTML tags with inline attributes and CSS styling, you can easily render 3D content that pops off of the page and you can grab and place into your environment.

Installing

If you use npm, run npm i @magicleap/prismatic. Otherwise, you can download the latest release from the developer portal.

To add the minified version:

<script src="https://unpkg.com/@magicleap/prismatic"></script>

The source code for Prismatic is also hosted in a repository on GitHub.

See our Prismatic documentation.

For more information and guides are available on Magic Leap's Developer Portal.

For live samples and code snippets, highlighting the Web Platform's core features, checkout the Developer Samples website here.

What's new in Release v2.0.6

  • Use new event model introduced in Helio for Lumin OS 0.98.20. Prismatic library has to be updated to v2.0.6 maintain Extraction functionality.

Features of Prismatic v2

  • Faster model loading
  • Model instancing
  • Models scroll with page
  • Models can be extracted with raycast: Users no longer have to be interacting with the parent element on the page to extract them.
  • Extract 3D models from regular HTML elements.
  • Add instances of a 3D node on the fly.
  • <stage> tag: Devs can specify how much space their experience will take up.
  • Stage size can be updated via JS.