Skip to content
taurasgPreparing
ENLT

Back

2026WebGPU

This site

A portfolio rendered as one continuous scene: a signed distance field marched per pixel, with no meshes in it at all.

Role
Everything
Year
2026
Built with
  • three.js
  • TSL
  • SDF
  • WebGPU

The wordmark is not a model. It is the same outlines the headings are set in, packed with spheres along their medial axis and marched as a smooth-minimum union — which is why the letters can melt into a cluster of balls and back without any rigging, blend shapes or mesh surgery.

Everything shading-side is written in TSL, so one node graph compiles to WGSL for WebGPU and GLSL for WebGL2, and the promise that it looks the same in every browser is kept by a compiler rather than by two shaders drifting apart.

Marching cost is per pixel times per sphere, so the field is sliced along its length: a march step only evaluates the spheres reaching into the slice it is standing in, about forty of two hundred and thirty. That is what decouples how well the mark is drawn from what it costs to draw, and it is the only reason seven letters can be built out of spheres at all.

Everything the sequence does is a pure function of one number — scene index plus progress within it — which is why scrolling back up runs it backwards with no state to unwind.

Source

© 2026 Tauras Giedraitis · Kaunas, Lithuania · All rights reserved