01 / 04

10,000 prompts

A sample of 6,000, one point each. Hover to erase.

Scroll to play

Motion / 3D Lablab.iamnaw.dev/morph03 · Point morph

-- fps-- ms

TECH SHEET · 03 / 06

Point morph

The AEO story told with dots: all prompts, split by model, stacked into share of voice, then laid out over time.

Three.js
GSAP

TECHNIQUE

Four target shapes precomputed as position buffers
Scroll picks two shapes and blends between them
Additive blending gives the glow without post-processing
Points under the pointer fade out and drift back, projected to screen space on the CPU

PERFORMANCE · MEASURED LIVE

Draw calls: —
Triangles: —
Frame rate: —
Pixel ratio cap: 1.5
JS per frame: —

FALLBACK

Reduced motion: each chapter shows its finished shape, no tween. Without WebGL: a still image of the sphere.

FROM THE SOURCE

const k = clamp(S.k, 0, 3), i = Math.min(2, k | 0);
const f = smoothstep(k - i), A = shapes[i], B = shapes[i + 1];
for (let q = 0; q < N * 3; q++)
  pos[q] = A[q] + (B[q] - A[q]) * f;