Html 在网站上嵌入三维模型

Html 在网站上嵌入三维模型,html,3d,sketchup,Html,3d,Sketchup,有没有办法在网站上嵌入Sketchup模型?最好是一个免费的,如果这是一个商业解决方案,我想确认它实际上是值得的钱。。。我知道3D仓库的东西,你可以旋转它(javascript和一些图像),但我不能上传任何东西到3D仓库,因为它总是“重置连接”。是的,你可以免费完成。请看这里: 编辑: 除了谷歌,还有一些免费的渲染站点,但它们似乎不再运行了。发布到谷歌3D仓库将是你最好的选择。关于你在那里发布的问题,请尝试使用Chrome 编辑#2: 如果你不想上传到谷歌3D仓库,你可以通过一点工作来实现类似的

有没有办法在网站上嵌入Sketchup模型?最好是一个免费的,如果这是一个商业解决方案,我想确认它实际上是值得的钱。。。我知道3D仓库的东西,你可以旋转它(javascript和一些图像),但我不能上传任何东西到3D仓库,因为它总是“重置连接”。

是的,你可以免费完成。请看这里:

编辑:

除了谷歌,还有一些免费的渲染站点,但它们似乎不再运行了。发布到谷歌3D仓库将是你最好的选择。关于你在那里发布的问题,请尝试使用Chrome

编辑#2: 如果你不想上传到谷歌3D仓库,你可以通过一点工作来实现类似的效果。3D仓库实际上并没有赋予访问者在3D中操作某些东西的能力,而是让他们通过从不同角度显示一系列预设的3D图像来水平“旋转”图像。您可以拍摄3D对象的快照,导入Photoshop,并创建旋转对象的gif。要比依赖谷歌多做一点工作,所以你必须决定这是否值得


编辑#3:如果所有其他方法都失败了,您只需将3D模型作为可下载文件发布在您的网站上,并建议访问者使用Sketchup进行查看。

您可以在现代浏览器中尝试即将推出的WebGL功能。有一些Javascript库可以读取模型文件并在(HTML5?)网站中显示它们。我还没有使用它们,但如果这听起来很有趣,请尝试以下链接:


我在three.js中制作了一个示例游戏补丁。添加了ColladLoader和Sketchup模型+第三人称射击控制: 试试看(在Chrome中效果最好)


你可以使用,他们甚至有一个SketchUp导出器。

我应该把skp/kmz文件的URL放在哪里?
关于你在那里发布的问题,用Chrome试试。
我用Chrome和Firefox试试,都没有成功。@Robin:如果你想让访问者能够旋转到所有角度,那么3D仓库不是解决方案。请参阅我的第三次编辑。。。。3D仓库可以让你做到这一点。不是上下而是左右都很近。不提供下载是不行的…你想要的是可以从基于linux的浏览器中查看的东西吗?我发现3D模型必须小于10MB,并且必须是KMZ格式才能上传到3D仓库。。。问题是,当我将3MB SKP文件导出到KMZ时,它会变成17MB。。。也欢迎在KMZ格式下将其控制在10MB以下。是否有熟悉sketchup的人可以简化此模型,使KMZ格式下的数据低于10MB?这不是我自己做的,我只是被要求把它放在一个网站上。当我试图导出到三个.js时,Sketchup似乎冻结在一个带有两个单选按钮的白色对话框上。。。我只想让它在后台运行,也许它会在一个小时左右突然完成导出:我已经看到一些小(4K)文件被翻译,它们看起来不错。不知道你的3MBish文件是如何工作的,祝你好运。似乎对大型模型不起作用><无论如何,
three.js
似乎是小型模型的一个很好的解决方案,所以你的答案最接近。看起来很有希望。我来看看。今天刚刚了解SketchFab,但很久以前就放弃了让它发挥作用的希望,所以我没有考虑将其用于此目的。谢谢