将 3D 模型（obj 或 gltf）转换为 <div's> 和 CSS答案

【问题标题】：Convert 3D model (obj or gltf) to < div's> and CSS将 3D 模型（obj 或 gltf）转换为 <div's> 和 CSS
【发布时间】：2019-05-11 20:44:00
【问题描述】：

是否有可能将 3D 元素（obj 或 gltf 细节和相关节点坐标）转换为 HTML 和 CSS 以重新创建相同的对象。

【问题讨论】：

【解决方案1】：

不，这真的不可能。 HTML 和 CSS 并非旨在表示 3D 几何图形。使用ascii art（用于非常简化的样式）或CSS box shadow（这是一项艰苦的工作，而不是自动）可以实现一些巧妙的事情。

ThreeJS 有一个 CSS3DRenderer，但根据它的文档，它不支持普通材质或几何图形——它用于在 3D 投影中定位普通 HTML 元素，用于叠加和注释。

【讨论】：

嘿，唐，感谢您回答这个问题。最近我发现了 tridiv.com，这是 Julian Garnier 的一个项目。 Tridiv 是一个基于 Web 的编辑器，用于在 CSS 中创建 3D 形状。所以我在想也许可以用js从节点坐标分配值到CSS变换属性。
或许，但对任意模型执行此操作比 tridiv.com 支持的简单形状要困难得多。模型可能具有的某些功能（纹理包装、蒙皮）在 CSS 中根本不起作用。如果您可以接受这些限制并使用 SVG，SVGRenderer 是另一种选择。

【解决方案2】：

看看这个；

Cinema4D(Python) 脚本将 3D 平面导出为 3D React 组件

进行一些更改后，它可能会起作用。

【讨论】：