Three BIM三维框架
该框架基于three.js进行构建,起始版本为r0.160.0(目前已替换为r0.171.0),会持续迭代功能,如果有什么问题或者建议等,请到通过右上角相关链接到我的博客或者邮箱等地方留言
操作方式:左键旋转、滑轮缩放、右键平移
框架对于渲染性能做了优化,因此只要涉及到视图刷新的地方,均需要调用容器实例的refreshViewer方法刷新视图(当然如果你的场景中存在动画等长时间动效的需求,那么可以给容器设置performance为false即可)
案例中所用模型均沿用至three.js,因此在本框架现有功能无法满足你的要求时,你还可以直接用three.js相关API去做扩展 服务器是小水管,因此要查看某一个案例的效果,请点击对应案例中的构建按钮来打开渲染(你也可以资助作者,升级一下服务器)
名词解释
为了便于文档阅读,这里说明一些关键性的名词解释
Container
容器,用于构建一个渲染器,也是本框架的数据交互中心Garden
园区,基于three.js的Scene
场景构建,相当于大量模型的集合体Model
模型,基于three.js的Object3D
构建,内置模型加载器,用于将建模师通过第三方构建的三维模型渲染到项目中Geometry
几何体,用于控制模型的几何形状Material
材质,用于控制模型的颜色、纹理、透明度等外观效果Texture
贴图,用于给材质提供图片性质的效果,例如纹理贴图、光照贴图等等
使用方式
npm
sh
npm i @nrelaxed-ui/bim
pnpm
sh
pnpm i @nrelaxed-ui/bim