bimgl.js

JavaScript 3D library

The project is a web GL rendering library, with BIM life cycle related functions and operations

Installation

 npm install bimgl
      or
 yarn add bimgl

Example

docs address 演示地址

<div id='viewer'></div>

import BIMGL from "bimgl";
const bimgl = new BIMGL();
bimgl.init(document.getElementById('viewer'),{
    uri: `modelURL`,
})

init

import BIMGL from "BIMGL";
const bimgl = new BIMGL();
bimgl.init(element,options);

Options

Key	Type	Default	Description
* uri	string		模型加载地址
antialias	boolean	false	抗锯齿
width	number	el.width	场景宽度
height	number	el.height	场景高度
selectColor	十六进制	0x5cadff	构件选中颜色
loadingImage	string		加载图片地址
clearColor	十六进制	0xb9d3ff	场景背景色
animation	Function	null	帧循环

Event

• new Color ( 十六进制 ) - 实例化一个颜色
• resize (width,height) - 更改场景的大小
• render () - 重新渲染
• onload () - 模型加载完成
• onError () => error - 模型加载失败
• onStart () - 模型加载开始
• onProgress (进度百分比) - 模型加载进度
• destroy () - 销毁模型
• onSelect () => 构件 - 构件选中
• transparentComponentsById _( [ componentsId ] , opacity0.0-1.0) 将构件透明化
• setComponentsColorById _( [ componentsId ] , Color) 构建着色
• clearComponentsColorById _([ componentsId ]) 通过构件id清除构件着色
• setWorldPosition _(componentsId, element, position ? ) 通过构件id给模型加标签