Community reference · Explainers

A Cocktail Recipe from Empty Glass to Finish

This thirty-second recipe animation request follows a cocktail from an empty glass to the completed drink. Ingredients and measurements should appear as they enter the cup, using an explainer format. The author permits either JavaScript or HTML, leaving the implementation choice open while specifying the visual progression and the accompanying recipe information.

Watch the community video

Shared by Rory Flynn (@Ror_Fly) · · 30 seconds. Community reference made with Opus 5.5 by community members — not produced by us. Source videos may use tools and durations beyond Motion AI Video’s 30-second output limit.

The original 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.

Original wording and language are preserved. References to attachments, repositories or private assets belong to the author’s setup; supply your own authorised materials when adapting the brief.

Where this approach fits

The sequence is useful for a compact menu animation or a recipe card with measured additions. Establish the exact ingredient list first, then give each amount a readable pause so the animation explains the preparation instead of merely decorating the finished drink.

When to choose a different approach

Avoid compressing a recipe into this format if essential preparation happens outside the glass or requires extended timing. A brief animation should not imply that shaking, chilling, straining, or other omitted actions are unnecessary when they are part of the actual recipe.

Related community references

Back to explainers examples · All community examples

Adapt the idea to your own short video

Use your own words, visuals and permissions. Turn a sentence into an animation, or find a named movement in the effects library.

Open the Studio →