How it's made

The nine source photos

The frontalized source

One row of the atlas

LivePortrait renders the frames offline, one at a time, long before you open the page. Each head is a grid of fifteen turns by seven nods, plus eyes-closed frames, a grin, an alarmed face, a chin-up peek, a tilted glance and a dropped-head sad one: 192 real frames, every one of them restored afterwards by GFPGAN so the eyes and hair stay sharp.

The browser never rests on a blend of two frames. It picks the single nearest cell, draws it crisp, and carries the few degrees left over as a small 3D tilt on the container around the canvas. That is why the motion is continuous but never mushy: what you see is always one real rendered frame, tipped a little.

The expressions are this person's own photographs. The grin and the alarmed face were re-rendered across the head grid from those photos as their own sources, so smiling at every angle really is their smile. The peek and the glance transfer the photos' expressions onto the neutral face, and the sad one is the closed-mouth photo with the head dropped, the eyes lowered and the mouth turned down.

Everything runs in your browser. No camera, no upload, no analytics: the page fetches a few image files and that is all that ever happens. The technique is LivePortrait (source).