机器解剖室 v3

机器解剖室 v3

做了什么

v2 回答「这台机器用了哪些技术」,但 3D 世界仍是六个抽象站台。v3 把整台机器重写为小站的数字孪生:

  • 拼豆底板世界:暗色 pegboard 底板 + 夜光豆粒,所有建筑由 InstancedMesh 豆粒拼成,手写像素图纸长出 3D 建筑。
  • 北侧厂房区:六构件从抽象几何改成具象厂房——点火器灯塔、图纸档案楼、齿轮机房、罐区、蒸馏塔、码头吊机;点厂房开原有档案抽屉,机制/铭牌/活数据一字不动。
  • 豆子大道与 11 城区:东侧主建筑(笔记塔/时间流长廊/作品展馆/施工塔楼/工作台玻璃房),西侧配套装置(工具货架/技能发射架/收藏灯塔/外链码头/标签电线杆),南端拼豆游乐区压轴(豆粒摩天轮)。豆豆从厂房沿传送带送货,路过哪栋亮哪栋。
  • 城区活数据上墙:标签常驻「名字 + 真实计数」,点建筑相机飞近,3D 锚定面板显示计数、最新条目、进入按钮;mt-panel 钉在建筑头顶,拖动旋转跟着走。
  • 装备装置化:24 项装备做成豆粒小装置,散布在厂房院子。全景安静,聚焦厂房后装备标签淡入可点,点装置弹铭文卡;「装备清单」升级为传送目录,点项关清单、飞到装置并脉冲高亮。
  • 移动端导览:flat 渲染器改为小镇导览——厂房区六卡 + 城区导览 11 卡,点城区直达页面。

过程与坑

  • grill 七问定稿:孪生对象=小站成品地图(A)→ 流水线=厂房区保留(A)→ 城区=全建制分级(A)→ 美术=拼豆体素风一步到位(A)→ 装备=装置化两级可见(A)→ 城区点击=聚焦+活数据卡(A)→ 收尾=移动导览+暂不改名。
  • PC 误显示移动卡片:bootScene 未接 districts/districtMeta/onSelectDistrict/onSelectGear,场景一抛错就静默降级到 flat。补全参数修复。
  • 信息卡改成 3D 锚定面板:原先屏幕角落固定卡片出戏,改成 HTML 元素钉在 3D 锚点、每帧投影跟随建筑。
  • QA:构建 83 页通过;Playwright 双端 QA——桌面 canvas 非空(非暗像素 17.56%)、17 个标签、厂房抽屉、拼豆面板活数据;移动 flat 导览 17 卡/2 导览头。

下一步

  • 14 位居民以实拍贴片入住拼豆游乐区,与 /pindou/town 游戏打通。
  • 把「机器解剖室」更名为「拼豆小镇」留给居民入住那天。