blobby 3d

blobby, but in 3d: a translucent, jelly-like ghost built with three.js

the same show as the original blobby, which was built purely with html, now rebuilt in 3d: he peeks in from the left edge with a curious head tilt, waddles to the middle, does two bouncy hops and a full spin, then waltzes off to the right in 3/4 time.

his body is one sculpted sphere with a jelly wobble that reshapes it every frame, so his top trails behind as he moves. the timeline is written by hand in javascript, like css keyframes rebuilt from scratch, using squash and stretch, anticipation and follow-through.

if your computer is set to reduce motion, blobby skips the show and stands calmly in the middle instead.