A SPATIAL EXPLORATION

建築與影片的故事

從入口、立面、屋頂到天空,了解 EMO Lab 概念建築的製作過程。

觀看建築影片 ↗

建築導覽以預先錄製的影片呈現,保留入口、綠意立面、屋頂與飛行平台的鏡頭旅程。這裡記錄影片的觀看方式與原始場景的製作故事。

先說清楚:這是一座概念建築

影片中的建築、屋頂花園與無人機飛行都是概念呈現,不代表已建成的設施,也不是真實飛行實驗的紀錄。它的用途,是把 EMO Lab 的三個研究方向——人工智慧、影像識別與無人機——轉譯成一個可以親自探索的空間:從入口走近,沿著綠意立面往上,最後抵達屋頂的飛行平台。

五段旅程

影片依序經過五個章節,鏡頭會沿著預先設計的路徑平滑移動:

  • 00 入口(Arrival):從入口步道開始,鏡頭高度約 2.25 公尺,接近行人視角。標語是「從門口,開始探索」。
  • 01 立面(Connection):白色枝狀構件沿著玻璃立面延展,串起不同高度的空間,也讓自然成為建築的一部分。
  • 02 屋頂(Perspective):層層退縮的陽台與相連的高低量體,從屋頂俯瞰,理解每個空間如何連成整體。
  • 03 飛行(Exploration):鏡頭來到屋頂飛行平台,無人機緩緩升空,展開對空間的另一種探索。
  • 04 展望(What's Next):「探索智慧,感知未來」,並連到研究方向與 AI Status。

影片在桌面與手機均維持完整畫面比例,可使用播放器的全螢幕功能觀看。

怎麼觀看

  • 播放與暫停:點選播放開始觀看,可用影片控制列暫停、拖曳進度或切換全螢幕。
  • 日景與夜景:選擇想看的情境;每段影片完整呈現對應的天空、建築與室內光線。
  • 依需要播放:頁面不會自動播放或循環播放;切換分頁、離開影片畫面時會自動暫停。

影片由原始 3D 場景錄製;瀏覽此網站不需要即時載入模型或使用 WebGL 繪製。仍可保留靜態預覽,或下載 MP4 後觀看。

從六張視圖到 3D 模型

模型的第一版是依照六張設計視圖(正面、背面、左右側、頂視與軸測)整合出的概念重建。設計意圖包括:左側較低的屋翼、右後側的高塔、右前方的入口、前庭橫向水池與周邊植栽;正面與外露的西側配置白色樹枝狀外構件,東側與背面則以窗框與綠帶處理。模型保留了白色枝狀構件、藍綠色玻璃、垂直植栽、屋頂花園、無人機平台、入口招牌、階梯與前庭水池。

由於原始視圖沒有標註尺寸,模型中的公尺數值都是為了讓幾何一致而設定的假設;室內格局、結構與機電也沒有被當成既定設計。建模與渲染以 Blender 完成,並保留可重建的腳本。

第二版加入透明入口、木格柵門廳、接待桌與座椅、金屬門框與扶手、階梯與簷下燈帶,並在周邊加入樹林、草地、水面細波、HDR 環境反射與距離霧。第三版則替建築立面、混凝土板、木格柵與門廳配置色彩、法線與粗糙度貼圖,並使用實際尺度的 UV。

會隨風擺動的樹與植生牆

場景中的樹木使用 Blender 官方的 Sapling Tree Gen 外掛(0.3.7)生成兩種樹形,並保留原生骨架與葉片風動。在原始互動版本中,風動被取樣成 5 秒的循環動畫與 7 個形變目標,原始渲染程式再以 GPU instancing 讓每棵樹以不同時間相位擺動,而不必在瀏覽器裡建立大量骨架。場景中共有 24 棵位於原始花台的植栽,以及 65 棵周邊樹木。

建築立面上的植生牆,則依 Blender 模型中 33 個種植核心的位置,在原始場景中生成 65,360 片帶有葉脈與風動的立體葉片。想近看樹形,可以開啟 樹形與風動影片,播放、暫停或拖曳進度觀看。

原始場景的渲染與保存

影片由原有 Three.js 場景錄製;以下保留原始模型與渲染方式的說明。建築模型經 Meshopt 壓縮與材質批次合併後約 11.58 MB,並保留 17 個無人機組件;兩種樹形各約 3.91 MB 與 4.06 MB。後製使用 EffectComposer、UnrealBloomPass 與 OutputPass,在保留抗鋸齒的同時降低燈帶溢光。原始模型、貼圖與程式已保留在專案封存;目前網站只載入圖片與影片。

捲動敘事的做法參考了 ThreeUI 的 Kage 範例:固定場景、相機路徑插值、捲動章節與平滑追蹤。EMO Lab 版本是獨立改作,換成 EMO Lab 的建築模型與繁體中文內容。

素材來源與授權

環境光與材質來自 Poly Haven 的 CC0 素材:環境光使用 Rooitou Park HDR,地面使用 Pavement 05 石材,建築與樹木使用 beige_wall_001、concrete_slab_wall_02、wood_table 與 bark_brown_02 等貼圖;葉脈紋理則由專案自行生成。每個素材的來源、授權與 SHA-256 校驗值都記錄在專案中,方便日後核對。

接下來看什麼