(案例) 风力发电・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




