適したツールを開く
普段使っているコーディングアシスタントや 3D ツールを開きましょう。まずは作例に記載されたモデルを試し、リンク先のプロジェクトで設定手順を確認してください。
Claude Opus 5.5参考用の制作指示
Grid Genius向けのピクサー級Three.jsアニメーション
Anil Rao Kが、Grid Geniusに沿ったSNS向けのストーリーを考案し、Three.js／JavaScriptでピクサー級の本格的なアニメーションを制作するためにOpus 5.5で使ったというプロンプトを紹介します。
この作例について
作者が公開したプロジェクトをもとにした制作の出発点です。元のプロンプトをそのまま転載したものではなく、結果は異なります。
Three.jsJavaScriptアニメーションピクサー級Grid GeniusSNSストーリーテリングWebアニメーション
プロンプト
Grid Geniusをさりげなくプロモーションするストーリーを考えてください。Grid Genius自体を登場させなくても構いませんが、私たちのアプリと親和性があり、SNSに投稿したときにより多くの注目を集められる内容にしてください。次に、考案したストーリーをもとに、Three.js／JavaScriptを使って、ピクサー級のクオリティの本格的なアニメーションを制作してください。
このプロンプトの使い方
変更する点を一つ選ぶ
主題、画風、舞台を変えてみましょう。カメラと操作を明確にし、まず小さな作品を作ってから、一つずつ細部を整えます。
シーンに独自の素材を加える
オリジナルのキャラクターや小物が必要なら、短い物体の説明や参考画像から 3D モデルを作り、プロジェクトに取り込みましょう。
プレビューの権利は各作者に帰属します。コードや素材を再利用する前に、元の出典とプロジェクトのライセンスを確認してください。
