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制作プラットフォームです。自然な言葉で依頼し、画像・動画・プレゼンテーション・ドキュメント・Webページを制作できます。PagePopが適切なモデルとツールを選び、同じ会話の中で修正を続けられます。
アイデアを伝えて、PagePop で形にしましょう。
