🌓
搜索
 找回密码
 立即注册

如何在网页上展示BIM设计方案?

辛坤煌 2022-11-5 18:14:39 91213
网站的运营离不开图片和文字,而单纯的二维图片已经无法满足大多数人的需求。相比阅读繁杂的文字,人们更倾向于直观的视觉表达,因此三维模型在网站中的应用也越加广泛。那么如何运用将3D模型嵌入网站呢?
这里就要跟大家推荐一款神器啦~
首先,登陆模袋的网站(modeloapp.com)然后申请注册一个账号,然后你就可以将你的模型上传到DAM平台中。目前支持的三维模型格式有:skp,3dm,rvt,obj,stl,fbx,nwd,dwg
Lr1Zo0Zzr0bzP7iI.jpg

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

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


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



02、设定浏览第一视角

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



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



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



05、设置创作者批注

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

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


点击链接,注册模袋云,了解更多信息

扫一扫

随机推荐

最新主题

3 回复

这个教程讲了BIM如何轻量化以及在网页上显示
需要轻量化模型,webgl等技术
可以用协同大师的轻量化查看功能,无需打开revit也能在网页或手机上展示BIM设计噢~
协同大师5.0新版本支持多终端沟通,不仅仅是网页,还有手机!
♦事项模块同时支持协同端:
xx6iLz5UYXwE3FzX.jpg

♦Revit插件:
kSEKI5CLIjCnL5ez.jpg

♦web浏览器:
aNH2TWyLTluu5qo0.jpg

♦手机浏览器:
BJ39qGee5BJedl9z.jpg

♦微信:
hWX2X9tedfx92X9L.jpg

♦小程序:


lC0pcPhZSs3gQqLL.jpg

Vso66v3EjPZP5Os0.jpg

多端操作。移动办公更高效。
也可以通过提取码分享后打开,查看者无需登录和加入
团队,也能查看轻量化模型。
不只是查看哦!
sDCJT9B2BnwtCCcc.jpg

多种功能,满足各种需求!!
高级模式
游客
返回顶部