Animation technique demos · for Mustafa

Five reels, five ways to move.

Each reel is a ~30-second piece built with a different technique from the toolbox, all themed around Human Wisdom for the Age of AI. Click through in order, or jump to what interests you.

REEL01≈00:31 HTML + CSS keyframes + JS

The Delivery

Packages ride a conveyor, open their flaps, and reveal the four capacities the course teaches. Pure CSS choreography on a 31-second timeline — plays live in the browser.

→
REEL02≈00:30 p5.js generative art

Deliberate Currents

A flow field with two castes: a fast swarm that reacts, and slow "sages" that integrate. Over thirty seconds the storm learns to breathe. Interactive — change the seed, tune the parameters, download a print.

→
REEL03≈00:34 Pagecast recording → MP4 / GIF

Page-to-Video Recording

Reel 01 captured from a live browser and shipped as an MP4 and a GIF — the pipeline for dropping any animation into slides, email, or your Rise 360 course.

→
REEL04≈00:03 Python / PIL → Slack-validated GIF

The Unboxing, for Slack

A message-size GIF and a 49 KB emoji variant, drawn frame by frame and validated against Slack's specs. Short by design — Slack loops want three seconds, not thirty.

→
REEL05≈00:28 Browser automation + screen capture

An Agent Works the Station

An automation script types, selects, and clicks its way through a live form while the screen records — plus the interactive page itself, so you can work the station by hand.

→
GAME06≈08:00 Three.js · playable game

The Night Shift

You are the last human signature in an AI-run university. Twelve parcels, one lamp, a belt that never stops. Approve what's sound, flag what isn't — then find out how calibrated your trust really was.

→
CASE07≈12:00 Cinematic branching case · Remotion scene videos + Gemini voice + Nano Banana art

The Phoenix Brief

A voiced, illustrated morning in Elon's communications office — now with a rendered video for every scene. Cross-examine the AI's draft against the real study's charts, a spoofed VP email, the beta testers' chat, and one photo that was never taken. Every answer branches; the debrief remembers everything.

→