ldas.jp
JA
All tags

TAG

#webxr

3articles

🎬Recording Demo Videos of a three.js / WebXR 3D App Yourself: The Essentials of canvas Recording and Automation

Notes from recording a demo video of a three.js + WebXR 3D gallery app from within the app using canvas.captureStream and MediaRecorder. Covers pitfalls and remedies such as the DOM not appearing, the resolution becoming huge, and codec playback compatibility, plus headless automated capture via CDP and how to verify it.

threejswebglwebxrmediarecorder

🥽Building a Meta Quest VR Viewer with Next.js + React Three Fiber: @react-three/xr v6 Implementation Notes

Notes on adding Meta Quest support to a Next.js + React Three Fiber 3D viewer using @react-three/xr v6. Covers the CameraRig XR-camera hijacking issue, the callback vs. ref pitfall in useXRControllerLocomotion, Quest device debugging techniques, and more.

webxrreactthreefibernextjsthreejs

🏯IIIF VR Viewer: Experiencing Cultural Resources at Real Scale with WebXR and A-Frame

Development notes for a WebXR viewer that places IIIF images at real-world scale inside a virtual Edo-period townhouse, viewable in both browsers and VR headsets. Covers A-Frame + THREE.js third-person camera, VRM avatars, tile LOD, and issues encountered along the way.

webxraframethreejsjavascript