mxink

WebXR Integration

WebXR allows you to develop and host VR and AR experiences on the web. The Meta Quest Browser has WebXR support and supports MX Ink. There are several possible approaches to integrate MX Ink into a WebXR experience:

Basic Example Using Three js

Refer to this sample code to begin integrating MX Ink into a WebXR application.

Special thanks to Fabio Cortés for creating and sharing this resource!

Using A-Frame

A-Frame has built-in support for the Logitech MX Ink. You can integrate it in your immersive Web application in seconds with a single line of HTML. See below for link to sample code and an example experience that allows you draw in the air or any surface. Open it up in the Meta Browser on your Meta Quest headset and click the VR button.

A-Frame MX Ink Sample

Special thanks to Diego Marcos for creating and sharing this A-Frame sample!

Using Needle Tools

Needle Engine provides an easy-to-use web component that can be used to display rich, interactive 3D scenes directly in HTML with just a few lines of code.

Needle Tools MX Ink Sample

Needle Engine Samples

Special thanks to Felix Herbst for creating and sharing this Needle Tools sample!