PAGEPOPコミュニティのアイデア
ピストンクランク機構アニメーション
Three.js と Remotion を使用し、Claude Opus 5.5 で回転するピストンとクランク機構の図を作成するための詳細なチュートリアルとプロンプト説明。
完成結果
創作結果
実際のAIプロンプト例
参考プロンプト
事例の意図をもとに編集した参考例です。自分のテーマに合わせて調整できます。作者の元投稿は出典欄をご覧ください。
参考プロンプト
“Use Three.js with the existing @remotion/three and @react-three/fiber dependencies to animate a piston-and-crank cutaway. Include the connecting rod, crankshaft, flywheel, transparent cylinder, head, spark plug, and a simple coded combustion glow. Compute piston height and rod angle from crank rotation; show ignition once per 720-degree four-stroke cycle. Project label leaders from the same 3D camera so they stay attached during camera moves. Render a 32-second vertical video at 1080×1920 and 30 fps with Remotion, using no image assets or new dependencies. Review stills for ring orientation, framing, and label overlap before export.”
アイデアから作品へ
PagePopで制作するには
助手を選んで依頼を伝え、PagePopと制作を進めます。会話で修正し、完成した作品をダウンロードできます。
目的に合う助手を選ぶ
幅広い業界の専門助手を探せます。豊富な事例集からアイデアを見つけることもできます。
自然な言葉で依頼する
画像、動画、PPT、ドキュメント、Webページなど、作りたいものを伝えてください。必要に応じて参考画像や資料を追加できます。
モデルを自動で選び制作
PagePopが目的に合うモデルとツールを選び、作品を制作します。
修正してダウンロード
同じ会話の中で内容や見た目を繰り返し調整できます。納得できたらダウンロードして使えます。
次はあなたの番
自分の言葉で始めましょう
この実例を参考に自由に変更し、最適な制作方法はPagePopに任せてください。
よくある質問
この動画事例を自分の制作に活かすには?
「ピストンクランク機構アニメーション」の参考プロンプトを起点に、テーマ・スタイル・縦横比を置き換え、参考画像や関連資料を追加してください。取り入れたい構成を残し、不要な条件を削除して、結果を見ながら調整できます。
閲覧やプロンプトのコピーは無料ですか?
プロンプト集の閲覧とコピーは100%無料です。PagePopも無料で利用できます。料金とクレジットのルールは料金ページでご確認ください。
PagePopとは何ですか?何ができますか?
PagePopは対話型のAI制作プラットフォームです。自然な言葉で依頼し、画像・動画・プレゼンテーション・ドキュメント・Webページを制作できます。PagePopが適切なモデルとツールを選び、同じ会話の中で修正を続けられます。


