はじめる

クリエイターの実例から

GPT-6 Astraの40分のプレイルーム、公開プロンプトを読み解く

丸みのあるアイボリーの面とアーチの横で、アプリコット色の球がチャコール色の台に載っている
Ciyoの本記事向けにAIで制作した抽象アート。投稿者による実際の作品は埋め込み投稿でご覧ください。

暖かな断面の部屋、小さな滑り台、おもちゃが並ぶ棚。nocooのAstraデモは、Xで見た瞬間に内容が伝わるものでした。最初の投稿は気軽な一言と40分の待ち時間を挙げています。返信には、部屋、活動、見た目、技術環境まで定めた詳しい指示がありました。

学ぶべきなのはこの具体性です。操作できる部屋を作る前に、構図と視覚的な優先順位を決めます。本記事はCiyoで独自のおもちゃ修理工房を2Dの参照画像として設計する例です。Three.jsでの対話的な実装は別の開発作業になります。

部屋を見てから、共有された指示を確認する

作者の返信は、暖かな遊び場、空いた中央、大小のおもちゃ、本、登る設備を指定しています。丸みのある表現、再利用できるモデルと動作、カメラ操作、Viteプロジェクトも求めています。実際のデモにはクリーム色とセージ色の部屋、滑り台、見通しのよい中央床が見えます。

単にかわいい部屋を求めるより、はるかに具体的です。置く物を活動と結び付け、実装に合う見た目を選んでいます。ここではその計画原則を使い、作者の部屋を複製したり、40分を共通の納期にしたりはしません。

部屋に一つの活動と明確な主役を与える

独自例はミニチュアのおもちゃ修理工房です。中央の作業台を主役とし、奥の壁に収納、横の壁に展示棚を置きます。小さなワゴンが二番目の目印です。それ以外の要素も、この区分が理解しやすくなるように配置します。

まず大きな形をAstraに列挙させます。細かい工具を大量に追加しないと工房だと分からないなら、構図が弱い状態です。小さな表示でも作業台、棚、空いた床を区別できることを確認します。ここでCiyoの概念画像を使えば、不要なモデリングを減らせます。

他の人にも伝わる場面の仕様を書く

物体ごとに位置、大きさの区分、視覚的な役割を記録します。別のデザイナーが同じ部屋を説明できることが目標です。様式化した例なので正確な寸法は不要ですが、ワゴンが台の横に収まり、台が床全体を占有しないといった相対関係は必要です。

Ciyoの最初の生成ではカメラを固定します。二面の壁が見えるすっきりした断面なら、空間の判断を確認しやすくなります。画像が成立してから、配置を維持しつつ照明や配色を変えます。

独自のおもちゃ工房の物体一覧
物体位置視覚的な役割
作業台中央付近、周囲に空いた床主要な活動と最大の暖色面
収納棚奥の壁繰り返す形による二次的なリズム
展示棚横の壁、ワゴンの上修理済みのおもちゃを示す
ワゴン作業台の横小さな対比色の目印
工具少量を台の上でまとめる床を埋めずに修理作業を伝える

意図して何も置かない場所も指定する

場面の指示では、細部を増やさない場所も伝えます。今回なら作業台の前に床を残します。構図に余裕が生まれ、後で動作を置く場所にもなります。魅力的な物の一覧だけでは、画面が混み合いやすくなります。

プロンプトと一覧をCiyoの画像生成へ渡し、一枚を見てから候補を増やします。結果は透視と陰影がピクセルに描かれた参照画像です。3Dシーンファイル、間取り図、個別編集できるモデルのセットではありません。

独自の等角投影工房プロンプト
二面の壁を切り開いたミニチュアのおもちゃ修理工房のイラストを設計してください。中央の木の作業台を主役にし、奥の壁に収納、横の壁に小さな展示棚、台の横に青緑のワゴンを置きます。台の前は床を空けます。丸い形、暖かなクリーム色の壁、落ち着いた木材、少数の青緑アクセントを使います。一定の高い視点と左上からの柔らかい光を保ち、小さな工具は散らさずまとめます。構図の説明と3D開発前に確認する5点を返してください。

小さな表示と原寸で違う問題を見る

まずSNSのサムネイル程度に縮め、拡大せず作業台が分かるか確認します。次に全体画像で、不可能な支え、浮いた物体、矛盾した透視を探します。それぞれ異なる問題を確認する工程なので、きれいという感想だけで済ませないようにします。

短い宣伝素材なら、承認済み画像へ控えめに近づくだけでも十分です。自由なカメラ回転や歩き回るキャラクターが必要なら、参照と一覧を別のThree.jsまたはBlender工程へ渡します。画像から動画への変換で、平面の案が移動可能なシーンになるわけではありません。

操作可能な場面に進む前の確認
見る単位確認内容修正
サムネイル一つの活動と明確な焦点競合する大きな物を減らす
全体画像カメラ、接触、影の整合問題の物体や角度を直す
物体一覧主要物体の場所と役割目的のない装飾を外す
開発への引き継ぎ再利用する物体と動作の一覧視覚資料と実装要件を分ける

概念画像で次の判断を進める

承認した部屋、別の配色一案、物体一覧を渡します。ゲーム試作なら予定する動作が空間に収まるか、玩具の広告なら必要なトリミングで主役が見えるかが次の問いです。用途が違えば、同じ画像でも承認基準を明記する必要があります。

元のXデモは着想として残し、自分の工房の参照とは分けておきます。出典が明確になり、次の担当者は他人の場面を漠然と再現する指示ではなく、具体的な出発点を受け取れます。

この制作方法について

本当に一行のプロンプトでできたのですか?

冒頭は気軽な表現ですが、作者の返信には内容、スタイル、操作、実装まで含む詳細な指示があります。必要だった方向付けを判断する前に、その返信を確認してください。

CiyoはThree.jsの部屋を書き出しますか?

この方法では2Dの場面案と任意の動画素材を作ります。実際の形状、カメラ操作、キャラクター動作は別の3Dまたはコード工程が必要です。

物体を作り込む前に部屋を設計する

断面の構図を一枚作り、カメラ、主役と脇役、空いた場所を先に承認しましょう。