工业数字孪生实战(二):前端 3D 实时渲染与纹理修复实录
接上篇(一)的架构与 CI/CD,这一篇钻到前端渲染层。数字孪生的"面子"就是 3D 画面:浏览器里得把 CNC、注塑、装配这些设备渲染出来,纹理清晰、金属有质感、状态能实时变色。
共 8 篇文章
接上篇(一)的架构与 CI/CD,这一篇钻到前端渲染层。数字孪生的"面子"就是 3D 画面:浏览器里得把 CNC、注塑、装配这些设备渲染出来,纹理清晰、金属有质感、状态能实时变色。
一个工业数字孪生 Demo 从本地跑通到生产部署的全过程:2G 小服务器如何同时扛住前端与 Go 实时后端,前后端拆子域、CI/CD 双路、nginx 反代 WebSocket 的实战踩坑。
博客第四轮改造实录:Three.js 粒子 Hero 上线后自己却看不见——一个坐标系错误引发的排查;reduced-motion 的正确语义;404 页藏进 Phaser 小游戏;以及差点复发裸域事故的部署双源陷阱。
博客第三轮迭代复盘:把 ?page=N 改成 /page/N 救回 ISR、设计 IP 去重的匿名点赞、CSS counter 实现代码行号、JSON-LD 富摘要,以及双域证书、裸域 301 归一化和加密异地备份的完整收录基建。
分类/标签页集体 500 的 DYNAMIC_SERVER_USAGE 根因与两次误诊、自托管统计从 umami 到 Fathom Lite 的三次换型、tracker.js 不自动上报的三连坑、nginx 缓存旧容器 IP 导致请求错位——十项功能批量改造的完整复盘。
给博客加 shiki 语法高亮、TOC 目录、RSS 订阅三件套时踩到的坑:async 插件炸 runSync、CI 构建 OOM、自定义 code 组件导致 mermaid 失效、CSS 覆盖 token 颜色、fallback 样式特异性压制。
给 Next.js 16 内容页上 ISR 时踩到的三个坑:connection 让缓存静默失效、构建期 mock 污染产物、数据层抛错导致 next build 直接失败。含最终正确姿势与验证。
在存量 ThinkPHP 博客上接入 Next.js BFF 时踩到的 7 个坑:undici 忽略 Host 头、NEXT_PUBLIC 构建期内联、pm2 reload 不刷新、静态预渲染固化 mock、流式透传、gzip 二次解压与后端内网化。