---
title: "Step-by-step Negroni recipe animated from empty glass"
description: "A 30-second explainer animation showing a Negroni recipe from empty glass to finished cocktail."
canonical: "https://potto.ai/videos/step-by-step-negroni-recipe-animated-from-empty-glass"
language: "en"
datePublished: "2026-09-23"
---

# Step-by-step Negroni recipe animated from empty glass

A 30-second explainer animation showing a Negroni recipe from empty glass to finished cocktail.

An explainer motion graphic built with HTML, JavaScript and canvas that walks through a Negroni recipe from an empty glass to the completed cocktail. Ingredients and their measurements appear as each one is added to the glass, following the recipe step by step over 30 seconds.

- [Explainer](https://potto.ai/videos/explainer.md)
- by Ror_Fly
- Length & ratio: 0:30 · 1:1
- Made with: HTML, JavaScript, Canvas
- Published Sep 23, 2026
- View original: https://x.com/Ror_Fly/status/2102853258582880547

## Prompt

```text
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.
```

## Step-by-step Negroni recipe animated from empty glass FAQ

How Step-by-step Negroni recipe animated from empty glass was made, what its prompt says, and how to make Explainer videos like it with Potto.

### What is Step-by-step Negroni recipe animated from empty glass?

Step-by-step Negroni recipe animated from empty glass is a motion graphics video by Ror_Fly in the Explainer collection. A 30-second explainer animation showing a Negroni recipe from empty glass to finished cocktail.

### How was Step-by-step Negroni recipe animated from empty glass made?

Step-by-step Negroni recipe animated from empty glass was made with HTML, JavaScript, and Canvas. It is part of the Explainer collection of AI motion graphics videos on Potto.

### Is the prompt for Step-by-step Negroni recipe animated from empty glass available?

Yes. The full prompt behind Step-by-step Negroni recipe animated from empty glass is on this page. Copy it, or click Use this prompt to open it in the Potto workspace.

### How long is Step-by-step Negroni recipe animated from empty glass, and what is its aspect ratio?

Step-by-step Negroni recipe animated from empty glass runs 0:30 in a 1:1 frame.

### Can I make Explainer videos like Step-by-step Negroni recipe animated from empty glass with Potto?

Yes. Click Use this prompt to load the prompt behind Step-by-step Negroni recipe animated from empty glass into the Potto workspace. Potto renders its own version, and you can change the text and style before you export.

### Where can I watch the original Step-by-step Negroni recipe animated from empty glass?

Step-by-step Negroni recipe animated from empty glass was first posted by its creator. Click View original to open that post in a new tab.

### Where can I find more Explainer videos like Step-by-step Negroni recipe animated from empty glass?

Browse the Explainer collection on Potto: 264 videos, each with its prompt, specs and source.