如何在HTML5中嵌入交互式3D模型？

Question

我用 Sketchup 创建了一个房子的模型。我想把它嵌入到一个网站，并允许客户改变某些纹理文件(改变橱柜的颜色，柜顶表面，等等)。

我看到了一些使用 WebGL 或 canvas 元素显示3D模型的解决方案，但是没有任何方案允许查看器进行纹理更改。

这是可能实现的吗? 如果可能的话，我希望使用 PHP 或 JavaScript 解决方案。

Answer 1

You can upload your model to 3dwarehouse.sketchup.com, then on your model page, copy the <>Embed, 3DViewer code to the web page you want to share your 3D model on. The url will look like

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