Hello World
Render text with vanilla JavaScript.
Projects
Small vanilla frontend demos. Each folder is intentionally simple and readable.
Count +1
Click a button to increment a number.
Image Storage Optimizer
TinyPNG-style local batch compression: resize images, choose WebP/JPEG/PNG output, compare size, then download.
Movie Merge WASM
Merge an ordered local clip queue into one MP4 with FFmpeg.wasm, without uploading video to an application server.
NodeNote
Visual idea canvas for freely placing and connecting notes. Included as a Git submodule.
OBJ ECS Editor
Vanilla JavaScript WebGL OBJ editor with entities, components, systems, and scene export.
Editor Command Studio
Extensible editor architecture: commands, plugins, state store, inspector, and undo/redo.
Transform Gizmo Lab
3D transform handles with picking, quaternion rotation, local/world space, snapping, and undo/redo.
Gaussian Splat Render Lab
WebGL Gaussian-style splats with tile-level culling, LOD, and live renderer metrics.
Simulation Sync Lab
USD, MJCF, SDF, and glTF asset-contract previews plus revisioned transform streams.
Ape ECS Simulation Playground
A real ape-ecs browser simulation with component composition, system queries, ticks, and world export.
Camera Avatar Capture
Drive local VRM avatars from browser-camera face, pose, and hand tracking.
Tree Node UI Lab
Entity-first UI prototype: reusable UI is an explicit tree-node definition plus reference nodes, not an implicit component boundary.