73㎡、三つの暮らし

Three.jsを使い、73㎡・2LDKのインタラクティブな3DインテリアWebページを作成してください。同じ間取りで、「もう一つの部屋」に対する三つの暮らし方（在宅勤務／友人の宿泊／将来のために確保）を提示し、ワンクリックで住まい全体の家具レイアウトを切り替えられるようにします。ページには、ドールハウスの断面ビュー、正投影の上面ビュー、高さ1.35mの断面ビュー、一人称ウォークスルー（WASDで移動、壁や家具との衝突判定、ドアをクリックして開閉）の4つの表示モードを用意します。オープニングアニメーションでは、2D平面図から壁、窓枠、家具が立ち上がります。上部の時間スライダーで朝・昼・夜の照明を切り替え、夜には各部屋のデスクランプとペンダントライトが自動で点灯します。任意の部屋をクリックすると、面積と寸法、家具リストを表示するカードが開きます。すべての家具はプロシージャルにモデリングした後、Blenderで制作した低ポリゴンかつ高品質な32種類のGLBアセットに置き換えます。プロシージャルな木目・布・石材テクスチャと、柔らかな影を備えます。スタイルは和のミニマリズムとし、ライトオーク、ウォームホワイト、グレイッシュグリーンを使用します。 住まいとスタイルをインダストリアルなロフトスタジオに変更してください。3つのレイアウトプリセットと4つの表示モードは維持しつつ、家具をメタルフレーム、ダークウォールナット、レザーに変更し、天井高を2倍にして床から天井までの窓を追加します。 

Three.jsを使い、73㎡・2LDKのインタラクティブな3DインテリアWebページを作成してください。同じ間取りで、「もう一つの部屋」に対する三つの暮らし方（在宅勤務／友人の宿泊／将来のために確保）を提示し、ワンクリックで住まい全体の家具レイアウトを切り替えられるようにします。ページには、ドールハウスの断面ビュー、正投影の上面ビュー、高さ1.35mの断面ビュー、一人称ウォークスルー（WASDで移動、壁や家具との衝突判定、ドアをクリックして開閉）の4つの表示モードを用意します。オープニングアニメーションでは、2D平面図から壁、窓枠、家具が立ち上がります。上部の時間スライダーで朝・昼・夜の照明を切り替え、夜には各部屋のデスクランプとペンダントライトが自動で点灯します。任意の部屋をクリックすると、面積と寸法、家具リストを表示するカードが開きます。すべての家具はプロシージャルにモデリングした後、Blenderで制作した低ポリゴンかつ高品質な32種類のGLBアセットに置き換えます。プロシージャルな木目・布・石材テクスチャと、柔らかな影を備えます。スタイルは和のミニマリズムとし、ライトオーク、ウォームホワイト、グレイッシュグリーンを使用します。 すべてのインターフェーステキスト、部屋カード、家具リストを英語に切り替え、3つのレイアウトがそれぞれどのような暮らしのニーズに応えるかを英語で簡潔に説明するクライアント向けの概要ページを最初に追加してください。