# \#webxr

**URL:** https://discourse.threejs.org/tag/webxr/484.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Best production-ready face tracking solution for Three.js WebAR on iOS & Android browsers?](https://discourse.threejs.org/t/best-production-ready-face-tracking-solution-for-three-js-webar-on-ios-android-browsers/94064)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 2\
**Last updated:** [September 8, 2026, 3:05pm UTC](https://discourse.threejs.org/t/best-production-ready-face-tracking-solution-for-three-js-webar-on-ios-android-browsers/94064 "2026-09-08T15:05:41Z")

</div>

Hi everyone, I’m currently researching the best approach for implementing real-time face tracking in a commercial Three.js/WebGL web application, and I’d really appreciate feedback from developers who have built and shi…

---

## [Shader-based VR UI in Three.js (XRUI tech demo)](https://discourse.threejs.org/t/shader-based-vr-ui-in-three-js-xrui-tech-demo/93713)

<div class="topic-metadata">

**Author:** [@MichaelChistyakov](https://discourse.threejs.org/u/MichaelChistyakov)\
**Replies:** 1\
**Last updated:** [August 24, 2026, 4:25pm UTC](https://discourse.threejs.org/t/shader-based-vr-ui-in-three-js-xrui-tech-demo/93713 "2026-08-24T16:25:43Z")

</div>

Demo: XRUI — Shader UI toolkit Hey folks — sharing a shader-based UI toolkit I’ve been building purely for myself. It’s a non-commercial, experimental learning project: I had an older canvas UI, rewrote it a…

---

## [VR Web Applications, Font rendering issues, bitmap vs. SDF](https://discourse.threejs.org/t/vr-web-applications-font-rendering-issues-bitmap-vs-sdf/93545)

<div class="topic-metadata">

**Author:** [@HorstW](https://discourse.threejs.org/u/HorstW)\
**Replies:** 0\
**Last updated:** [August 16, 2026, 6:46pm UTC](https://discourse.threejs.org/t/vr-web-applications-font-rendering-issues-bitmap-vs-sdf/93545 "2026-08-16T18:46:27Z")

</div>

A couple of years ago, while working on a VR demo for Splunk, I became obsessed with the idea of using the limitless screen real estate of VR for complex business applications. I wrote a couple of Medium articles on the …

---

## [Light Comes Into the Room - a surreal ambient exploration game](https://discourse.threejs.org/t/light-comes-into-the-room-a-surreal-ambient-exploration-game/93124)

<div class="topic-metadata">

**Author:** [@fromtheghost](https://discourse.threejs.org/u/fromtheghost)\
**Replies:** 0\
**Last updated:** [July 24, 2026, 7:10pm UTC](https://discourse.threejs.org/t/light-comes-into-the-room-a-surreal-ambient-exploration-game/93124 "2026-07-24T19:10:32Z")

</div>

Hi everyone, I wanted to share a new project that I’ve released. It’s a game called Light Comes Into the Room, and you can play it here: It was made entirely with Three.js (with modeling in Blender). You can play it …

---

## [Use Three.js+Augumented reality for all browsers on web (image and surface detection) + react](https://discourse.threejs.org/t/use-three-js-augumented-reality-for-all-browsers-on-web-image-and-surface-detection-react/45913)

<div class="topic-metadata">

**Author:** [@vira4\_company](https://discourse.threejs.org/u/vira4_company)\
**Replies:** 4\
**Last updated:** [February 28, 2026, 4:31am UTC](https://discourse.threejs.org/t/use-three-js-augumented-reality-for-all-browsers-on-web-image-and-surface-detection-react/45913 "2026-02-28T04:31:34Z")

</div>

Hi guys I tested different ways for run AR on web for image tracking like : and Webxr Now I want to find a new one that worked for all browsers and have plane detection and high performance I use react.js for front …

---

## [K.I.T.E. UX, Experimental spatial layout sketch tool (three.js + WebXR)](https://discourse.threejs.org/t/k-i-t-e-ux-experimental-spatial-layout-sketch-tool-three-js-webxr/89595)

<div class="topic-metadata">

**Author:** [@fperchiazzi](https://discourse.threejs.org/u/fperchiazzi)\
**Replies:** 0\
**Last updated:** [February 3, 2026, 12:11pm UTC](https://discourse.threejs.org/t/k-i-t-e-ux-experimental-spatial-layout-sketch-tool-three-js-webxr/89595 "2026-02-03T12:11:49Z")

</div>

Hi everyone, I’d like to share KITE UX, an experimental web-based tool I’ve been working on as part of a longer research path around spatial UX, cognitive layout design, and XR prototyping. It’s built with three.js and…

---

## [Weighting errors in the WebXR generic hands models (w/ fix proposal!)](https://discourse.threejs.org/t/weighting-errors-in-the-webxr-generic-hands-models-w-fix-proposal/88984)

<div class="topic-metadata">

**Author:** [@subpixel](https://discourse.threejs.org/u/subpixel)\
**Replies:** 0\
**Last updated:** [January 6, 2026, 10:15pm UTC](https://discourse.threejs.org/t/weighting-errors-in-the-webxr-generic-hands-models-w-fix-proposal/88984 "2026-01-06T22:15:58Z")

</div>

Hiya folks! I’m having fun working on an Apple Vision Pro game project, using the hand tracking. I’ve noticed that the default generic hands profile models three.js loads are actually really nice, but have some skin weig…

---

## [WebXR AR Black Bar at Bottom After Recent Chrome Update](https://discourse.threejs.org/t/webxr-ar-black-bar-at-bottom-after-recent-chrome-update/88497)

<div class="topic-metadata">

**Author:** [@DanieleSuppo](https://discourse.threejs.org/u/DanieleSuppo)\
**Replies:** 1\
**Last updated:** [December 8, 2025, 4:29pm UTC](https://discourse.threejs.org/t/webxr-ar-black-bar-at-bottom-after-recent-chrome-update/88497 "2025-12-08T16:29:24Z")

</div>

Hello, I’m experiencing a viewport issue with WebXR AR applications on my Samsung Galaxy S10. When entering immersive-ar mode, a black bar remains visible at the bottom of the screen, corresponding to the space normally …

---

## [PlaneGeometry projection in WebXR has focus issues on Quest 2/3](https://discourse.threejs.org/t/planegeometry-projection-in-webxr-has-focus-issues-on-quest-2-3/87821)

<div class="topic-metadata">

**Author:** [@danrossi](https://discourse.threejs.org/u/danrossi)\
**Replies:** 5\
**Last updated:** [November 3, 2025, 12:20pm UTC](https://discourse.threejs.org/t/planegeometry-projection-in-webxr-has-focus-issues-on-quest-2-3/87821 "2025-11-03T12:20:07Z")

</div>

I keep getting a complaint that PlaneGeometries are not rendering as expected and not showing “3D” in WebXR on Quest. When overlayed on a video texture background there is focus and “double vision” issues depending on it…

---

## [WebXR Depth Sensing API dont work in three js r168](https://discourse.threejs.org/t/webxr-depth-sensing-api-dont-work-in-three-js-r168/70675)

<div class="topic-metadata">

**Author:** [@Denis\_T](https://discourse.threejs.org/u/Denis_T)\
**Replies:** 1\
**Last updated:** [October 23, 2025, 3:40pm UTC](https://discourse.threejs.org/t/webxr-depth-sensing-api-dont-work-in-three-js-r168/70675 "2025-10-23T15:40:00Z")

</div>

Hello everyone, I’m working with the WebXR Depth Sensing API to obtain depth data in my project. I’ve been using Three.js version r148 with the following session initialization: const sessionInit = { requiredFeatures…

---

## [AL13YCAT - VR Puzzle for JS13KGames Jam 2025](https://discourse.threejs.org/t/al13ycat-vr-puzzle-for-js13kgames-jam-2025/87605)

<div class="topic-metadata">

**Author:** [@BoldBigflank](https://discourse.threejs.org/u/BoldBigflank)\
**Replies:** 0\
**Last updated:** [October 18, 2025, 5:34am UTC](https://discourse.threejs.org/t/al13ycat-vr-puzzle-for-js13kgames-jam-2025/87605 "2025-10-18T05:34:05Z")

</div>

I made a VR Word puzzle using Three with the limitation of 13 kilobytes of javascript code (not including the base three library). This is my first released project using Three.js and am pleased with how it turned out …

---

## [Contact shadows for WebXR - happy to share!](https://discourse.threejs.org/t/contact-shadows-for-webxr-happy-to-share/86883)

<div class="topic-metadata">

**Author:** [@DanieleSuppo](https://discourse.threejs.org/u/DanieleSuppo)\
**Replies:** 0\
**Last updated:** [September 9, 2025, 4:25pm UTC](https://discourse.threejs.org/t/contact-shadows-for-webxr-happy-to-share/86883 "2025-09-09T16:25:39Z")

</div>

Hello! The regular ContactShadow provided with ThreeJS doesn’t work for XR, so this is my implementation. Nothing fancy, I’ve just copied the code from the “official” version https://threejs.org/examples/webgl\_shadow\_…

---

## [Displaying a PlaneGeometry as 3D in WebXR](https://discourse.threejs.org/t/displaying-a-planegeometry-as-3d-in-webxr/86386)

<div class="topic-metadata">

**Author:** [@danrossi](https://discourse.threejs.org/u/danrossi)\
**Replies:** 6\
**Last updated:** [August 24, 2025, 2:39pm UTC](https://discourse.threejs.org/t/displaying-a-planegeometry-as-3d-in-webxr/86386 "2025-08-24T14:39:59Z")

</div>

It has come to my attention that geometries like PlaneGeometry do not display 3D in WebXR. They display at the same location and “mono” in stereo. I’ve got a video control menu in XR with a progress bar. Which I replicat…

---

## [WebXR EnterVR fails in PCVR mode after exiting a few sessions](https://discourse.threejs.org/t/webxr-entervr-fails-in-pcvr-mode-after-exiting-a-few-sessions/86421)

<div class="topic-metadata">

**Author:** [@fedeMarino](https://discourse.threejs.org/u/fedeMarino)\
**Replies:** 2\
**Last updated:** [August 22, 2025, 1:33am UTC](https://discourse.threejs.org/t/webxr-entervr-fails-in-pcvr-mode-after-exiting-a-few-sessions/86421 "2025-08-22T01:33:50Z")

</div>

When I’m using a Three.js application with WebXR in PCVR mode via AirLink, and I repeatedly enter and exit a session (without closing the browser window). I’m using Windows 10, Chrome, and the latest version of Meta Que…

---

## [XRControllerModelFactory on Meta Quest 3 in PCVR mode, incorrect 3D model](https://discourse.threejs.org/t/xrcontrollermodelfactory-on-meta-quest-3-in-pcvr-mode-incorrect-3d-model/86419)

<div class="topic-metadata">

**Author:** [@fedeMarino](https://discourse.threejs.org/u/fedeMarino)\
**Replies:** 0\
**Last updated:** [August 20, 2025, 2:29pm UTC](https://discourse.threejs.org/t/xrcontrollermodelfactory-on-meta-quest-3-in-pcvr-mode-incorrect-3d-model/86419 "2025-08-20T14:29:15Z")

</div>

Hi, I’m using Three.js for a VR app in PCVR mode. I noticed that when using a Meta Quest 3 headset, the models retrieved by theXRControllerModelFactory do not match the controllers of that headset. Instead it retrieves…

---

## [Can we set a different texture for each eye in XR?](https://discourse.threejs.org/t/can-we-set-a-different-texture-for-each-eye-in-xr/86187)

<div class="topic-metadata">

**Author:** [@danzen](https://discourse.threejs.org/u/danzen)\
**Replies:** 0\
**Last updated:** [August 13, 2025, 12:52pm UTC](https://discourse.threejs.org/t/can-we-set-a-different-texture-for-each-eye-in-xr/86187 "2025-08-13T12:52:57Z")

</div>

Can we set a different texture for each eye in XR? If we can, then we can make 3D textures in VR. This was quite exciting in AltSpace - it led to galleries and really trippy experiences.

---

## [An open world space experience as a portfolio](https://discourse.threejs.org/t/an-open-world-space-experience-as-a-portfolio/74951)

<div class="topic-metadata">

**Author:** [@simone\_andreotti](https://discourse.threejs.org/u/simone_andreotti)\
**Replies:** 8\
**Last updated:** [July 30, 2025, 10:09am UTC](https://discourse.threejs.org/t/an-open-world-space-experience-as-a-portfolio/74951 "2025-07-30T10:09:34Z")

</div>

Hi everyone, I’m excited to share my portfolio with the Three.js community and to submit it for consideration on the Three.js homepage. I hope it can inspire others and showcase what’s possible with Three.js! Overview M…

---

## [Drei Hub disappears upon entering R3F XR session](https://discourse.threejs.org/t/drei-hub-disappears-upon-entering-r3f-xr-session/84143)

<div class="topic-metadata">

**Author:** [@puddleglum56](https://discourse.threejs.org/u/puddleglum56)\
**Replies:** 3\
**Last updated:** [June 26, 2025, 3:14pm UTC](https://discourse.threejs.org/t/drei-hub-disappears-upon-entering-r3f-xr-session/84143 "2025-06-26T15:14:52Z")

</div>

I tried to use a simple Hub from Drei with an OrthographicCamera with XR. The Hub shows up fine before I enter the XR session, but immediately disappears after entering the XR session. Could anyone help me figure out wha…

---

## [XR session will not start again after exit, need to reopen quest browser](https://discourse.threejs.org/t/xr-session-will-not-start-again-after-exit-need-to-reopen-quest-browser/83559)

<div class="topic-metadata">

**Author:** [@FuzzyWobble](https://discourse.threejs.org/u/FuzzyWobble)\
**Replies:** 1\
**Last updated:** [June 5, 2025, 7:39pm UTC](https://discourse.threejs.org/t/xr-session-will-not-start-again-after-exit-need-to-reopen-quest-browser/83559 "2025-06-05T19:39:09Z")

</div>

After exit session, the three oculus dots appear, attempt to exit and renter session, just shows 3 dots. Need to exit oculus browser and reopen to properly close xr session it seems. This problem also exists on https://…

---

## [XR controllers in Quest headset not connecting unless put in sleep mode during XR](https://discourse.threejs.org/t/xr-controllers-in-quest-headset-not-connecting-unless-put-in-sleep-mode-during-xr/82373)

<div class="topic-metadata">

**Author:** [@danrossi](https://discourse.threejs.org/u/danrossi)\
**Replies:** 2\
**Last updated:** [June 3, 2025, 5:53am UTC](https://discourse.threejs.org/t/xr-controllers-in-quest-headset-not-connecting-unless-put-in-sleep-mode-during-xr/82373 "2025-06-03T05:53:02Z")

</div>

Is anyone experiencing the same thing. I am unable to get a controller connected unless I put the headset and controller into sleep mode during an XR session. When relaunching to XR there is no controller again. Can be …

---

## [Correct intersection with WebXR controller and controller marker](https://discourse.threejs.org/t/correct-intersection-with-webxr-controller-and-controller-marker/83376)

<div class="topic-metadata">

**Author:** [@danrossi](https://discourse.threejs.org/u/danrossi)\
**Replies:** 1\
**Last updated:** [May 30, 2025, 4:15pm UTC](https://discourse.threejs.org/t/correct-intersection-with-webxr-controller-and-controller-marker/83376 "2025-05-30T16:15:13Z")

</div>

I am experiencing a few issues with WebXR controller intersections and the marker hiding behind transparent objects. I’ve shown notification when an intersection hit has been made on hover and selection. Over a simple p…

---

## [WebXRController doesn't check for button pressed changes](https://discourse.threejs.org/t/webxrcontroller-doesnt-check-for-button-pressed-changes/83231)

<div class="topic-metadata">

**Author:** [@danrossi](https://discourse.threejs.org/u/danrossi)\
**Replies:** 3\
**Last updated:** [May 28, 2025, 12:41pm UTC](https://discourse.threejs.org/t/webxrcontroller-doesnt-check-for-button-pressed-changes/83231 "2025-05-28T12:41:14Z")

</div>

I would like to use some of the controller buttons to control some things. However there is no event to detect button pressed states. Am I required to modify the controller to check input sources in the update method and…

---

## [Animated \<canvas\> \> canvasTexture \> dont work in WebXr , why ? 😱](https://discourse.threejs.org/t/animated-canvas-canvastexture-dont-work-in-webxr-why/81587)

<div class="topic-metadata">

**Author:** [@LagenceCree](https://discourse.threejs.org/u/LagenceCree)\
**Replies:** 3\
**Last updated:** [April 25, 2025, 2:07pm UTC](https://discourse.threejs.org/t/animated-canvas-canvastexture-dont-work-in-webxr-why/81587 "2025-04-25T14:07:18Z")

</div>

Hello, i’m looking for a way to continiously drawing things in a (an animation) : it’ok ! applyng it to a material using canvasTexture: its ok ! but the problem come when i enter in WebXR session (in oculus quest 2) …

---

## [Native video layer in WebXR](https://discourse.threejs.org/t/native-video-layer-in-webxr/81617)

<div class="topic-metadata">

**Author:** [@danrossi](https://discourse.threejs.org/u/danrossi)\
**Replies:** 1\
**Last updated:** [April 25, 2025, 1:13pm UTC](https://discourse.threejs.org/t/native-video-layer-in-webxr/81617 "2025-04-25T13:13:20Z")

</div>

I am investigating native video layers for Quest headsets in WebXR. There is two examples but not sure which method to use. I have a group of controls meshes that is overlayed on top so not sure how to add that into a la…

---

## [Vacancy / Job | Three.js Developer](https://discourse.threejs.org/t/vacancy-job-three-js-developer/81062)

<div class="topic-metadata">

**Author:** [@Claar](https://discourse.threejs.org/u/Claar)\
**Replies:** 1\
**Last updated:** [April 11, 2025, 10:17am UTC](https://discourse.threejs.org/t/vacancy-job-three-js-developer/81062 "2025-04-11T10:17:48Z")

</div>

Dear Three.js Network, At Claar, we create unique and immersive visual experiences where 3D visualization meets web applications. We work at the crossroads of creativity and technology, offering tailor-made solutions fo…

---

## [Aliasing video texture in WebXR in Quest headsets](https://discourse.threejs.org/t/aliasing-video-texture-in-webxr-in-quest-headsets/79943)

<div class="topic-metadata">

**Author:** [@danrossi](https://discourse.threejs.org/u/danrossi)\
**Replies:** 5\
**Last updated:** [March 26, 2025, 11:22am UTC](https://discourse.threejs.org/t/aliasing-video-texture-in-webxr-in-quest-headsets/79943 "2025-03-26T11:22:34Z")

</div>

I have a strange report I can’t replicate anywhere including on my Rift headset. Of aliasing on the actual video texture even with antialias configured and anisotropy set on the texture. I’ve repurposed the basic stereo…

---

## [Displaying "over/under" stereo pairs in XR](https://discourse.threejs.org/t/displaying-over-under-stereo-pairs-in-xr/79730)

<div class="topic-metadata">

**Author:** [@yesbird](https://discourse.threejs.org/u/yesbird)\
**Replies:** 3\
**Last updated:** [March 17, 2025, 9:43pm UTC](https://discourse.threejs.org/t/displaying-over-under-stereo-pairs-in-xr/79730 "2025-03-17T21:43:22Z")

</div>

I am trying to display stereo pairs in XR mode and follow this canonical example with a nice girl. Everything is fine when pairs are in “side-by-side” format, but unfortunately I have them only in “over/under” format an…

---

## [A possible bug with Object3D.layers in WebXR](https://discourse.threejs.org/t/a-possible-bug-with-object3d-layers-in-webxr/77256)

<div class="topic-metadata">

**Author:** [@danielhx](https://discourse.threejs.org/u/danielhx)\
**Replies:** 1\
**Last updated:** [March 16, 2025, 2:15am UTC](https://discourse.threejs.org/t/a-possible-bug-with-object3d-layers-in-webxr/77256 "2025-03-16T02:15:41Z")

</div>

Hello, I’m using three.js for webxr (via react-three/xr) on Vision Pro. I would like to render a different mesh for each eye and I can see that layers are meant for that purpose and it “kind of” works. Both meshes have…

---

## [Object Rotation Logic in WebXR (HELP!)](https://discourse.threejs.org/t/object-rotation-logic-in-webxr-help/78693)

<div class="topic-metadata">

**Author:** [@Flinch](https://discourse.threejs.org/u/Flinch)\
**Replies:** 4\
**Last updated:** [February 27, 2025, 5:53pm UTC](https://discourse.threejs.org/t/object-rotation-logic-in-webxr-help/78693 "2025-02-27T17:53:50Z")

</div>

I can’t figure out how to properly rotate the object so that it always rotates relative to the camera, even if its position is adjusted or the camera moves to a different angle. In the attached video, my current issue is…

---

## [The required feature 'plane-detection' is not supported](https://discourse.threejs.org/t/the-required-feature-plane-detection-is-not-supported/48299)

<div class="topic-metadata">

**Author:** [@Di\_p\_Tr\_n](https://discourse.threejs.org/u/Di_p_Tr_n)\
**Replies:** 4\
**Last updated:** [February 18, 2025, 1:00pm UTC](https://discourse.threejs.org/t/the-required-feature-plane-detection-is-not-supported/48299 "2025-02-18T13:00:08Z")

</div>

Hello guys, the demo three.js examples (threejs.org) getting an error that “The required feature ‘plane-detection’ is not supported”. I tested it on my phone(Samsung A22) and WebXR Extension Can someone give me a hin…

[Next page](https://discourse.threejs.org/tag/webxr/484.md?match_all_tags=true&page=1&tags%5B%5D=webxr)