黑色色块修掉后仍存在:近看正常,远看整棵树是暗色块。逐项排除: - 贴图颜色全链路无偏移,源 4k / 降采样 2k / GLB 内 PNG 的 opaque 均值 都是 sRGB [0.409, 0.406, 0.362],不是 gamma 问题。 - 模拟 GPU mip 链,可见像素亮度 mip0→mip6 只从 0.127 变到 0.124, 覆盖率稳定 0.42,不是 mipmap 变暗。 - 法线贴图抠图区域是干净的平面法线 [0.494, 0.512, 0.988],无黑像素。 真实原因是缺 emissive 补偿。预览页 skyBox / skyAtmosphere / sun 全部关闭 且未配置环境贴图,Cesium 只剩很弱的默认球谐环境光,太阳直射不到的面接近 全黑——这正是 EXPORT_EMISSION_OVERRIDES 存在的原因(建筑 0.18,程序化树冠 0.015~0.02)。树冠绝大部分是背光叶片卡片,远看塌成一团暗色,近看能看到 向阳面所以还行。apple 材质不在那张表里。 - 抠图植被把 diffuse 接回 Emission Color,FOLIAGE_EMISSION = 0.22。 用带贴图的自发光而非平坦颜色:常量会把树干染成叶子绿,而这样每个像素 下限是自身反照率的一个比例。不增加字节,emissiveTexture 指向 base color 已在用的同一张图。 - 打开 export_tangents:apple 有法线贴图但图元无 TANGENT,缺失时切线由 渲染器推导,在双面薄片叶子卡上不可靠。49/102 图元带上切线,顺带修正 建筑法线贴图,GLB +0.83MB。 Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Blender 3D 场景生成
该生成器将 OSM 建筑、水体、植被标签,以及可选的 osm2streets GeoJSON 道路图层,组合为 Blender 3D 场景。
项目主入口是根目录的区域管线:
npm run build:area -- --config config/areas/nantaizi-lake-innovation-valley.json --stages blender,cesium
下面的命令适合单独调试 Blender 脚本。
生成场景
/Applications/Blender.app/Contents/MacOS/Blender \
--background --factory-startup \
--python blender/generate_scene.py -- \
--osm "/path/to/input.osm" \
--geojson "/path/to/osm2streets_web_out" \
--output "/path/to/output.blend" \
--render "/path/to/preview.png" \
--tree-style natural
--geojson 为可选参数。不提供时,道路使用简单的 OSM highway 折线,而非详细 osm2streets 几何。实际资产生成建议先跑 intermediates 阶段,为 Blender 提供 osm2streets 道路面、标线、斑马线和箭头。
--tree-style 可选 apple、fattree、natural、procedural。
apple(拟真)——SpeedTree Red Delicious,4.5k tris,叶片是 alpha 抠图卡片,带法线贴图。fattree(卡通)——低面数卡通树,2.2k tris,纯实体几何,无抠图。natural——低面数树干 + 多层不规则树冠,不依赖外部模型。procedural——最轻,球形树冠。
apple 和 fattree 依赖 assets/models/ 下的第三方模型(已 gitignore)。模型缺失时自动回落到 natural,干净 checkout 仍可构建;实际使用的样式记录在场景的 tree_style_used 属性里。
使用 --office-overrides 指定一组 OSM way ID(逗号分隔),这些建筑将渲染为办公楼风格,即使其 OSM 标签为 building=industrial:
--office-overrides "117753521,117753535"
说明
- OSM
bounds元素定义场景范围(排除远处的地铁等关系成员) natural=tree节点 → 独立树木(默认低面数自然树冠)natural=tree_row路径 → 沿路径均匀分布的树木landuse=grass→ 绿色地面natural=scrub→ 低矮灌木丛amenity=fountain→ 低多边形喷泉- 建筑:
building=industrial→ 厂房风格;其他 → 办公楼风格(带窗带) - 植被和建筑高度从 OSM
height标签读取 - 程序化细节(窗带、屋顶设备、树冠)不改变 OSM 体量
- 纹理使用 Poly Haven 的 1K CC0 纹理,打包在
.blend内
导出为 Cesium GLB
/Applications/Blender.app/Contents/MacOS/Blender \
--background \
--python blender/export_cesium.py -- \
--blend "/path/to/output.blend" \
--glb "/path/to/output_cesium.glb" \
--metadata "/path/to/output_cesium.json"
GLB 使用以 OSM bounds 中心为原点的局部 ENU 坐标系(X 东,Y 北,Z 上)。
使用配套的 JSON 元数据文件将模型放置到 Cesium 中。
区域管线的 cesium 阶段还会在输出目录生成 <area-id>-cesium-preview.html。
导出脚本会:
- 应用网格修改器并创建 UV
- 将 Blender 特有材质转换为 glTF 兼容 PBR 材质
- 烘焙色调覆盖基础色以实现干净的 Web 渲染
- 将所有纹理图片嵌入 GLB
- 写入包含 WGS84 锚点和 Cesium JS 辅助代码的 JSON 元数据
预览
在输出目录上启动 HTTP 服务后打开预览页:
cd /path/to/output
python3 -m http.server 8765