Prompt Style Atlas

代码动效参考 · 知识讲解

I want you to make a 60-second, fully animated explainer video, end t…

Created by

@AstroTheWizard

原始 Prompt

原文已收录 · 未独立复现

I want you to make a 60-second, fully animated explainer video, end to end, completely on your own. I'm stepping away from my computer, so work autonomously until it's done. Don't stop to ask me questions; make the calls yourself and tell me what you decided at the end. Topic: the journey of photons Style: whimsical, charming, storybook. Give the photon a personality. It should feel like a professional motion-design studio made it, not "AI video". The whole thing should be a pure JavaScript animation, rendered from code frame by frame. Don't use AI video generators for the visuals. I've seen the videos people are posting from Opus 5.5 (kinetic typography reels, continuous infinite zooms, data-driven explainers like The Pudding or 3Blue1Brown), and what makes them great is that they're code-rendered: crisp, precise, with a coherent design system and one strong formal idea per scene. Aim for that bar or above. Make it genuinely educational and accurate. Where you can, simulate the real thing: the random walk should be an actual random walk, not a drawing of one. Include real numbers (core temperature, distance, travel time, years inside the Sun) and be honest about uncertainty in the estimates. Use humor and visual gags to keep attention: onomatopoeia, little characters, callbacks. Put what was happening on Earth during those 100,000 years alongside the photon's timeline. Deliverable: 1920x1080 at 60fps, exactly 60 seconds, with: - A voiceover script you write yourself, voiced with the highest-quality text-to-speech model you can access - Burned-in captions, since most people watch on X with the sound off - An original music score that fits the whimsical tone and changes with each scene - Sound design synced exactly to the on-screen action (every bounce, pop, whoosh and ding) - A professional mix: music ducks under the voice, mastered to streaming loudness You write the script, design the characters, pick the typography and palette, compose the music, and build the animation engine. Use any tools and resources you can find access to: open fonts, sample libraries, open-source models. Use whatever works. Quality is paramount. Build verification loops: render stills of every scene and review them critically, check transitions frame by frame, measure the audio mix numerically, fix what's weak and re-render. Don't hand me a first draft. Hand me something you'd put your name on. Also give me the source code so it's reproducible

查看 X 原帖

视频信息

时长: 1:00
画幅: 1280 × 720

技术栈

canvas

如何使用这条 Prompt

这些案例通过代码制作动效或交互 HTML，不是 Sora、Runway 等文生视频模型的生成配方。来源 Prompt 和预览不保证同样输出，复现前请检查依赖及原帖说明。

使用流程

用来源需求重建代码动效

预览用于参考，来源文字可能省略后续修改、素材或依赖；本站未独立复现这些案例。

阅读代码动效使用指南

01
先看完整/部分原文标识，再到原帖检查缺失指令与素材。
02
向编程助手说明输出格式、库版本和素材要求，先完成一个可运行场景。
03
运行生成的项目，先检查浏览器控制台，再增加效果。
04
对照预览检查时序和交互，并检查缩放、移动端和减少动态效果模式。

结果不符合预期？先检查这些

场景黑屏？依次检查加载错误、画布尺寸、相机取景和渲染循环。
代码动效需求不能直接当作文生视频配方使用。

同类更多 Prompt

Opus 5.5 做的文章讲解, 省流

@0xlangeai

Claude Opus 5.5 on our AI coding benchmark: build a fully autonomous…

@StephanFerraro

One prompt. One interactive camera lab. 🎥🔥 Claude Opus 5.5 generate…

@chudry223