Sketches.

Rotating radial lines with bloom — a react-three-fiber + postprocessing sketch.

An interactive node-graph of the stack, built with @xyflow/react.

A parametric generator for page icons — ring, spiral, and dial layouts on a 2D canvas, with a shareable URL.

A parametric reconstruction of a modular timber framework — morph between a tall column and a cube, after Christian Borger’s SF-01.

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.

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.

A procedurally authored field of BIM massing blocks — built from scratch with the @thatopen/fragments Editor API (FlatBuffers geometry, worker-driven), no IFC.

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.

A live walkthrough of Speckle's Base object — watch detachable props become references, arrays chunk into DataChunks, the __closure table fill, and ids recompute as the tree goes stale.

A WebGPU compute shader reads an r3f render texture (zero-copy via three’s WebGPURenderer) and counts visible target pixels into an atomic buffer — a web port of view-to’s GPU viewshed, with a live heatmap and visible-area %.

My path so far as an interactive, pannable node-graph.