项目简介
基于 Babylon.js 8 的大园区 Web 3D 光照与大气雾调参样例。针对跨度数千米、高度仅数米的平面园区场景,在浏览器中实时调节环境光、日光、HDR / IBL 与自定义大气雾,调满意后一键导出 JSON,便于设计与工程复用。
样例场景水平跨度约 6010。雾效基于 PrePass 深度后处理,按场景尺度标定默认雾距;关闭 GLB 自带灯光,避免多光源打架。适合园区 / 数字孪生 / 城市级可视化做光照与雾效脚手架。
功能清单
- 环境光(半球光):天空色 / 地面色分离填充,避免植被与建筑底面死黑
- 日光(定向光):模拟上午 11 点暖白日光,可改色、开关,方便与 HDR 做 A/B
- HDR / IBL:本地 HDR 作环境贴图驱动 PBR 反射,并生成跟随相机的天空盒
- 大气雾(自定义后处理):距离雾 + 高度雾 + 天空地平线霾,按场景跨度标定起雾 / 消隐距离
- 实时 GUI 调参:lil-gui 面板边拧边看,支持恢复默认
- 一键复制 JSON:导出当前光照 + 雾参数到剪贴板,可直接落地配置
- 大平面尺度标定:雾距、相机半径、天空盒尺寸集中在
sceneProfile,换模型易对齐 - 模型轻量化:园区 GLB Draco + 贴图压缩,网页可加载运行






