Open source · React Native
Draw a gesture, keep the fossil.
Your finger trace becomes a live 3D ribbon rendered on the GPU. While you draw it glows like soft clay, and the moment you release it crystallizes into a metallic sculpture you can spin around. WebGPU and Three.js running inside React Native.
How it works
Finger to 3D path
Gesture Handler samples the touch every few pixels and maps screen position plus velocity into three dimensional points. Fast strokes dive deeper into the scene, so the trace has real depth, not just a flat line rotated in space.
One ribbon buffer, no allocations
The trace lives in a single pre-allocated BufferGeometry. Each frame writes four vertices per point around the path tangent and grows the draw range, so the ribbon extends under your finger without ever rebuilding the mesh.
Crystallize on release
While drawing, the material is emissive clay. On release one medium haptic commits the fossil and the material animates to high metalness, low roughness reflective metal. Further drags rotate the preserved object.
Want the full technical breakdown?
I'm writing a deep dive on running WebGPU and Three.js inside React Native: the Metro config that makes three/webgpu resolve, the ribbon geometry math and the clay-to-metal material animation. Drop your email and I'll send it when it's out, plus my next micro-interaction experiments.
No spam, no funnel. The source code is free either way.