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

时间:2022-02-15 20:45:36

I have a model of a house created in Sketchup. I want to embed it in a website and allow customers to make changes to certain texture files (change cabinet colors, counter top surfaces, etc.)

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

I see several solutions for displaying 3D models using WebGL or the canvas element, but nothing to allow viewers to make texture changes.

我看到了几种使用WebGL或canvas元素显示3D模型的解决方案,但没有任何内容可以让观众进行纹理更改。

Is this possible? I would prefer a PHP or JavaScript solution, if possible.

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

1 个解决方案

#1


0  

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

您可以将模型上传到3dwarehouse.sketchup.com,然后在模型页面上将<> Embed,3DViewer代码复制到您要共享3D模型的网页上。网址看起来像

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

#1


0  

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

您可以将模型上传到3dwarehouse.sketchup.com,然后在模型页面上将<> Embed,3DViewer代码复制到您要共享3D模型的网页上。网址看起来像

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