丘の上のヴィラのテラスラウンジと屋外ダイニングテーブル。ガラスの手すりの向こうに海
テラスラウンジと屋外ダイニング。visionOS Simulator で撮影。

使ったツール

1. 参考画像から始める

丘の上のヴィラは 2 枚の参考画像から始まりました。平面図を真上から見た断面レンダーと、テラスへと開いた夕暮れの吹き抜けのリビングです。自分の画像を使っても、生成を頼んでもかまいません。

エージェントに送るプロンプトモダンな丘の上のヴィラの参考画像を 2 枚生成して。1 枚は平面図を真上から見た断面レンダー。もう 1 枚はゴールデンアワーの吹き抜けのリビングで、ファイヤーテーブルのラウンジ、8 人掛けの屋外ダイニング、小さなプールのあるテラスへと開いているところ。
プール、テラスラウンジ、屋外ダイニング、リビング、キッチンアイランド、階段のあるヴィラを真上から見た断面レンダー
平面の参考画像。
夕暮れの吹き抜けのリビング。トラバーチンの暖炉壁、アイボリーのソファ、ブークレのチェア、ガラス管のペンダント。街と湾を見下ろすテラスへと開いている
リビングの参考画像。

画像の生成に API キーは必要ありません。ChatGPT のサブスクリプションに含まれる画像生成で十分です。私たちはたまたま Scenario と OpenAI API を使いました。

2. 床と座席を計画する

エージェントに送るプロンプトこの 2 枚の参考画像から、メートル単位の平面図と席の配置を作って。2 フロア、吹き抜け、テラス、プールを含めること。作り始める前に計画を見せて。

エージェントは計画をメートル単位の数値で書き、それを図にしました。図面、モデル、席はすべてこの 1 つのファイルから作られるので、家具を動かすとその席も一緒に動きます。

席は 33、グループは 9 つ。そのうち 3 つのグループには隠せるデスクがあります。キッチンアイランド、屋外ダイニング、スカイルームです。

丘の上のヴィラ、1 階とテラスの平面図リビングキッチンアイランド暖炉の壁階段玄関テラスラウンジ屋外ダイニングプール123456789101112131415161718192021222324252627北05 m
1 階とテラス。番号付きの点は席、破線は上にあるスカイルームの輪郭です。
丘の上のヴィラ、2 階の平面図(1 階の輪郭を薄く表示)吹き抜け北ブリッジギャラリーの書庫スカイルーム階段282930313233北05 m
2 階(1 階の輪郭を薄く表示)。
グループ座席図の番号
リビングのソファ41–4
リビングの椅子45–8
キッチンアイランド49–12
テラスのソファ513–17
テラスのラウンジチェア218–19
屋外ダイニング820–27
スカイルーム228–29
北ブリッジ230–31
ギャラリーの書庫232–33

3. Blender で制作する

エージェントに送るプロンプトこの計画をもとに、ヘッドレスの Blender で作って。テクスチャはまず無料の CC0 素材を使い、足りないものだけ生成すること。椅子はそれぞれ商品写真を生成してから 3D モデルに変換して。書き出す前にすべての席をレンダーで確認し、三角形は 150,000 以内に収めて。

丘の上のヴィラでは、Poly Haven のテクスチャが 12 セット、ambientCG のトラバーチンが 1 つ、それに生成した石材、アートワーク、本の背表紙を使いました。椅子 6 脚は商品写真から 3D モデルにしました。最初のビルドは三角形 148,484 でした。

吹き抜けのリビングの Blender レンダー。ソファとスイベルチェアの先に、テラス、プール、屋外ダイニングが見える
バージョン 1.0.4 の Blender レビュー用レンダー。

4. 見た目を直す

次に Apple Vision Pro でルームを試し、おかしな点をエージェントに伝えます。3 回のヘッドセットでのフィードバックは、まとめるとこんなプロンプトでした。

エージェントに送るプロンプトヘッドセットで見ると、スカイルームのデスクがタップできない、吹き抜けまわりのガードガラスが見えない、オットマンの向きが逆、炎が大きすぎる。直して。
エージェントに送るプロンプト背もたれのクッションが前に傾いている。2 つの席は座る位置が深すぎるし、デスクランプも明るすぎる。
エージェントに送るプロンプトプールにはモデリングした水ではなく、Locus に組み込まれたルームの水面を使って。
南の壁沿いの浮いているようなオークの階段と、上階の床の下にあるキッチンアイランド
階段とキッチンアイランド。visionOS Simulator で撮影。
キッチンアイランドに向いた 2 脚のブークレのスイベルチェア。開いたガラスの先に屋外ダイニング
リビングからキッチン方向。visionOS Simulator で撮影。

5. フレームレートを上げる

最初のビルドはヘッドセットで動きが重く、なめらかにするにはこんなプロンプトが必要でした。

エージェントに送るプロンプトヘッドセットだと、どうしてこんなに重いの?

