適したツールを開く
普段使っているコーディングアシスタントや 3D ツールを開きましょう。まずは作例に記載されたモデルを試し、リンク先のプロジェクトで設定手順を確認してください。
GPT-6 Astra参考用の制作指示
自動で折れる3D折り紙アニメーション
作者によると、この公開プロンプトそのものをGPT-6 AstraとFable 5.1に入力したそうです。正方形の紙が目に見える折り目を作りながら回転し、分かりやすい折りの手順をたどって形を変え、展開して元に戻る動作を繰り返す、自動再生の3D折り紙アニメーションを求めています。
この作例について
作者が公開したプロジェクトをもとにした制作の出発点です。元のプロンプトをそのまま転載したものではなく、結果は異なります。
作者のメモ
自己完結型のHTML 3D折り紙アニメーションを作成してください。平らな正方形の紙が、目に見える折り目と紙の回転を伴って段階的に折れ、分かりやすい折り紙作品になった後、平らな状態まで展開して自動的に繰り返す様子を表示します。作品の形、ビジュアルスタイル、色、環境、カメラ、ディテール、見せ方は自由に決めてください。外部のモデル、画像、音声、アセットURLは使用しないでください。CDNのJavaScriptライブラリは使用できます。クリックしなくても読み込み時に実行を開始し、コンソールエラーが発生しないページにしてください。
3D折り紙折り紙アニメーション自動で折れる紙折り目アニメーション紙の回転HTML3Dシミュレーションプロシージャルアニメーション
プロンプト
3D折り紙アニメーションを作成してください。平らな正方形の紙が、実際の折り目と紙の回転を見せながら、段階的に折れて分かりやすい折り紙作品になり、その後、平らな状態まで展開して繰り返すようにします。完成する作品と全体の見せ方は任せます。
デザインに関するすべてをあなたの判断に委ねます。スタイル、色、雰囲気、環境、カメラ、ディテールの度合い、追加の演出などは自由に決めてください。質問はせず、すべて自分で判断し、1回の試行で可能な限り印象的なものを作成してください。
技術要件：外部のモデル、画像、音声、アセットURLを一切使わない、単一の自己完結型HTMLファイルにしてください（CDNから読み込むJavaScriptライブラリは使用可）。読み込んだ瞬間からクリックなしで自動的に実行を開始し、コンソールエラーなしで滑らかに動作する必要があります。
このプロンプトの使い方
変更する点を一つ選ぶ
主題、画風、舞台を変えてみましょう。カメラと操作を明確にし、まず小さな作品を作ってから、一つずつ細部を整えます。
シーンに独自の素材を加える
オリジナルのキャラクターや小物が必要なら、短い物体の説明や参考画像から 3D モデルを作り、プロジェクトに取り込みましょう。
プレビューの権利は各作者に帰属します。コードや素材を再利用する前に、元の出典とプロジェクトのライセンスを確認してください。
