建筑玻璃与立面精修
采用已确认的腾讯幕墙方案,并按建筑类型推广到通勤、广州塔和云港赛道。建筑实体保留暖白、青绿、珊瑚和深蓝配色,办公楼、住宅和店铺保持不同的立面语言。人物的 A/B 卡通材质及护目镜预览仍未切换。
立面处理
- 腾讯广州大厦:共享物理玻璃材质,细微玻璃色差、反射方向差异、层间暗带和分散办公室暖光。分格按每个体块的实际宽高映射,在合批前对齐已有 2.4 m 竖向格栅、3.6 m 楼层;低层北翼匹配 3.5 m 楼层。水平面采样不亮灯的区域,入口使用较清晰的单层窗面。
- 琶洲办公区、欢聚/奇安信等地标与对岸天际线:共享玻璃细节,保留青灰、灰绿、灰金三类配色,以及已有退台、格栅、平台和花园。
- 住宅与店铺:独立窗户使用不同图集区域,避免每扇窗重复整栋幕墙;支持街区补上窄深色窗框。门面与商业窗带按实际宽度重复分格,灯光保持克制。
- 广州塔赛段与云港:更新办公楼、店铺和车站窗面;广州塔核心与灯塔灯室保留各自的特殊材质。
- 直道及随机地图:保留原有绘制批次,使用与原窗位一致的粗糙度纹理,把玻璃窗与粗糙墙面区分;窗灯和立面遮蔽细节在比赛场景加载时生成。
渲染与资源
buildingGlazing.ts 统一管理四张 256×256 纹理:玻璃颜色、粗糙度、固定微倾法线和窗灯。通勤地标、支持建筑、滨江共用一套;其他具名赛道各自缓存一套。玻璃使用 Three.js 原生 MeshPhysicalMaterial,启用清漆反射,保持不透明并关闭透射,不增加实时倒影、独立窗灯或每窗绘制。
环境反射加入云层与远处街区轮廓,按白天、黄昏、夜景缓存。玻璃在绘制前借用当前主题的同一张环境贴图,保留各类玻璃自己的反射强度;不额外生成环境纹理。它是美术环境贴图,不是对附近建筑的实时镜像。粗糙度与法线纹理使用线性色彩空间,玻璃颜色与窗灯使用 sRGB;缩小过滤使用 mipmap。
幕墙 UV 在创建立方体时修改;通用建筑在比赛加载时把水平面 UV 收到非窗区域,退出资源时恢复原属性。两者都不改变原体块顶点、法线、尺寸或道路位置。之后继续按约 200 m 区域和材质合批。相同窗格复用源几何,合批时保留这些缓存以减少进场分配。模型所有者释放合批后的几何体和材质,玻璃工厂统一释放缓存源几何与纹理;主题切换、暂停和重开复用已有资源。
支持街区仍为 85 组建筑:12 组住宅、33 组店铺、38 组办公楼、2 组配套。补上窗框后为 348 个网格、46,742 个三角形,低于既有 350 个网格与 55,000 个三角形预算。1,060 个低位水平三角形沿路线每 2 m 检查道路中心与两缘,未覆盖驾驶面。腾讯白天近景保持 88 次绘制、24,993 个三角形。
首屏已有较紧的体积预算,因此通用建筑窗灯、遮蔽和抛光细节随比赛场景生成,并在打包时内联一次导入常量。继续执行原 270 KiB 首屏 JS gzip 预算。
验证
| 检查 | 结果 |
|---|---|
| 类型与单元检查 | 类型检查通过;56 个文件、296 项测试通过 |
| 浏览器回归 | 16 项通过:完整通勤触控完赛、三主题和无 HDR、GPU 恢复、广州塔/云港启动与漂移、直道/弯道练习、随机路线、屏幕旋转与重开 |
| 连续运行 | 最新版本约 75 秒、15 轮多指操作、10 次重开,0 报错;最高 302 次绘制、50,011 个三角形、480 个几何体、48 个纹理;重开资源差幅 22 个几何体、1 个纹理 |
| 冷启动弱网 | 4 倍 CPU 降速、Fast 3G:最终构建可开始 7,913 ms、比赛实际首帧 9,920 ms,低于原 15,000 ms 预算;几何缓存版本另两次分别通过约 10.3 s、9.9 s 首帧检查 |
| 构建与产物 | Node 22 构建、原有性能预算及发布检查通过;首屏 JS gzip 270.0 / 270 KiB,CSS 12.4 / 16 KiB;72 个发布文件,开发调试代码未打包 |
| 视觉与资源复用 | 27 张正式管线实景覆盖 9 个视角和 3 个主题;无脚本/WebGL 报错,390 px 效果页无横向溢出;三个赛道及通用场景预热后连续切换主题保持 63 个纹理 |
本轮原始日志与实景截图位于忽略的 artifacts.local/building-* 与 artifacts.local/buildings/。效果页 artifacts.local/buildings/index.html 使用正式游戏模型和渲染管线,包含腾讯近/远景、店铺、住宅、琶洲、滨江、广州塔和云港的三个光照主题。浏览器手机仿真不能代替实体手机帧率测试。本轮代码尚未提交或部署。
2026-10-08 琶洲总部材质更新
腾讯、阿里、欢聚、小米、唯品会、国美、TCL 的幕墙由 headquartersFacades.ts 单独管理,通用楼宇、医院和其他赛道仍沿用上述材质。实景观察对应的色调、窗宽、层高与楼板起算标高分别保存;TCL 标准层高 4.5 m 来自运营方资料,其余窗格尺度为照片与现有模型的近似,不能当作施工测量值。出处见总部参考记录。
幕墙取消强烈交替色块,玻璃只保留小幅色差、暗色层间带和微小法线变化;金属格栅改为中性银灰。夜间按相邻办公室成片点亮,以细长天花灯、少量桌面亮光和低亮度室内底光组成,唯品会另有连续暖白横向灯带。透明感较强的斜幕、露台玻璃和屋顶不采样办公窗灯。腾讯既有蓝色星点挑檐继续保留。
四张共享 1024×1024 RGBA 图集容纳八种立面,基础像素合计 16 MiB,含 mipmap 约 21.3 MiB;不是每栋楼各复制四张图。UV 在合批前按实际米制尺寸及同一楼层标高设置,折角按立面切线映射,水平面使用暗色无灯区域;图集有循环边缘保护,导数取自未折返 UV,以减轻移动时重复边界的闪线。所有玻璃保持不透明、零透射,借用既有天空环境;没有每窗光源或额外实时反射。照片只用来观察,没有作为贴图打包。
生成时每扇窗的房间状态只计算一次,逐像素复用结果;主题切换只改变各材质的发光强度,退出时统一释放四张图集、材质与缓存源几何。近景竖肋继续按材质合批。整帧性能未通过的项目仍记录在待办,本次材质精修不代表整个地图性能验收通过。