---
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/ja/videos/step-by-step-negroni-recipe-animated-from-empty-glass"
language: "ja"
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.

- [解説](https://potto.ai/ja/videos/explainer.md)
- Ror_Fly 作
- 長さと比率: 0:30 · 1:1
- 制作ツール: HTML, JavaScript, Canvas
- 公開日 2026/09/23
- オリジナルを見る: https://x.com/Ror_Fly/status/2102853258582880547

## プロンプト

```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 のよくある質問

Step-by-step Negroni recipe animated from empty glass の作り方、プロンプトの内容、そして Potto で同じような 解説 動画を作る方法。

### Step-by-step Negroni recipe animated from empty glass とは？

Step-by-step Negroni recipe animated from empty glass は Ror_Fly による 解説 のモーショングラフィックス動画です。 A 30-second explainer animation showing a Negroni recipe from empty glass to finished cocktail.

### Step-by-step Negroni recipe animated from empty glass はどう作られましたか？

Step-by-step Negroni recipe animated from empty glass は HTML、JavaScript、Canvas で制作されました。Potto の 解説 に含まれる AI モーショングラフィックス動画です。

### Step-by-step Negroni recipe animated from empty glass のプロンプトは見られますか？

はい。Step-by-step Negroni recipe animated from empty glass のプロンプト全文がこのページにあります。コピーするか、「このプロンプトを使う」をクリックして Potto のワークスペースで開いてください。

### Step-by-step Negroni recipe animated from empty glass の長さとアスペクト比は？

Step-by-step Negroni recipe animated from empty glass の長さは 0:30、フレームは 1:1 です。

### Potto で Step-by-step Negroni recipe animated from empty glass のような 解説 動画を作れますか？

はい。「このプロンプトを使う」をクリックすると、Step-by-step Negroni recipe animated from empty glass のプロンプトが Potto のワークスペースに読み込まれます。Potto が独自のバージョンをレンダリングし、書き出す前に文字とスタイルを変えられます。

### Step-by-step Negroni recipe animated from empty glass のオリジナルはどこで見られますか？

Step-by-step Negroni recipe animated from empty glass は作成者が最初に投稿しました。「オリジナルを見る」をクリックすると、その投稿が新しいタブで開きます。

### Step-by-step Negroni recipe animated from empty glass のような 解説 動画はどこで見つかりますか？

Potto の 解説 コレクションを見てください。264 本あり、それぞれにプロンプト、仕様、出典が付いています。