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 record of reading the open-source unitrad-ui code to understand how Calil's library cross-search retrieves results in stages through search and polling.
A record of connecting a JavaScript-based traditional calendar and tidal calculation tool with a Python-based drift simulation using GeoJSON as the interchange format.
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.
An introduction to Observable, the JavaScript-based data analysis and visualization notebook platform by D3.js creator Mike Bostock, and its applications in Digital Humanities.
DOM-based custom markers (maplibregl.Marker) in MapLibre GL JS lag behind the map during zoom and pan. This article explains the cause and a solution using GeoJSON source with Circle/Symbol layers.
Summary of changes required when upgrading from Astro 4 to Astro 5
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.
Added a visual preview feature to the DOCX → TEI/XML converter using CETEIcean, allowing users to verify TEI tags render as expected directly in the browser.
Building a DOCX to TEI/XML Conversion Tool in the Browser Using the TEI Garage API
I created a Japanese tutorial for ethers.js v6
Annotorious Drawing Mode Breaks Only in Production Build
Japanese localization of RAWGraphs 2.0
Highlighting TeX with Ace.js
Loading .glb Files with Nuxt3 x babylon.js
Implementing Exact Non-Match Search with Fuse.js (Explained by GPT-4)
Partially Implementing Exact Non-Match Search with Fuse.js
[TEI x JavaScript] Removing Unintended Whitespace in Nuxt 3