纯CSS驱动3D引擎,无需WebGL
为什么值得看
PolyCSS 用 CSS matrix3d 变换把 OBJ/GLB/VOX 模型渲染成真实 DOM 元素,支持纹理、光照和动画。前端开发者无需 WebGL 知识即可在页面上嵌入可交互 3D 内容,且能直接用 React/Vue 操作。
编辑判断
Three.js 和 Babylon.js 几乎垄断了浏览器 3D,但 WebGL 上下文管理、着色器调试和与现有 UI 框架的集成一直是前端团队的隐性成本。PolyCSS 的巧妙之处在于把 3D 管线彻底塞进浏览器已高度优化的 CSS 合成层,理论上能规避 WebGL 的内存泄漏风险和 z-index 混叠问题。
不过性能天花板很明显:复杂场景的 DOM 节点爆炸会压垮合成线程,它更适合产品展示、轻量数据可视化这类低面数场景,而非游戏。如果你团队里有设计师想直接改 3D 样式而不用碰 GLSL,这个方案比 R3F 的抽象层更轻。
社区反馈
意见分歧 15 条评论
核心争论:CSS 3D 是实用工具还是技术炫技,能否替代 WebGL 成为正经方案
I give it 15 minutes before someone on here ports Doom
https://github.com/NielsLeenheer/cssDOOM
But why not use WebGL? It's widely available, more efficient, and can render at a much higher quality. https://polycss.com/gallery/?model=2843066616 https://threejs.org/examples/#webgl_animation_multiple