Negroni recipe animated step by step from empty glass
Rory FlynnVERIFIED
@Ror_Fly73.6K views · 1.0K likes · 1.4K saves · 70 reposts · Posted Sep 23, 2026 · 0:30 · Explainers
OUR NOTEA 30-second motion graphic building a Negroni from empty glass to finished drink, with a step tracker (ice, gin, Campari, vermouth, stir, peel); rendered in HTML/JavaScript from one reference photo.
THE CREATOR'S POST
Opus 5.5 rendered this in HTML from (1) image 🤯
Things are getting weird.
PROMPT:
We're going to try a little test. Do you think you could render a recipe motion graphic animation using javascript or html (w/e you think will produce the best) to show the full recipe from start to finish (empty glass to completed cocktail) - Explainer video style - Showing the recipe ingreidents + measurements as they're going into the cup. Should be a 30s video.THE PROMPT
Single-image recipe briefWe're going to try a little test. Do you think you could render a recipe motion graphic animation using javascript or html (w/e you think will produce the best) to show the full recipe from start to finish (empty glass to completed cocktail) - Explainer video style - Showing the recipe ingreidents + measurements as they're going into the cup. Should be a 30s video.MAKE ONE LIKE THIS
Three steps, using what the creators in this index used.- 1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
HOW OTHERS WROTE THEIRS → - 2 · Direct it like an editor
- Ask for one self-contained HTML file on a fixed 1920×1080 stage.
- Link this video as the reference for pacing and style.
- Send two or three rounds of specific notes.
- 3 · Render it to MP4
A short piece like this can be screen-recorded, or captured frame by frame for exact timing.
TURN AN HTML ANIMATION INTO AN MP4 →
HOW IT WAS MADE
TOOLS THE CREATOR NAMED
HTMLJavaScript
LOOK
explainerdata-vizminimal
Indexed Sep 28, 2026, 8:28 AM · Views as of indexing. Video and post © their creator.