Claude Opus 5.5 向けタイルモザイク広告動画プロンプト
Three.js と HTML を使用してタイルが組み上がり広告画像を現像する 30 秒のタイルモザイク広告動画を作成するための詳細なプロンプト。具体的なタイミング、物理演算、レンダリング、音声指示を含みます。
創作結果
参考プロンプト
事例の意図をもとに編集した参考例です。自分のテーマに合わせて調整できます。作者の元投稿は出典欄をご覧ください。
“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 texture. Open close to one tile, let assembly spread outward, and pull back until the picture emerges. Hide the lettering in background-colored tiles until it flips into view around seconds 24–26, then hold the readable overhead advertisement and animate its button being clicked. Vary ceramic, slate, glass, and other tile materials. Use deterministic seek(t), Chrome frame rendering, and ffmpeg export. Synchronize placement and flip sounds, and review intermediate frames and final-image color matching.”
PagePopで制作するには
助手を選んで依頼を伝え、PagePopと制作を進めます。会話で修正し、完成した作品をダウンロードできます。
目的に合う助手を選ぶ
幅広い業界の専門助手を探せます。豊富な事例集からアイデアを見つけることもできます。
自然な言葉で依頼する
画像、動画、PPT、ドキュメント、Webページなど、作りたいものを伝えてください。必要に応じて参考画像や資料を追加できます。
モデルを自動で選び制作
PagePopが目的に合うモデルとツールを選び、作品を制作します。
修正してダウンロード
同じ会話の中で内容や見た目を繰り返し調整できます。納得できたらダウンロードして使えます。
自分の言葉で始めましょう
この実例を参考に自由に変更し、最適な制作方法はPagePopに任せてください。
よくある質問
この動画事例を自分の制作に活かすには？
「Claude Opus 5.5 向けタイルモザイク広告動画プロンプト」の参考プロンプトを起点に、テーマ・スタイル・縦横比を置き換え、参考画像や関連資料を追加してください。取り入れたい構成を残し、不要な条件を削除して、結果を見ながら調整できます。
閲覧やプロンプトのコピーは無料ですか？
プロンプト集の閲覧とコピーは100%無料です。PagePopも無料で利用できます。料金とクレジットのルールは料金ページでご確認ください。
PagePopとは何ですか？何ができますか？
PagePopは対話型のAI制作プラットフォームです。自然な言葉で依頼し、画像・動画・プレゼンテーション・ドキュメント・Webページを制作できます。PagePopが適切なモデルとツールを選び、同じ会話の中で修正を続けられます。
その他の実際のプロンプト例
コードのみで作る心理学解説動画
“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…”
インタラクティブな3D機械式時計のプロンプト
“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…”
HTML で実現する WebGPU オーシャンシーン
“Build an ocean scene that runs in the browser as a single HTML file using WebGPU. Drive the sea surface with FFT waves, add whitecaps, and place it under a realistic sky. Include WASD movement so the viewer can explore…”