时下网站的运营离不开图片和文字,而单纯的二维图片已经无法满足大多数人的需求。相比阅读繁杂的文字,人们更倾向于直观的视觉表达,因此三维模型在网站中的应用也越加广泛。今天就让小袋来教教大家如何运用modelo将3D模型嵌入网站吧!


 

首先,登陆模袋的网站(modeloapp.com)然后申请注册一个账号,然后你就可以将你的模型上传到DAM平台中。目前支持的三维模型格式有:skp,3dm,rvt,obj,stl,fbx,nwd,dwg


 


 

然后请大家找到分享按钮,点击其中的嵌入。你会看到一段HTML,这段嵌入代码是您后面要用来做网页嵌入的文本。单击文本一次选择它,复制它,然后粘贴到您的站点。 


 


 

除了单纯的嵌入模型链接以外,我们可以在这个3D模型上加入很多的批注和视角的设定,接下来就继续跟着小袋一项项操作吧!


 

01

调整模型显示尺寸


 

在点击嵌入按钮以后跳出的页面中我们可以看到模型相应的代码,寻找到其中的width和height以后我们可以把代码复制到文本编辑器进行修改,通过百分比的修改来调整模型在网站中相对的位置。


 


 

02

设定浏览第一视角


 

视图:默认/当前视图允许您在模型加载到站点时设置模型的角度或透视图。选择默认值将在嵌入式查看器中显示模型,就像您在Modelo中首次打开它时所看到的那样。如果您有特定的角度,您希望模型在加载时显示,取消嵌入,将模型旋转到您的首选位置,然后选择嵌入并切换到“当前视图”


 


 

03

模型自动加载开关


 

自动启动:在您的站点上自动加载模型,以便用户可以立即开始旋转它。关闭自动启动功能将显示模型的预览,并在顶部叠加播放按钮。用户必须单击“播放”按钮才能旋转模型。如果您计划在单个页面上嵌入多个模型,则应考虑关闭自动启动,否则加载时间可能会显着减慢。       


 


 

04

视图切换


 

显示视图切换按钮:在右上角显示一个小立方体。将鼠标悬停在此立方体上会弹出三个不同的透视图,使您的访问者可以快速更改视角:上/下,前/后,左/右和默认。


 


 


 

05

设置创作者批注

      
 

显示模型批注:在这里选择您想展示的模型批注,即可在网页上生成相应的三维漫游。


 


 

最后,我们使用最初选择的嵌入的功能,复制iframe文本(根据您的首选设置稍有变化), 切换到您要嵌入的博客或网站中的页面,选择嵌入选项并粘贴。

接下来让我们欣赏一下上方示例的3D模型嵌入网页以后的效果。 
 

完整的浏览体验请登录:https://l2p.com/wellshaus


 

     

长按下方二维码关注我们了解更多 
 


 


 

让三维连接一切