エージェントが Room 全体を調べると、テクスチャは合計 1 億 6,500 万画素、リアルタイムのスポットライトが 8 灯あり、直し方を提案してくれました。

エージェントに送るプロンプトそれでお願い。テクスチャを見る距離に合わせたサイズにして、リアルタイムのスポットライトを減らして。
エージェントに送るプロンプトすべての照明をライトレイヤーにベイクして、リアルタイムの照明をなくして。

テクスチャは 1 億 6,500 万画素から 3,300 万画素になりました。最終的にすべてのランプを、切り替えられる 5 つのグループのどれかにベイクし、リアルタイムのスポットライトはなくなりました。ベイクでダウンロードはまた大きくなり、いまは約 118 MB です。

もう少し詳しく

気になる方のために、このルームができるまでの話をもう少し。

どのくらいかかりましたか?

およそ 1 日です。10 月 23 日の夕方に参考画像から始めて、翌朝には最初の完成版ができていました。

手順 4 と 5 のヘッドセットでの修正は、その後の何回かのフィードバックで行いました。

費用はいくらで、どのサービスを使いましたか?

大した額ではありません。お金を払ったものはこれで全部です。

  • Scenario:GPT Image 2 で椅子の商品写真 6 枚、Rodin Gen-2.5 で画像からの 3D モデル 8 つ(うち 2 つは作り直し)。合計 750 CU。
  • OpenAI Images:6 リクエストで、石のテクスチャ 2 種、暖炉の壁のアートワーク、本の背表紙のアトラス、結局使わなかったオリーブの小枝 2 本。約 0.30 米ドル。
  • fal:椅子 1 脚で試した三面図からの画像→3D テスト、1.35 米ドル。成果は何も採用していません。

画像の生成は ChatGPT のサブスクリプションに含まれる利用枠でできます。API キーは不要です。私たちはたまたま Scenario と API を使っただけです。

ほかの生成サービスは使っていません。Tripo、Meshy、Hunyuan3D、Trellis も使っていません。これらの費用は記録した使用量で、請求書の金額ではありません。

Locus 自体にも変更が必要でしたか?

いくつかありました。これだけ大きなルームだと、アプリの限界にいくつか突き当たります。修正はすべてリリース済みなので、同じようなルームならそのまま恩恵を受けられます。

  • 「座席」を開くと、スカイルームで 2〜3 fps まで落ちていました。席のマーカーがそれぞれ、家全体に対する見通しを毎秒 10 回チェックし直していたためです。今はあなたかマーカーが動くまで見通しの結果を保持し、負荷は 1 フレームあたり 300〜450 ms から 1 ms 未満に下がりました。
  • 炎が本物の 3D の炎になりました。まず、横長のバーナーの炎がバーナー自身の面にとどまるようにしました。次に、切り絵のように見えた平らな炎をボリュームのある炎に変え、今はバーナーの 6 cm 上ではなく、バーナーからそのまま立ち上がります。
  • テラスのある席で、席を移動するためのオーバーレイが重なるとプールの水が消えていました。今はオーバーレイが背後のものを隠しません。
  • 上階の席からだと View の木が近すぎて落ち着かなかったので、ルームが View の近景を隠せるようになりました。
  • グループになった席のマーカーや、上階のデスクのように一部が隠れたマーカーを、直接選べるようになりました。
  • ヘッドセットで何がフレームレートを下げているか調べるため、炎や透明な面をオフにする内部スイッチを加えました。

ルームの水面とベイク済みのライトレイヤーは、もともと Locus にありました。丘の上のヴィラはそれを使っているだけです。

Apple Vision Pro での動作はどうですか?

ヘッドセットでバージョン 1.0.2 を測定しました。座った視点では 90 fps を保ちました。ギャラリーの書庫の席は 61〜69 fps で、炎を消すか透明な面を隠すと 90 に達しました。

これらの数値は、追加のパフォーマンスログを備えた Locus のデバッグ版で測ったもので、App Store 版にはこの機能はありません。自分の Room では、ヘッドセットで見えたことを伝えて、テクスチャ、三角形、ライトはエージェントに調べてもらいましょう。

このルームにはまだ GPU テクスチャ圧縮を適用していません。現在のバージョンでの快適さとパフォーマンスも測り直していません。

途中でどんな失敗がありましたか?

  • 生成した家具がアプリで真っ黒に表示されました。ラフネスとメタリックが 1 枚のテクスチャにまとめられていたためで、分けたら直りました。
  • 本が棚から最大 0.6 m 浮いていました。1 冊ずつ間違った原点を中心に回転していたためです。
  • 背もたれのクッションが前に傾いていました。原因は符号の間違いです。
  • 同じマテリアルをすべて使い回すのは良い案に思えましたが、メモリが約 132 MiB 増えたのでやめました。

丘の上のヴィラは Locus で無料です。ライブラリの「邸宅」シリーズにあります。

丘の上のヴィラを入手 · 自分だけの ルーム を作る