确定性基于帧的视频渲染
社区灵感 · KarmiAnimate an X-ray-style butterfly using a fixed 1000×1080 canvas and frame-number-driven drawing. Build a 720-frame, 12-second loop in which draw(f) gives the same image whenever that frame is requested. Avoid clocks, ti…
Claude Opus 5.5 选集收录来源明确的代码动效,涵盖 Three.js 场景、Blender 动画与数据可视化。可从参考提示词入手,调整主体、动作与信息表达,理解同类创意如何展开。
Animate an X-ray-style butterfly using a fixed 1000×1080 canvas and frame-number-driven drawing. Build a 720-frame, 12-second loop in which draw(f) gives the same image whenever that frame is requested. Avoid clocks, ti…
Animate the Hall of Prayer for Good Harvests at Beijing's Temple of Heaven being drawn in the browser. Start with pencil-like construction lines for the platform, 28 columns, bracket sets, and three roof tiers. Then add…
Use Rust, SVG, and fframes to make a coded motion graphics video. Define each frame as a function rather than recording a running animation. Combine particles, 3D geometry, spring motion, shader effects, and an audio-re…
Build a Saturn V on its launch pad as an interactive Three.js scene in one HTML file, without image assets. Include the five F-1 engines, stage tanks and engines, lunar module under the nose, command module, and escape…
Animate a house emerging from a pencil sketch in 3D using Three.js and TSL. Develop it through four visible stages: the first drawing lines, the building's mass, its architectural details, and the completed home. Let th…
Plan a 14-second square UI loop at 1440×1440 and 60 fps. Keep one shape morphing through a mascot, play control, loader, check mark, timeline, Bézier editor, frame counter, render bar, command palette, and toast, return…
Build an interactive hillside villa that assembles itself in one Three.js HTML file using WebGPU. Give each component its own timeline interval across foundation, skeleton, systems, envelope, and finished stages, with s…
Make a psychology explainer inspired by the typographic, visually varied presentation of the NextCore channel. Limit the imagery to effects that can be built with HTML, CSS, JavaScript, and related code. Do not use imag…
Use the supplied advertising image as the ending of a 30-second tile-assembly film at 1920×1080 and 30 fps. Build roughly 190,000 separate Three.js tiles, sampling the image for color rather than applying it as a textur…
Model an interactive mechanical watch in a single Three.js HTML file without images. Include a gold case, crystal, dial, hands, mainspring barrel, gear train, jewels, balance wheel, hairspring, escape wheel, and pallet…
Construct and animate a cow procedurally in the browser. Do not import a 3D model, animation file, or keyframes. Calculate the movement of its body, hooves, tail, and udder through code and physics-driven motion, keepin…
Use Three.js and Rapier to simulate a Rube Goldberg-style domino chain. Begin with a marble and progress through ten dominoes that increase in size by a factor of 1.5, carrying the action from a desktop-scale setup to a…
Build a 37-second motion graphics promotion for the fictional sample brand Ajoflow. Implement the animation entirely in code and use the piece as a brand-presentation exercise. Produce the film without relying on After…
Build an interactive 3D demonstration of an 1857 Napoleon field cannon with procedural Three.js, WebGPU, and TSL shaders. Use no Blender files, imported models, or textures. Show the model alongside live orthographic te…
Use JavaScript and Canvas to introduce the supplied content-distribution product and its Obsidian plugin, web, and desktop versions. Write the product copy for nontechnical consumers and use a simple, contemporary visua…
Make a 24-second AI In Public reel in Remotion at 1920×1080 and 60 fps. Use the supplied logo and sparkle with blue #3D40FE, white, navy, and ice tones. Combine kinetic typography, terminal UI, neural imagery, particles…
Create a 15-second motion design reel as if it were the portfolio piece attached to a résumé. Choose the tools and techniques that best serve the result and take full creative direction over its visual design. Prioritiz…
Make a speculative 30-year future journey as one continuous coded camera flight, with no cuts. Start at Earth in 2026 beneath a cloud of satellites, reach a planetary ring and space elevators in 2032, a Moon base in 204…
Build an interactive browser rocket-launch scene with a broadcast-style presentation. Give the rocket a white nose and body, a black band carrying a white triangle, a second dark ring, and visible nose panel lines in th…
Turn the supplied landing-page design image into a vertical motion graphics film with nine scenes. Rebuild its exact supplied copy with web fonts and redraw the logo as SVG. Where the small portrait becomes unsuitable f…
Ask for a lowercase product name, an overnight task, three morning results, aligned night/day photographs, a sunny outer image, and music with an early strong hit. Make a 24-second, 1440×1440 looping product film inside…
Make a ten-second vertical 3D dance video from the supplied character FBX using scripted Blender in a Linux cloud environment. Build the stage, lighting, confetti, and per-frame camera motion in Python and render with C…
Review the supplied website and portfolio, especially the two named case studies, and make a 15-second motion graphics showreel. Then create 30-, 45-, and 60-second versions, adding the specified third, fourth, and fift…
Create a 15-second coded film in which a blank résumé fills itself and demonstrates each skill before marking it complete. Move through skill meters, variable typography, a dot-grid mascot, an extruded 3D tunnel, and a…
这里精选图片、视频与内容创作案例,展示成果和可修改的参考提示词。按模型或用途浏览,复制并调整适合你的创作思路,精选库每日更新。
先查看案例成果,再复制参考提示词,替换主题、风格、比例和具体要求。准备好自己的参考图或资料后,在 PagePop 中说明需求并继续调整。
当前收录 Claude Opus 5.5、GPT Image 2、GPT Image 2.5、Nano Banana Pro、Seedance 2.0、Gemini 3 Pro 相关的图片、视频与内容创作案例。
精选库的浏览与提示词复制 100% 免费,PagePop 也可以免费使用。具体价格与积分规则请查看价格页。
PagePop 是对话式 AI 创作平台。用自然语言描述需求,即可创作图像、视频、演示文稿、文档和网页。PagePop 会选择合适的模型与工具,并支持在同一段对话中继续修改。
描述你的想法,和 PagePop 一起完成创作。