| 层 | 当前项目 | ThreeUI 要求 | 结论 |
|---|
| React | 19.2.4 | >= 18 < 20 | 兼容 |
| Three.js | 0.185.1 | >= 0.149 < 1 | 兼容 |
| Node.js | >= 22 | >= 20(Pro CLI) | 兼容 |
| 浏览器 | 现代桌面与移动浏览器 | WebGL / WebGL2 | 兼容(已实测) |
- 完整保留原作 DOM、CSS、WebGL、滚动和指针交互。
- 资源全部落在本地 public 目录,预览不依赖第三方 CDN。
- iframe 卸载时会连同内部 WebGL 上下文一起离开当前路由。
- 原页面已经处理 DPR 上限、hover/pointer 条件和 reduced motion。
- iframe 内部无法直接消费本项目主题 token 或共享 React 状态。
- 完整页面携带自己的 Three.js 运行时,与现有实验的 0.185.1 不复用。
- 不能直接读取 renderer.info,也不适合拆成业务级 React 组件。
- npm 安装包含整个 Community 目录及两个兼容 Three.js 版本,本地依赖约增加 104 MiB。