PAGEPOPコミュニティのアイデア
パラメーターで調整するモーションデザイン実験室
文字組みや移動距離、動きの緩急を個別に調整し、コードによるアニメーションの変化を確認できる実験室です。
実際のAIプロンプト例
参考プロンプト
事例の意図をもとに編集した参考例です。自分のテーマに合わせて調整できます。作者の元投稿は出典欄をご覧ください。
参考プロンプト
“Remotion と GSAP で小さなモーションデザイン実験室を作ってください。移動距離、文字組み、イージング、モーションブラー、予備動作、動きの余韻を個別に調整できるようにします。すべての状態を同じフレーム時刻で制御し、コマ送りで確認しやすい構成にしてください。”
完成結果
創作結果
創作のヒントとして収録したコミュニティの事例です。
プロンプト設計はPagePopにおまかせ
欲しい結果を伝えるだけ。複雑な部分はPagePopが処理します。
モデルの構文やパラメータ、制作ツールを知らなくても始められます。
モデルを自動選択
求める結果に合ったモデルとツールをPagePopが選びます。
必要な確認だけ
足りない情報は、プロンプトの書き直しではなく簡単な質問で補います。
完成物を納品
作り方の助言だけでなく、そのまま使える成果物を生成します。
次はあなたの番
自分の言葉で始めましょう
この実例を参考に自由に変更し、最適な制作方法はPagePopに任せてください。
さらに見る
その他の実際のプロンプト例
参考プロンプト
“Three.js と SVG を組み合わせ、ユーモラスな3Dアニメーションを作ってください。服装の異なる4羽のペリカンが、浮遊するスポーツカーの上で1台の自転車に乗る場面を描きます。ペダルをこぐ動きと姿勢をそろえ、車体の噴射口と浮遊感が伝わるようにしてください。”
参考プロンプト
“参考動画は Sonnet 5.5 と Opus 5.5 の結果を明示したモデル比較です。自分向けのアレンジでは、Three.js を使い、単一の HTML ファイルにビー玉の音楽機械を作ってください。各音の時刻から逆算して玉を放し、衝突と発音を拍に合わせます。レール、接触位置、カメラ構図を分かりやすくしてください。”
参考プロンプト
“奥行きのある3D物理実験室を作ってください。重力を切り替える区画、摩擦の違う床、回転して衝突する剛体、互いに反発する流体を配置します。各ルールの整合性を保ち、変化の結果を複数の分かりやすい視点から観察できるようにしてください。”