All tags

TAG

#javascript

19articles

📚How Calil's Cross-Library Search Works: Staged Result Retrieval with search and polling

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.

apijavascriptpollinglibrary

🌙Connecting OpenDrift Drift Simulation with a Calendar and Tidal Calculation App: GeoJSON Bridge Design

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.

opendriftpythonjavascriptgeojson

🚶Retargeting Mixamo Walk Animation onto an Avaturn Avatar: From Blender CLI to Three.js Runtime

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.

threejsjavascriptblendermixamo

🥽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.

webxrreact-three-fibernextjsthreejs

🏯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

📊Observable: Data Visualization Notebooks by the Creator of D3.js

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.

observabled3jsdata-visualizationjavascript

🗺️Fixing Custom Marker Lag on Zoom in MapLibre GL JS with GeoJSON Layers

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.

maplibrejavascriptgiswebgl

🚀Upgrading from Astro 4 to 5 — A Migration Log

Summary of changes required when upgrading from Astro 4 to Astro 5

astrojavascriptmigration

🎭Auto-Generating VRM Character Animation Videos with Three.js + Puppeteer

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.

threejsjavascriptpythonvrm

👁Adding a CETEIcean-Powered TEI Preview to the DOCX → TEI/XML Converter

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.

teixmldigitalhumanitiesjavascript

📄Building a DOCX to TEI/XML Conversion Tool in the Browser Using the TEI Garage API

Building a DOCX to TEI/XML Conversion Tool in the Browser Using the TEI Garage API

teixmldigitalhumanitiesjavascript

🎃I Created a Japanese Tutorial for ethers.js v6

I created a Japanese tutorial for ethers.js v6

blockchainjavascriptethereumweb3

😽Annotorious Drawing Mode Breaks Only in Production Build

Annotorious Drawing Mode Breaks Only in Production Build

javascriptnextjswebpackiiif

💬Japanese Localization of RAWGraphs 2.0

Japanese localization of RAWGraphs 2.0

javascriptreacti18n

🔥Highlighting TeX with Ace.js

Highlighting TeX with Ace.js

javascriptlatextexace

🙄Loading .glb Files with Nuxt3 x babylon.js

Loading .glb Files with Nuxt3 x babylon.js

nuxtjavascript3dbabylon

🕌Implementing Exact Non-Match Search with Fuse.js (Explained by GPT-4)

Implementing Exact Non-Match Search with Fuse.js (Explained by GPT-4)

javascriptsearchmismatcharraymethodfiltering

😸Partially Implementing Exact Non-Match Search with Fuse.js

Partially Implementing Exact Non-Match Search with Fuse.js

javascript

📘[TEI x JavaScript] Removing Unintended Whitespace in Nuxt 3

[TEI x JavaScript] Removing Unintended Whitespace in Nuxt 3

javascriptnuxt3tei