在网站上嵌入3D模型

Question

有没有一种方法可以在网站上嵌入Sketchup模型？最好是免费的，如果是商业解决方案，我想要确认它真的值得花钱... 我知道有3D仓库可以旋转它（使用JavaScript和一些图像），但我无法上传任何东西到3D仓库，因为它总是“重置连接”。

- RobinJ

---

我发现3D模型必须小于10MB，并且必须以KMZ格式才能上传到3D Warehouse...问题是，当我将一个3MB的SKP文件导出为KMZ时，它变成了17MB...希望有一些方法可以让它在KMZ格式下小于10MB。 - RobinJ

有谁精通Sketchup的，能够简化这个模型，使得在KMZ格式下它不超过10MB？我并不是自己制作的，只是被要求将其放在网站上。 - RobinJ

Answer 1

你可以在现代浏览器中尝试WebGL函数。有一些JavaScript库可以读取模型文件并在你的（HTML 5？）网站中展示它们。我尚未使用过它们，但如果这听起来有趣，可以尝试以下链接： https://github.com/mrdoob/three.js/ https://github.com/timjb/sketchup-threejs/

- Stephan B

---

当我尝试导出到three.js时，Sketchup似乎会在一个带有2个单选按钮的白色对话框上冻结...我将继续让它在后台运行，也许它会在一个小时左右突然完成导出:p - RobinJ

我看过一些小的（4K）文件翻译，它们看起来不错。不知道你那个大约3MB的文件怎么样，祝你好运。 - Stephan B

似乎对于大型模型并不起作用 >.< 无论如何，three.js 对于较小的模型来说是一个相当不错的解决方案，所以你的答案最接近。 - RobinJ

Answer 2

我在three.js的示例游戏中做了一个补丁。添加了ColladaLoader和Sketchup模型以及第三人称射击控件： https://github.com/irony/Nemesis 试一下吧（最好在Chrome浏览器中使用）。

http://peaceful-woodland-4410.herokuapp.com/index.html

- Christian Landgren

Answer 3

您可以使用http://sketchfab.com，他们甚至有一个SketchUp导出器。

- Décébal Hormuz

---

看起来很有前途。我会去看看的。今天刚发现了SketchFab，但早已放弃了让它工作的希望，所以没有考虑过将其用于此目的。谢谢！ - RobinJ

Answer 4

是的，你可以免费完成这项任务。请参见此处：https://help.sketchup.com/en/article/3000258

编辑：

除了谷歌之外，还有一些免费渲染网站，但它们似乎已经停止运营了。将其发布到谷歌 3D 库可能是最好的选择。关于您在那里发布的问题，请尝试使用 Chrome 浏览器。

编辑 #2： 如果您不想上传到谷歌 3D 库，可以通过一些工作实现类似的效果。 3D 库实际上并没有给访问者在 3D 中操作物体的能力，而是通过展示一系列预设的图像从各个角度“旋转”图像。您可以拍摄您的 3D 对象，导入到 Photoshop 并创建自己的旋转对象的 gif。比依赖谷歌更多的工作，所以您必须决定是否值得。

编辑 #3：如果所有其他方法都失败了，您可以将 3D 模型作为可下载文件发布在您的网站上，并建议访问者获取 Sketchup 来查看它。

- Jonathan M

---

<iframe src='http://sketchup.google.com/3dwarehouse/mini?mid=5368e94d006f71f1ae682533f3f1d4dd&etyp=im&width=600&height=700' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' width='600' height='700'></iframe> 我该把 skp/kmz 文件的 URL 放在哪里？ - RobinJ

关于您在那里发布问题的情况，请尝试使用Chrome。我已经尝试过Chrome和Firefox，但都没有成功。 - RobinJ

@Robin：如果您希望访问者能够旋转到所有角度，那么3D仓库不是解决方案。请查看我的第三次编辑。 - Jonathan M

3D仓库可以让你做到这一点。虽然不能上下移动，但左右移动已经足够接近了。不提供下载选项。 - RobinJ

你想要在基于Linux的浏览器中查看某些内容吗？ - Jonathan M