BIMFACE之3D

var config = new Glodon.Bimface.Viewer.Viewer3DConfig(); // 配置项
config.domElement = domId; // 设置文档元素为domId
config.apiHost; // api网址
config.resourceHost; // 资源网址
config.initialViewOption; // 初始化视角
config.homeViewOption; // 主视角
config.enableViewHouse; // 是否开启viewHouse
config.enableOrbit; // 是否可以旋转
config.orbitButton; // 设置鼠标右转 默认为左转
config.enableToggleContextMenuDisplay; //是否开启右键菜单
config.enableHover; // 是否开启构件鼠标悬停效果
config.enableBorderLine; // 是否显示轮廓线
config.exposure; // 设置曝光度
config,enableIBLBackground; // 是否启用环境光照
config.loadIBLScene; // 选择环境贴图

var viewer3D = new Goldon.Bimface.Viewer.Viewer3D(config); // 创建3D模型 并传入配置项
viewer3D.render(); // 渲染整个场景。如果调用了viewer3D的其它函数,建议在最后调用一次render();
viewer3D.addView(viewToken); // 添加一个模型场景
viewer3D.hideComponents(); // 隐藏构件 (已弃用)
viewer3D.hideComponentsById(id); // 根据id构件隐藏构件
viewer3D.hideComponentsByObjectData(筛选条件); // 根据筛选隐藏构件
viewer3D.showComponents(); // 显示构件 (已弃用)
viewer3D.showcomponentsById(id); // 根据构件id显示构件
viewer3D.showcomponentsByIdObjectData(筛选条件); // 根据筛选条件显示构件
viewer3D.showAllComponents(); // 显示所有构件
viewer3D.transparentComponentsById(id); // 根据构件id设置构件为半透明
viewer3D.transparentComponentsByIdObjectData(筛选条件); // 根据筛选条件设置构件为半透明
viewer3D.opaqueComponentsById(id); // 根据构件id取消构件半透明
viewer3D.opaqueComponentsByIdObjectData(筛选条件); //根据筛选条件取消构件半透明
viewer3D.opaqueAllComponents(); // 取消所有构件半透明
viewer3D.overrideComponentsColorById(多个object数组,颜色); // 根据构件id给构件着色
vie

Bimface 是一种基于云计算的三维建模解决方案,而 Vue 是一个流行的 JavaScript 框架。这两者结合使用可以实现离线打包部署。 首先,我们需要创建一个 Vue 项目,在命令行中运行`vue create project-name`来创建一个新的项目。然后,在项目的根目录下创建一个`static`文件夹,用于存放 Bimface 的相关文件。 接下来,我们需要在 Vue 项目中安装 Bimface 的相关插件。可以使用命令`npm install bimface`来安装 Bimface 的 JavaScript 插件。安装完成后,可以在 Vue 的组件中引入 Bimface 插件,以便在页面中使用。 在打包部署之前,我们需要将 Bimface 的相关文件放到 `static` 文件夹中,包括 Bimface JavaScript 插件文件和 Bimface 所需要的资源文件。可以通过下载 Bimface 插件的压缩包,然后解压并将文件放到对应的文件夹中。 然后,在 Vue 项目的配置文件`vue.config.js`中,可以使用`baseUrl`选项指定 Bimface 相关文件的路径。例如:`baseUrl: '/static/'`。 最后,在命令行中运行`npm run build`来打包 Vue 项目。打包完成后,在生成的`dist`文件夹中会包含所有的项目文件。 现在,我们可以将 dist 文件夹中的所有文件部署到服务器上,即可实现 Bimface Vue 离线打包部署。用户在访问网站时会从服务器获取到离线打包的应用程序,可以在浏览器中正常运行 Bimface 的三维建模功能。 总结起来,Bimface Vue 离线打包部署的步骤包括创建 Vue 项目、安装 Bimface 插件、放置 Bimface 相关文件、配置项目路径、打包项目和部署应用。通过这种方式,我们可以将 Bimface 的功能与 Vue 的优势结合起来,实现离线的三维建模应用部署。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值