如何在网站上集成3D专业设计答案

【问题标题】：How to integrate a 3D professional design in a Web Site如何在网站上集成3D专业设计
【发布时间】：2015-02-25 03:43:45
【问题描述】：

当“管理员”可以添加 3D 设计（如汽车）（在 3D Max、Blender 或某种 3D 软件设计上创建）时，我需要开发一个网站，我应该展示这个“设计/文件”在网站上，所有访问者都应该能够旋转这辆汽车以查看它的外观。

只有一个问题：我不能使用 Flash。

如果我需要做那个网站，我应该使用哪些技术：

我在 PHP、JavaScript（本机和 jQuery 以及 bla bla）、CSS 等方面工作了很长时间，但我从来不需要做这样的事情。

提前谢谢你！

【问题讨论】：

【解决方案1】：

型号：而不是指定工具，您应该指定文件格式，例如obj 易于阅读和广泛使用。您还可以尝试使用 JSON，它是 WebGL 的原生格式，带有blender WebGL exporter。格式与选择工具不同。 问题是如何打包模型以获得最佳尺寸/细节配给以使您的网站快速运行。

查看：为了显示您的模型，您需要使用您提到的所有技术。在 WebGL 中，您需要创建画布以在其上绘图，并且可能需要添加一些样式，因此 CSS3 是强制性的。

具体而言，一切都取决于您需要展示的具体内容。要展示塑料或木制玩具车，您可以使用 github 和 STL 中的模型，但要在车身、透明眼镜和真实镜子上呈现闪亮的金属反射，您需要自定义 shaders、normal maping 和 @987654327 @

此链接会有所帮助：

【讨论】：

哇。那真是一个很好的答案。所以，总结一下，要开始测试我是否可以做到，我应该安装 Blender，将“示例文件”导出为 obj（JSON 格式），然后找到一个好的库（你认识任何人吗？）用 WebGL 绘制那个 obj -json 文件...而且，如果它工作正常，我可以从项目开始。
如果您需要库，您可以使用three.js。我没用过，但看起来很有希望。