渋谷スクランブル交差点のドットアニメーション
1枚の写真をもとに、Remotion と Three.js を使用し、深度マッピングと合成音声を活用して、22,000 のドットが渋谷スクランブル交差点を渡る様子をアニメーション化するプロンプト。
創作結果
参考プロンプト
事例の意図をもとに編集した参考例です。自分のテーマに合わせて調整できます。作者の元投稿は出典欄をご覧ください。
“Use one supplied photograph of Shibuya crossing as the basis for a coded animation. Extract depth from the image, construct a rigged figure from dots, and show 22,000 dots crossing the scene. Make their pulsing follow a synthesized 125 BPM soundtrack. Combine Remotion and Three.js for the animation and rendering; build the movement and music in code rather than asking a video generation model to produce the footage.”
PagePopで制作するには
助手を選んで依頼を伝え、PagePopと制作を進めます。会話で修正し、完成した作品をダウンロードできます。
目的に合う助手を選ぶ
幅広い業界の専門助手を探せます。豊富な事例集からアイデアを見つけることもできます。
自然な言葉で依頼する
画像、動画、PPT、ドキュメント、Webページなど、作りたいものを伝えてください。必要に応じて参考画像や資料を追加できます。
モデルを自動で選び制作
PagePopが目的に合うモデルとツールを選び、作品を制作します。
修正してダウンロード
同じ会話の中で内容や見た目を繰り返し調整できます。納得できたらダウンロードして使えます。
自分の言葉で始めましょう
この実例を参考に自由に変更し、最適な制作方法はPagePopに任せてください。
よくある質問
この動画事例を自分の制作に活かすには？
「渋谷スクランブル交差点のドットアニメーション」の参考プロンプトを起点に、テーマ・スタイル・縦横比を置き換え、参考画像や関連資料を追加してください。取り入れたい構成を残し、不要な条件を削除して、結果を見ながら調整できます。
閲覧やプロンプトのコピーは無料ですか？
プロンプト集の閲覧とコピーは100%無料です。PagePopも無料で利用できます。料金とクレジットのルールは料金ページでご確認ください。
PagePopとは何ですか？何ができますか？
PagePopは対話型のAI制作プラットフォームです。自然な言葉で依頼し、画像・動画・プレゼンテーション・ドキュメント・Webページを制作できます。PagePopが適切なモデルとツールを選び、同じ会話の中で修正を続けられます。
その他の実際のプロンプト例
拍に合わせて演奏するビー玉の音楽機械
“参考動画は Sonnet 5.5 と Opus 5.5 の結果を明示したモデル比較です。自分向けのアレンジでは、Three.js を使い、単一の HTML ファイルにビー玉の音楽機械を作ってください。各音の時刻から逆算して玉を放し、衝突と発音を拍に合わせます。レール、接触位置、カメラ構図を分かりやすくしてください。”
重力を切り替えるインタラクティブ3D物理実験室
“奥行きのある3D物理実験室を作ってください。重力を切り替える区画、摩擦の違う床、回転して衝突する剛体、互いに反発する流体を配置します。各ルールの整合性を保ち、変化の結果を複数の分かりやすい視点から観察できるようにしてください。”
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…”