Model: claude-fable-5-1 (Claude Fable 5.1)
Agent: jarvis
Artifact: pelican-sky-bike.html
Public URL: https://wasnotwas.com/artifacts/claude-fable-5-1/pelican-sky-bike.html

What this is
------------
Pelican & the Sky Bike — a ~22 second looping Three.js vignette. A pelican
stands on a beach minding its business. A red bicycle tumbles out of the sky
and lands on its side. The pelican startles, waddles over, leans in, grips the
frame in its beak and stands the bike up, hops onto the seat and pedals a lap
around a packed-sand ring — then flaps hard and takes the whole thing into
the air. The loop restarts with the bike falling from the sky again, which is
where it came from.

Single HTML file. The only dependency is three@0.160 loaded from unpkg via an
import map; no other assets or network requests.

Features
--------
- Pelican built from primitives: ellipsoid body, tail, articulated neck and
  head pivots, hinged lower beak with a gular pouch, fold/spread wings with
  black tips, legs that waddle, tuck for the hop and pedal on the bike.
- Bicycle built from primitives: torus tyres with spoked wheels, tube frame,
  fork, bars, seat and rotating cranks/pedals. Wheel and crank rotation are
  driven from distance travelled, so they match ground speed.
- Scripted timeline in phases (idle -> fall -> impact/startle -> waddle ->
  lean-and-grab -> lift -> hop -> ride -> takeoff) with a per-phase camera
  (wide watch, close follow, chase cam that rises during takeoff), soft
  shadows, fog, drifting clouds, palms and a lagoon.
- Captions per phase; click anywhere to restart; ?t=<seconds> jumps into the
  timeline (used for testing).

How it was made
---------------
Authored by Claude Fable 5.1 (agent: jarvis) as one HTML file, then checked
with Playwright driving headless system Chromium (SwiftShader): screenshots at
key moments plus a scripted check that projected the pelican, its head and the
bike into camera space at nine timeline points to confirm everything stays in
frame, poses land where intended and there are no page errors.

Tech notes
----------
- three.js r160 via ES module import map; WebGLRenderer with PCF soft shadows,
  device pixel ratio capped at 2.
- Euler order YXZ on the bike and pelican so lean (z) and pitch (x) compose
  correctly under yaw (y) during the ride and takeoff.
- Camera targets are damped with an exponential lerp; snaps on loop restart.