本文へ移動
実績一覧

Mihai Popa · デジタルデザイナー

03 / 3Dモデルとブラウザでの歩行操作

Spatial Studies.

自主制作・制作中
リアルタイム環境に再現した2階建ての家。窓で囲まれた廊下や屋根、周囲の地形が見える。
01 / Poienița, nr. 82グラフィックス検証版・制作途中

ルーマニアにある家族の家を3Dで再現。

ルーマニアにある家族の家「Poienița, nr. 82」と、その周辺を3Dで再現しています。写真、スキャン、図面、記憶をもとに形をつくり、ブラウザで歩き回れるようにしています。

ブラウザでアルファ版を体験する (新しいタブで開きます)
主な制作内容
家と周辺の3Dモデル制作
主なツール
Blender · Unity
ブラウザ版
歩行操作ができる試作版 · Alpha 0.0.18
制作状況
操作できるモデルを制作済み。見た目は引き続き調整中

制作の目的

家とその周辺を再現する

1995〜2005年頃の、夏の家を再現しています。部屋、出入口、付属の建物、周囲の土地をモデルに含めています。後年の増改築や傷みを、すべて再現する方針ではありません。

資料から3Dモデルをつくり、移動や扉の操作を追加しました。その後、屋外の見た目を試すための別バージョンを用意しました。現在は部屋のつながり、移動のしやすさ、ブラウザで読み込めるデータ量などを確認しています。

制作中の自主プロジェクトです。完成した受託案件や、建物を正確に実測した記録ではありません。資料で確認できない部分は推定して再現しています。

01 / モデル制作

写真とスキャンから形をつくる

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

02 / データの軽量化

ブラウザの処理負荷を減らす

トウモロコシの貯蔵小屋「Leasa(レアサ)」の3Dモデル。すのこ状の壁と風化した金属屋根を持つ、高床の木造建築。
03 / Leasa(レアサ)· 初期モデルの画像

家と、伝統的なトウモロコシ貯蔵小屋「レアサ」に、細かさの異なる3段階のモデルを用意しました。この仕組みをLODと呼びます。近くでは細かいモデル、遠くでは簡略化したモデルを使います。表面の設定もまとめ、移動を妨げる壁や床の判定には別の形状を使っています。表は、各段階の家の形を構成する三角形の数です。

家のモデル:細かさごとの三角形の数
段階(LOD)三角形の数用途
019,324近距離
114,538中距離
29,920遠距離

数値は、記録に残る家の書き出しデータのものです。場面全体のデータ量や、動作の滑らかさを示す数値ではありません。画像はレアサの初期モデルで、最終的な見た目ではありません。

01

壁を通り抜けないための設定

表示する建物は細かくつくり、壁や床を通り抜けないための判定には、見えない単純な形状を使っています。扉、階段、敷居の周辺を問題なく移動できるかは、引き続き確認が必要です。

02

元のデータを修正できるように保管

元のスキャンとBlenderファイルは、ブラウザ用に簡略化したコピーと分けて保管しています。必要なときに細部を含む元のモデルを修正し、再度書き出せるようにするためです。

03

草のモデルデータを共有

草は同じモデルを繰り返し表示し、一株ごとに形状データを複製しない方法で配置しています。表面の設定、影、メモリ使用量も動作に影響するため、引き続き確認が必要です。

03 / 屋外の制作

地面と屋外の風景を追加

再現した家と周囲の地形、植生を含むリアルタイム環境の全景。
04 / 動作確認版 · 屋外の細部を追加した状態
制作した内容
敷地全体の地形は変えず、家のすぐ周りの地面を調整しました。Blenderでつくったモデルを使い、Unity上で家、レアサ、池、地面、草木を組み合わせています。
確認用の別バージョン
動作確認版(Performance Prototype)と見た目の確認版(Graphics Preview)には、草木、地面の画像、昼間の空、屋外の細部を追加しました。Graphics Previewでは、起動時のメモリ使用量を抑えるため、周囲の物を段階的に読み込んでいます。読み込み時間、移動、端末ごとの動作は引き続き確認が必要です。敷地全体と室内の見た目は、まだ完成していません。

04 / ブラウザでの操作

ブラウザでモデルの中を歩き回る

ウォークスルーの操作
WASD

移動と各種操作

マウス
視点を動かす
C
しゃがむ・立つ
E
扉を開ける・閉める
タッチ操作
画面上のスティックとボタン
キーボード・タッチ操作
ALPHA 0.0.18

操作できる試作版を開く

歩く、しゃがむ、階段を上り下りする、扉を開閉する操作ができます。キーボードとタッチ操作、画質設定、足音、扉の音、周囲の環境音を追加しました。

ウォークスルーを開く (新しいタブで開きます)グラフィックス検証版を見る (新しいタブで開きます)

リンク先は、別のタブで開く3Dアプリです。開発初期の試作版で、完成版ではありません。動作速度と操作方法は端末やブラウザによって異なります。

歩いて確認できること
モデルの中を移動すると、部屋がつながっているか、扉を通れるか、階段を使えるかを確認できます。一枚の画像だけでは確かめにくい部分です。
次に試したいこと
外から扉を通り、階段を上って外へ戻る経路を、キーボードとタッチ操作の両方で試したいと考えています。予想外に止まる箇所、わかりにくい操作、不自然な視点の動きがあれば修正し、同じ経路で再確認します。これは今後の確認事項で、まだ実施した結果ではありません。

3Dを起動せずに制作内容を読む

画像と文章だけでも制作内容を確認できます。3Dアプリはリンクから開く仕組みで、このページで自動的に起動したり、音が鳴ったりすることはありません。アプリはキーボードとタッチに対応していますが、支援ツールでの利用や、端末ごとの動作は十分に検証できていません。

05 / 進捗

できていることと残っている作業

これまでにできたこと

モデルとブラウザでの操作

  • 家の外観、部屋、階段、開口部、扉
  • 細かさを3段階に切り替える家とレアサのモデル
  • 歩き回れるブラウザ版と、屋外を確認するための別バージョン
制作中

見た目と端末ごとの対応

  • 光、表面の見た目、建物や敷地の細部
  • 資料でわからない部分と、当時の家の姿の推定
  • 各端末での操作と動作確認
今後の方向性

次に取り組むこと

  • 一つの入口と一部屋に絞って、見た目を改善する
  • 確認したつくり方を、敷地のほかの部分にも適用する
  • 見た目、さまざまな人の使いやすさ、動作の滑らかさを確認する

掲載画像は、制作途中のモデルと風景です。屋外には自作モデルのほか、自由に再利用できるPoly HavenのCC0素材(草木・地面・空)と、AIの補助でつくった葉の画像を使用しています。植物はおおよその表現で、当時そこに生えていた種類を確認したものではありません。