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.
A three-stage walkthrough for applying a Mixamo walk animation to an Avaturn avatar (GLB): offline conversion with Blender 5.0 CLI, verification with Node.js, and browser-only runtime retargeting in Three.js — including a detailed record of what went wrong along the way.
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.
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.
Implementation notes on building a pipeline that animates VRM models on headless Chrome using Three.js and @pixiv/three-vrm, combined with VOICEVOX lip sync, to auto-generate VTuber-style explainer videos.
Three.js + React Three Fiber: Resolving Rough GLTF Model Texture Display
Building a Web App to Download and Display GLB Files Using the Sketchfab API
Using @react-three/fiber and drei with Next 15 (Using React 19)
Trying Out virtual-museum-tour-threejs