Javascript 如何在HTML5中嵌入交互式3d模型?

Javascript 如何在HTML5中嵌入交互式3d模型?,javascript,php,html,Javascript,Php,Html,我有一个在Sketchup中创建的房子模型。我想把它嵌入一个网站,允许客户对某些纹理文件进行更改(更改橱柜颜色、台面表面等) 我看到了几种使用WebGL或canvas元素显示3D模型的解决方案,但没有任何方法允许查看者进行纹理更改 这可能吗?如果可能的话,我更喜欢PHP或JavaScript解决方案。您可以将模型上载到3dwarehouse.sketchup.com,然后在模型页面上,将嵌入的3DViewer代码复制到您想要共享3D模型的网页上。url看起来像 <iframe src="h

我有一个在Sketchup中创建的房子模型。我想把它嵌入一个网站,允许客户对某些纹理文件进行更改(更改橱柜颜色、台面表面等)

我看到了几种使用WebGL或canvas元素显示3D模型的解决方案,但没有任何方法允许查看者进行纹理更改


这可能吗?如果可能的话,我更喜欢PHP或JavaScript解决方案。

您可以将模型上载到3dwarehouse.sketchup.com,然后在模型页面上,将嵌入的3DViewer代码复制到您想要共享3D模型的网页上。url看起来像

<iframe src="https://3dwarehouse.sketchup.com/embed.html?mid= blah blah...>

您可以将模型上载到3dwarehouse.sketchup.com,然后在模型页面上,将嵌入的3DViewer代码复制到要在其上共享三维模型的网页。url看起来像

<iframe src="https://3dwarehouse.sketchup.com/embed.html?mid= blah blah...>

这是可能的。我建议您查看THREE.js库。您可以轻松加载Sketchup模型并对其进行操作。:)这是可能的。我建议您查看THREE.js库。您可以轻松加载Sketchup模型并对其进行操作。:)你没有打错什么吗?帖子中的“嵌入”让我这样想。我试图避免添加图片,这会澄清这一点:!。你没有打错什么吗?帖子中的“嵌入”让我这样想。我试图避免添加图片,这会澄清这一点:!。