Mihai Popa · デジタルデザイナー
03 / 3Dモデルとブラウザでの歩行操作
Spatial Studies.

ルーマニアにある家族の家を3Dで再現。
ルーマニアにある家族の家「Poienița, nr. 82」と、その周辺を3Dで再現しています。写真、スキャン、図面、記憶をもとに形をつくり、ブラウザで歩き回れるようにしています。
ブラウザでアルファ版を体験する (新しいタブで開きます)- 主な制作内容
- 家と周辺の3Dモデル制作
- 主なツール
- Blender · Unity
- ブラウザ版
- 歩行操作ができる試作版 · Alpha 0.0.18
- 制作状況
- 操作できるモデルを制作済み。見た目は引き続き調整中
制作の目的
家とその周辺を再現する
1995〜2005年頃の、夏の家を再現しています。部屋、出入口、付属の建物、周囲の土地をモデルに含めています。後年の増改築や傷みを、すべて再現する方針ではありません。
資料から3Dモデルをつくり、移動や扉の操作を追加しました。その後、屋外の見た目を試すための別バージョンを用意しました。現在は部屋のつながり、移動のしやすさ、ブラウザで読み込めるデータ量などを確認しています。
制作中の自主プロジェクトです。完成した受託案件や、建物を正確に実測した記録ではありません。資料で確認できない部分は推定して再現しています。
01 / モデル制作
写真とスキャンから形をつくる

- 使った資料と制作したもの
- 表面の画像を含むスキャン、年代の異なる写真、図面、家の記憶を参照しました。外観、部屋、階段、窓や扉の開口部をつくり、その後に木部、窓枠、外壁の装飾、扉などの細部を追加しました。
- 確認が必要な寸法
- 隣り合う部屋がつながるよう、天井の高さ、壁の厚さ、扉の寸法をまとめて調整しました。スキャンの大きさと公的な土地図面の建物の輪郭には、まだ違いがあるため、一部の寸法は仮の値です。見えない構造や、資料で確認できない窓・扉の開口部も引き続き確認が必要です。
02 / データの軽量化
ブラウザの処理負荷を減らす

家と、伝統的なトウモロコシ貯蔵小屋「レアサ」に、細かさの異なる3段階のモデルを用意しました。この仕組みをLODと呼びます。近くでは細かいモデル、遠くでは簡略化したモデルを使います。表面の設定もまとめ、移動を妨げる壁や床の判定には別の形状を使っています。表は、各段階の家の形を構成する三角形の数です。
| 段階(LOD) | 三角形の数 | 用途 |
|---|---|---|
| 0 | 19,324 | 近距離 |
| 1 | 14,538 | 中距離 |
| 2 | 9,920 | 遠距離 |
数値は、記録に残る家の書き出しデータのものです。場面全体のデータ量や、動作の滑らかさを示す数値ではありません。画像はレアサの初期モデルで、最終的な見た目ではありません。
壁を通り抜けないための設定
表示する建物は細かくつくり、壁や床を通り抜けないための判定には、見えない単純な形状を使っています。扉、階段、敷居の周辺を問題なく移動できるかは、引き続き確認が必要です。
元のデータを修正できるように保管
元のスキャンとBlenderファイルは、ブラウザ用に簡略化したコピーと分けて保管しています。必要なときに細部を含む元のモデルを修正し、再度書き出せるようにするためです。
草のモデルデータを共有
草は同じモデルを繰り返し表示し、一株ごとに形状データを複製しない方法で配置しています。表面の設定、影、メモリ使用量も動作に影響するため、引き続き確認が必要です。
03 / 屋外の制作
地面と屋外の風景を追加

- 制作した内容
- 敷地全体の地形は変えず、家のすぐ周りの地面を調整しました。Blenderでつくったモデルを使い、Unity上で家、レアサ、池、地面、草木を組み合わせています。
- 確認用の別バージョン
- 動作確認版(Performance Prototype)と見た目の確認版(Graphics Preview)には、草木、地面の画像、昼間の空、屋外の細部を追加しました。Graphics Previewでは、起動時のメモリ使用量を抑えるため、周囲の物を段階的に読み込んでいます。読み込み時間、移動、端末ごとの動作は引き続き確認が必要です。敷地全体と室内の見た目は、まだ完成していません。
04 / ブラウザでの操作
ブラウザでモデルの中を歩き回る
移動と各種操作
- マウス
- 視点を動かす
- C
- しゃがむ・立つ
- E
- 扉を開ける・閉める
- タッチ操作
- 画面上のスティックとボタン
操作できる試作版を開く
歩く、しゃがむ、階段を上り下りする、扉を開閉する操作ができます。キーボードとタッチ操作、画質設定、足音、扉の音、周囲の環境音を追加しました。
ウォークスルーを開く (新しいタブで開きます)グラフィックス検証版を見る (新しいタブで開きます)リンク先は、別のタブで開く3Dアプリです。開発初期の試作版で、完成版ではありません。動作速度と操作方法は端末やブラウザによって異なります。
- 歩いて確認できること
- モデルの中を移動すると、部屋がつながっているか、扉を通れるか、階段を使えるかを確認できます。一枚の画像だけでは確かめにくい部分です。
- 次に試したいこと
- 外から扉を通り、階段を上って外へ戻る経路を、キーボードとタッチ操作の両方で試したいと考えています。予想外に止まる箇所、わかりにくい操作、不自然な視点の動きがあれば修正し、同じ経路で再確認します。これは今後の確認事項で、まだ実施した結果ではありません。
3Dを起動せずに制作内容を読む
画像と文章だけでも制作内容を確認できます。3Dアプリはリンクから開く仕組みで、このページで自動的に起動したり、音が鳴ったりすることはありません。アプリはキーボードとタッチに対応していますが、支援ツールでの利用や、端末ごとの動作は十分に検証できていません。
05 / 進捗
できていることと残っている作業
モデルとブラウザでの操作
- 家の外観、部屋、階段、開口部、扉
- 細かさを3段階に切り替える家とレアサのモデル
- 歩き回れるブラウザ版と、屋外を確認するための別バージョン
見た目と端末ごとの対応
- 光、表面の見た目、建物や敷地の細部
- 資料でわからない部分と、当時の家の姿の推定
- 各端末での操作と動作確認
次に取り組むこと
- 一つの入口と一部屋に絞って、見た目を改善する
- 確認したつくり方を、敷地のほかの部分にも適用する
- 見た目、さまざまな人の使いやすさ、動作の滑らかさを確認する
掲載画像は、制作途中のモデルと風景です。屋外には自作モデルのほか、自由に再利用できるPoly HavenのCC0素材(草木・地面・空)と、AIの補助でつくった葉の画像を使用しています。植物はおおよその表現で、当時そこに生えていた種類を確認したものではありません。
再現した空間を見る

