Look for the "Enter AR" or "Enter VR" button.
In AR: Point your camera at a surface. A circle (reticle) will appear. Tap the screen to place the selected object.
WebXR AR/VR Object Placer
Place simple 3D objects on real-world surfaces in AR, or explore the same scene in an immersive VR environment.
What this tool does
This A-Frame WebXR demo lets you choose a box, sphere, or cylinder and place it into an AR scene using hit testing. A reticle indicates a detected surface, while the VR mode provides a lit ground-plane scene for immersive inspection.
Who this is for
- Teams demonstrating an AR object-placement concept
- Students learning about WebXR sessions and hit testing
- Designers testing the scale and feel of simple 3D objects in a room
- Developers experimenting with A-Frame scene interactions
How to use this tool
- Open the page on a WebXR-capable device and choose Enter AR or Enter VR
- Choose Box, Sphere, or Cylinder from the Place Object controls
- In AR, point the camera at a flat surface and wait for the reticle to appear
- Tap the screen to place the selected object at the reticle position
- Exit the session when you are finished experimenting
Inputs
- Object type — Box, sphere, or cylinder
- Camera and device tracking — AR hit testing locates a real surface
- Tap or scene click — Places the currently selected object when a valid AR surface is detected
- WebXR mode — Enter AR for camera-based placement or VR for the immersive scene
Outputs
- Placed 3D entities — New A-Frame objects are added to the scene at the detected position
- Reticle feedback — The placement indicator shows when a surface is available
- Immersive preview — The scene can be viewed through an AR or VR session; this demo does not export a model file
Example use cases
- Room-scale concept demo — Show how a simple object could be positioned on a desk or floor
- XR teaching aid — Demonstrate the relationship between hit testing, reticles, and placement
- Interaction prototype — Validate a tap-to-place flow before adding custom 3D assets
Frequently asked questions
What device do I need?
You need a modern browser and a device or headset that supports the WebXR mode you want to use. AR also needs camera access and surface hit testing.
Why is the reticle not appearing?
Move the device slowly across a textured, well-lit surface and allow the AR hit test to detect it. The reticle only becomes usable after a surface is found.
Can I export the placed objects?
No export control is included in this demo. It is focused on the WebXR placement interaction.
Need a custom AR or VR experience?
SolvProb builds tailored WebXR demos, interactive 3D tools, and browser-based product experiences.
Talk to SolvProb →
