BIM轻量化平台是一个互联网三维可视化解决方案。包括BIM轻量化引擎和可视化组件。
BIM轻量化引擎是将主流BIM模型转换成轻量化模型的一揽子服务,包括BIM模型数据上传、下载、转换、查询等。
BIM模型数据可视化组件(viewer)是在网页端对轻量化模型进行可视化并提供交互的JavaScript开发套件。
- BIM轻量化引擎
- 提供模型转换,模型数据存储,模型数据可视功能的开放程序
- 模型数据库、3iDB
- BIM轻量化引擎的重要组成部分,负责模型数据的存储
- 模型处理引擎、3iDT
- 提取原始模型的数据并转换
- 模型数据渲染组件、viewer
- 提供模型可视与交互以及二次开发
- 模型加载器
- 模型树浏览器
- 三维操控器
- 测量工具
- 剖切工具
- 模型管理
- 模型的隐藏
- 着色
- 透明
- 三维标记
- 拾取面
- 拾取点
- 模型Model
- 可视化开发组件viewer
- 接口文档API Doc
- 样例Demo
- 知识准备
- 前端开发知识和相关技能
- npm相关
- 工具准备
- 开发编辑器
- 运行工具
-
新建index.html文件,内容参考如下:
<!doctype html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="renderer" content="webkit"> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,user-scalable=no" /> <title>test</title> <script src="https://unpkg.com/@i3yun/viewer/dist/Sippreep.js"></script> </head> <body style="margin:0px"> <div id="viewer-element"></div> <script src="index.js"></script> </body> </html>
-
在上述html文件同目录,新建index.js文件,内容参考如下:
///<reference types="@i3yun/viewer" /> let viewer; Sippreep.Initializer().then(() => { viewer = new Sippreep.Viewing.Viewer3D(document.getElementById('viewer-element')); const errorCode = viewer.start(); const modelUrl = "https://www.aisanwei.cn/api/Storge/Viewable?ID=jobs/2522197c-b409-4a0f-a5dd-80eb58aae326/output/main.hf"; viewer.loadModel(modelUrl, {}, (model) => { console.log('模型加载成功'); }, (error) => { console.warn(error); }); });
-
运行 最简单的运行工具和方法是使用浏览器直接打开上述html文件,看到指定模型即为运行成功。