Sketches.
Interactive 3D experiments and node-graph demos.
/Items
(9)Orbit Lines
Open →Rotating radial lines with bloom — a react-three-fiber + postprocessing sketch.
- generative
- canvas2d
Skill Graph
Open →An interactive node-graph of the stack, built with @xyflow/react.
- graph
- react-flow
Icon Forge
Open →A parametric generator for page icons — ring, spiral, and dial layouts on a 2D canvas, with a shareable URL.
- generative
- canvas2d
Ultra-Light Factory
Open →A parametric reconstruction of a modular timber framework — morph between a tall column and a cube, after Christian Borger’s SF-01.
- 3d
- r3f
- parametric
- generative
Scene Editor
Open →A reusable react-three-fiber editor scaffold — select primitives to inspect & transform them, switch between perspective and orthographic cameras, and orbit/pan/zoom with an axis gizmo.
- 3d
- r3f
- editor
- interactive
Solid Grammar
Open →A parametric solid modeler — arrays of primitives and extruded profiles, with kernel CSG, driven by the OpenGeometry CAD kernel (Rust→WASM) in a vanilla three.js scene.
- 3d
- cad
- generative
- wasm
Fragment Field
Open →A procedurally authored field of BIM massing blocks — built from scratch with the @thatopen/fragments Editor API (FlatBuffers geometry, worker-driven), no IFC.
- 3d
- bim
- generative
- wasm
Provenance Blame
Open →A content-origin design system — a per-item map and a per-section, git-blame-style gutter that marks each part human, hybrid, or AI.
- design-system
- provenance
- dom
Timeline
Open →My path so far as an interactive, pannable node-graph.