ShapesXR Lab

ShapesXR is a low-code platform (think Figma canvas for 3D AR/VR design) where you can quickly build your 3D scene (drag-and-drop import Blender, 3D assets, GenAI models, etc.) which is then rendered with into an AR or VR realtime scene that is viewable on the web and on Quest.

LAB PREP (30 - 40 min):

Development Environment Setup

Hardware Requirements

Any computer with a modern web browser
Meta Quest or AVP headset (for AR/VR viewing)

Software Requirements

ShapesXR account: you can create one here -- https://shapes.app/sign-up
ShapesXR app on Meta Quest -- you can find this by searching "ShapesXR" on the Meta Store in your headset

ShapesXR Intro Video

What is ShapesXR?

ShapesXR is a collaborative spatial design and prototyping tool for AR, VR and desktop that lets users sketch, block out, and review ideas directly in 3D space. It’s commonly used for early-stage XR and spatial computing workflows, allowing users to import simple 3D assets, draw and annotate in space, arrange scenes at scale, and collaborate live with others in the same virtual room.

Documentation for using ShapesXR: https://learn.shapesxr.com/

ShapesXR Lab (10-15 min):

Part 1: Explore the ShapesXR App

Sign up or Log in to Shapes XR
- https://shapes.app
Download the ShapesXR app on your headset -- you can find this app on the Quest store
Open the ShapesXR app on your Quest -- you will be instructed to follow some tutorials when you first open the app, complete these
- 1. 1. The first tutorial will teach you how to use your controllers to teleport, move, zoom, and rotate in ShapesXR.
    2. The second tutorial will teach you how to create different UI elements and frames in ShapesXR

Once you are done with the tutorials, you will be presented with a code to pair your headset with your ShapesXR account. To pair, click "Pair headset" on the ShapesXR dashboard, or visit https://shapes.app/start and enter this code.

You will now be able to create and explore your own 3D spaces in both web and Quest

Limited space creation/file storage, but unlimited Shapes assets + imports

Part 2: Create your own scene in ShapesXR (5-10 minutes)

Create your own scene in ShapesXR (on web or on Quest) -- feel free to add any assets, interactions, and frames you like -- it doesn't have to be complicated, just play around!

It might be helpful to watch this tutorial playlist to learn further capabilities of ShapesXR and test them out for yourself!

When you are done, take some screenshots of your space and put them in the class Activity Board!

Part 3: Importing your own Model + Exploring the Web Interface

Lithostrotion Coral Fossil 3D visualization

Download the following 3D Model (choose the 22MB glb option)
Login into ShapesXR on your computer. Go to "My Files" on the main dashboard, and drag and drop the GLB file you just downloaded there
Naviagte to "My Spaces" on the main dashboard. Delete any pre-existing spaces, and create a brand new space (if you don't want to delete your space from the homework you can just enter the pre-existing space).
Once you are inside your new space, on the panel to the left, navigate to "Assets", then "Library", then "My files", and click on the glb file you just imported to add it to your space.
Once the asset has finished loading, on the panel to the right, change the scale of the asset to 0.4, and move it to a reasonable position in the plane.
Feel free to navigate around the model with your trackpad and/or WASD controls (Q and E for vertical movement)
Take screenshots and put them in the class activity board

Part 4: Exploring Model in the Quest Interface (AR/VR)

Open the ShapesXR app on your Meta Quest 3 -- make sure your headset is paired to your ShapesXR account. If you haven't done this yet, follow the instructions from the homework/setup instructions above.
Open the space you created and explore the coral model in AR and/or VR. You can do this by toggling the "Passthrough" button in the menu (goggle shaped button)

Try moving around in real space as well as teleporting/rotating with your controllers.
Take screenshots and put them in the class activity board

Page updated

Google Sites

Report abuse