@i3yun/viewergallery

BIM轻量化平台是一个互联网三维可视化解决方案。包括BIM轻量化引擎和业务组件。

Usage no npm install needed!

<script type="module">
  import i3yunViewergallery from 'https://cdn.skypack.dev/@i3yun/viewergallery';
</script>

README

BIMViewer

BIM轻量化平台是一个互联网三维可视化解决方案。包括BIM轻量化引擎和业务组件。

BIM轻量化引擎是……。包括BIM模型数据可视化组件、模型数据库、模型转换引擎。

BIM模型数据可视化组件(viewer)是……。

关键词、术语、专用语解释

  • BIM轻量化引擎:提供模型转换,模型数据存储,模型数据可视功能的开放程序
  • 模型数据库、3iDB:BIM轻量化引擎的重要组成部分,负责模型数据的存储
  • 模型处理引擎、3iDT:提取原始模型的数据并转换
  • 模型数据渲染组件、viewer:提供模型可视功能与操控等

使用指南

希望以本项目作为开发交流平台

可通过Issue提交问题,新建一个问题

由我们的接口文件自动生成的二次开发文档

插件库

  1. 模型加载器
  2. 模型树浏览器
  3. 三维操控器
  4. 测量工具
  5. 剖切工具
  6. 模型管理
    1. 模型的隐藏
    2. 着色
    3. 透明
  7. 三维标记
  8. 拾取面
  9. 拾取点

示例库

  1. 三维操控
    源码
  2. 新剖分
    源码
  3. 隐藏&透明&变色
    源码
  4. 三维标记
    源码
  5. 消防监控
    源码
  6. 进度模拟
    源码
  7. 模型过滤
    源码

四步开始使用

  1. 在html文件中添加SippreepViewer.bundle.js和一个div

    <script type="text/javascript" src="http://bimviewer.aisanwei.cn/viewer/SippreepViewer.bundle.js"></script>
    
    <div id="viewer1"> </div>
    
  2. 在js文件中创建viewer

    var viewerPromise = SippreepViewer.CreateViewer(document.getElementById("viewer1"));
    
  3. 在js文件中加载viewer的插件

    var TidbLoaderExtensionPromise = viewerPromise.then((viewer) => {return viewer.loadExtension("Sippreep.Extensions.TidbLoader.TidbLoaderExtension");});
    
  4. 在js文件中使用插件的功能

    var modelPromise = TidbLoaderExtensionPromise.then((v) => {
    var v1 = v;
    v1.getConfig().host = host;
    v1.getConfig().token = token
    return v1.loadScene(sceneID);
    });
    

查看最小样例

尾部

Fork me on Gitee
i3yun/ViewerGallery