Drawing/tracing projector in Augmented Reality (Passthrough)
This is a simple WebXR app built with three.js and three-mesh-ui that lets you use your Meta Quest 2 and Meta Quest Pro to draw/trace on top of virtual images in Augmented Reality.
Inspired by Easely and Contour.
-
Navigate to fabio914.github.io/passtracing with your PC.
-
Copy an image URL and paste on the text field. For example, a public domain image from rawpixel.
Keep in mind that some CORS policies might prevent the app from loading images from certain websites. You'll want to use URLs from websites that allow their content to be loaded from any origin (Access-Control-Allow-Origin: *
).
-
Click on "Load image" to reload the page with this image, or click on "Send link to Meta Quest" to send this to your Meta Quest 2 or Meta Quest Pro.
-
After opening the link on your Meta Quest 2 or Meta Quest Pro, click on "Start AR" to start.
-
Use the thumbsticks (analog sticks) to control the opacity and size of the image. Hold the trigger button to position the image on top of a sheet of paper.
-
Draw/Trace.
Meta Quest 2 or Meta Quest Pro.