← 回到 C/D/E 比較

三種序幕,三種建築語言。

LAB 02。本輪只更新獨立 Opening Animation Lab;沒有整合進既有宏稷網站。原 A/B 程式保留,新的 C/D/E 都取消逐筆啟動。書法以完整字形出現,E 以完整品牌幾何發展建築。

C 旋轉院落、D 真實案卷、E 巨型品牌建築的代表畫面

C/浮殿・迴光・7.2 秒

保留 A 的書法與空間轉化,改成完整原字形整體入場。鏡頭環繞多層院亭、飛橋與折階約 108°,搭配受控的鏡頭傾轉,最後穿門進入水庭並停平。這是依多軸空間與旋轉感創作的原創建築,沒有使用動畫作品的場景、人物或模型。

Three.js、完整 V23 字形 alpha 材質、分組 InstancedMesh、多軸結構、獨立手機路徑與即時陰影。

C 桌面四幕分鏡1440px 桌面瀏覽器實際畫面C 手機四幕分鏡390px 手機尺寸模擬的實際畫面

D/重構・見光・6.8 秒

重新從宏稷楠梓老屋案例出發。厚粉光板、原木與黑鐵構件抬起重組,形成有木門、黑鐵木踏階與天井的概念剖面;最後讓同案真實照片作為實體案卷出現。手機把模型與主照片上下編排。

Three.js、確定式材料組裝時間軸、程序材質、三張宏稷原照片與實體相框。照片保持原比例,原有品牌文字保留;模型是案場元素的建築詮釋,非測繪復原。

D 桌面四幕分鏡1440px 桌面瀏覽器實際畫面D 手機四幕分鏡390px 手機尺寸模擬的實際畫面

E/宏構・天光・7.8 秒

以品牌幾何化為巨型建築。從石刻與橡木近景拉開,讓品牌浮雕重組成屋頂、側牆與橋,再以低角度與升鏡展開光庭、柱列與遠方品牌。將五個參考站的主體連續性、材質揭幕與空間層次,轉譯為宏稷的尺度與氣勢。

Three.js、依 V23 簡化 brand-mark.svg 建立有倒角的實體幾何、程序 PBR/反射環境、柱梁 instancing、獨立直式運鏡與日光陰影;片尾使用原始 Logo JPG。

E 桌面四幕分鏡1440px 桌面瀏覽器實際畫面E 手機四幕分鏡390px 手機尺寸模擬的實際畫面

這次實際檢視的五個新參考站

官方網站本次看見與取用的設計原理
Lusion立體材質主體延續,從近白揭幕到飽和高光體塊;E 的品牌建築質感與尺度轉換。
Immersive Garden粉光浮雕與側光;D 的厚材料與 E 的品牌浮雕。
Unseen Studio建築拱窗、階梯、水面及有方向的投影;C 的空間層次與 E 的庭院。
Abeto首屏花形、手繪邊線與前景飄葉的遮擋;手工材質與前後景可讀性。本次未完成其 canvas 互動。
Active Theory暗景中可辨識的立體品牌主體,捲動後仍連續存在;E 的持續品牌錨點。

詳細研究與轉譯紀錄 · D 真實照片來源與雜湊

驗收結果與界線

三版均完成 1440px 桌面與 390px 手機尺寸的逐幕檢視及完整實播。播放、暫停、重播、全螢幕、品牌收束與無水平溢出通過;一次只建立一個場景/一個 renderer。減少動態效果時直接呈現靜態品牌畫面。

驗收平台為 Windows Microsoft Edge,手機為瀏覽器尺寸模擬;尚未在實體 iPhone/Safari 驗證。即時渲染採程序材質、方向光與反射環境,沒有離線光線追蹤或完整全域照明。效能隨硬體而異,原始紀錄保留幀間隔,不以這台電腦模擬結果保證所有手機。

驗收與效能原始紀錄。本輪三版可播放作品均已完成,無待補素材。既有宏稷網站程式、原案場素材與正式部署設定保持原狀;只部署獨立 Lab。A/B 的第一輪也保留在 第一輪固定預覽。