(案例) 風力發電・Polish 3D
以 3D 場景說明風電維運服務範圍,洽談時可線上逐項展示
風電維運公司需要清楚呈現服務範圍的展示方式。離岸風機、陸上變電站、訓練中心與海底電纜整合於同一座島嶼,使用者以拖曳與點擊瀏覽,業務開發人員可於線上說明 30 餘種服務。

(挑戰)
風電服務需要放進使用情境中展示
面向專業人士的產品,網路呈現多以技術細節為主。風電維運公司希望以更直觀的方式,展示離岸風電維運、人員訓練與其餘專業服務,並將服務放在一眼即可理解的使用情境裡。
實機無法帶到洽談現場,業務需要能讓服務與預定用途即時連結的展示方式。

(做法)
情境優先,將服務放進一座島嶼
做法是情境優先:以一個 3D 環境展示服務,讓產品本身與預定用途之間產生即時連結。考量使用者可能尋找不同的服務與應用情境,建立多個對應不同使用場域的環境,讓各項服務在最合適的情況下被展示。
客戶提供超過 30 種服務的素材,必須先經優化,才能維持流暢瀏覽。另自零開始建立 5 個服務場域,並在迭代調整中,讓每個情境貼近現實與風電工程產業的業內標準,又不過於字面化。

相關做法
場域以模型自零建立。實景掃描是另一條路,選擇條件如圖。
- 確認用途行銷展示,或需要量測與語意
- 確認內容變動頻率掃描一次後能否長期不變
- 確認目標裝置主要讀者的手機等級,以及能否接受分級
- 需要量測精度或 BIM 這類語意資料網格與模型資料3DGS 不提供量測精度與語意
- 內容頻繁改動網格掃描一次就過時,3DGS 也無法逐件替換
- 重點是真實外觀,內容固定,可接受分級3DGS 分級串流母檔先合併抽稀,再建 LoD 樹分塊
- 主要讀者用低階手機,且不接受分級影片或預錄導覽不依賴使用者裝置的即時渲染
(關鍵設計)
三項關鍵設計
多場域情境
島嶼包含陸上設施、離岸風電、港口、海底與陸岸風電五個服務場域,各項服務依使用情境分區呈現。

專注導覽
進入任一情境時,其餘服務的內容會變為透明,使用者隨時專注於當前服務,並透過點擊與之互動。操作僅需拖曳與點擊,複雜的場景也容易瀏覽。


服務資料
點擊任一服務,可查看該服務的產品簡介、圖片、影片,甚至技術文件,並設有聯繫連結,讓使用者直接聯絡並進一步促成合作。

3D 島嶼
- 陸上設施
- 離岸風電
- 港口
- 海底
- 陸岸風電
服務面板
- 產品簡介
- 圖片與影片
- 技術文件
業務開發
- 聯繫連結
(成果)
保有原本的樣貌與細緻度,載入仍然快速
最大的挑戰,是在符合業界技術規範與效能優化之間取得平衡。每一座風力發電設施、每位專業人員與每項專業工具,都必須被專業人士清楚辨識;同時,模型的多邊形數量要盡可能降低,整個平台才能維持最佳的幀率表現。
複雜物件經過降面與優化後,產品依然保有原本的樣貌與細緻度,操作方便,載入速度也快。

(工程紀錄)
做法與實測,逐張可展開
3D Gaussian Splatting 上網頁的瓶頸與分級策略
硬剪枝可以剪到與合併抽稀相近的數量,但只有合併抽稀收得掉疊層 相關做法・數字來自其餘專案
- 約 1,500 萬不處理基準否(平均約 180 層)
- 約 1,200 萬硬剪枝:不透明度門檻 0.10未降低疊層否
- 約 840 萬硬剪枝:不透明度門檻 0.20未降低疊層否
- 約 800 萬合併抽稀採用是
同一份掃描,高斯數為約略值。疊層是否收掉為這份資料的分析結論。
約 1,500 萬高斯的掃描,先合併抽稀到約 800 萬,再依檔位只常駐約 110 萬至 375 萬 相關做法・數字來自其餘專案
- 掃描原始資料約 1,500 萬約 800 MB 的 ply 檔
- 裁切與合併抽稀合併為較少的高斯不是單純剪掉
- 裁切並合併抽稀後的母檔約 800 萬之後才建 LoD 樹並分塊
- 不常駐的部分留在磁碟,依視角載入LoD 樹磁碟總量約 200 MB,不是首載量
- 最高檔常駐約 375 萬依視角串流載入
- 中檔常駐約 220 萬預算低於最高檔
- 最低檔常駐約 110 萬預算最低
約略值,取自同一份掃描。三檔是不同使用者選擇下的常駐量,不是先後處理。
Web 3D 效能工程:從量測、預算到驗收的完整流程
持續卡頓先查成本,只在轉場卡頓才查時序,成本再拆成三條路 相關做法
- 確認症狀持續卡,還是只在轉場時卡
- 量成本每秒幀數、shader 重編次數、GPU 時間
- 拆成本結構固定成本與隨像素成長的成本
- 只在轉場或切換時卡查動畫時序喚醒時長、相機動畫、補幀順序
- 持續卡,shader 規律重編找出被反覆建立與釋放的材質介面標注不整批重建
- 持續卡,固定成本占大宗幾何減面與降階,draw call 合併繪製拖曳時改用降階模型,靜態件用貼圖圖集
- 持續卡,成本隨像素與疊層成長降低每像素的疊層與材質運算只降解析度不一定有效
(Client note)
一支真正卓越的團隊,將精準的美學與展現專業的能力完美結合。他們設計的網站成為我們公司與客戶之間極為有效的橋樑,提供了流暢的使用者體驗,其表現勝過千言萬語。
Sean TsengSales Manager・Deutsche Windtechnik(聯絡)
Start a project.
三個步驟,取得可判斷的做法與預算區間。
- 01預約第一場會議:選擇時段,不需要完整規格。
- 02線上諮詢 15 至 30 分鐘:取得做法方向、預算區間與時程草案。
- 03檢視素材後,約 3 至 5 個工作天提供報價單暨交付規格明細表。
- 信箱
- hello@polish-design.com.tw
- 通訊地址
- (104) 台北市中山區植福路191-1號3F




