•14 min read
Zeilenexakte Text-Geometrie & 2D-SDF-Gitter mit TreeWalker im Hero-Layout
Wie wir mit TreeWalker, Range.getClientRects() und 2D Signed Distance Fields (Quilez smin) ein kollisionsfreies Hero-Layout mit 60 FPS Canvas-Batching bauten.
#Computer Graphics
Algorithms and rendering techniques for 2D and 3D visual synthesis, rasterization, and vector transformations.
Blog Posts6
•13 min read
Interaktives 3D-Comic-Gesicht mit WebGL POM und Depth Anything V2
Wie wir ein reales Porträtfoto über Gemini, Inpainting und Depth Anything V2 in ein lebendiges WebGL-POM-Gesicht mit adaptiver Mimik-State-Machine verwandelt haben.
•11 min read
Interactive Graph Visualizations in JavaScript: WebGL, Cytoscape & 3D Compared
Compare WebGL, Three.js, Cytoscape.js, and Vis.js for interactive network graph visualizations in JavaScript. Benchmark performance and layouts.
•12 min read
GPU Water Flow & Hydrology Shaders in Delta Dynamics
Real-time shallow water and groundwater simulation shaders on the GPU at 60 FPS using WebGL, Three.js, and FBO ping-pong texture computation.
•1 min read
3D Trace Visualization
To better understand the behavior space and its heuristic exploration using our tool Xtream we developed a proprietary 3D visualization. The visualization shows...
•1 min read
JavaScript 3D Engine Screenshots.
The history of me developing 3D engines for the Web goes back quite a while. It was revived after working at Siemens Corporate Research because they had the nee...
Software Projects2
OpenCASCADE Tools
Open-source TypeScript wrapper and CLI converting STEP and IGES CAD geometries into web-optimized 3D formats (GLTF, GLB, OBJ) via OpenCASCADE Technology and WebAssembly.
Welding Simulation
Interactive physics-based simulation and 3D visualization tool for thermal welding processes and automated weld seam geometry estimation.
•Issue #1
Sovereign Agentic Workflows, Slide-as-Code & Real-Time Web Geometry
Inaugural engineering dispatch covering reliable multi-agent control planes, Slide-as-Code lecture engines with neural voiceovers, and line-exact 2D Signed Distance Field hero typography.