«
使用ThreeJs搭建BIM模型浏览器 第四步 剖切

时间:2020-10-16    作者:玉龙之乡    分类: 转载


技术方案:threejs的剖切,是由renderer.clippingPlanes实现的。


  1. this.clipHelpers = new THREE.Group();
  2. this.clipHelpers.add(new THREE.AxesHelper(20));
  3. this.globalPlanes = new THREE.Plane(new THREE.Vector3(1, 0, 0), 0);
  4. this.clipHelpers.add(new THREE.PlaneHelper( this.globalPlanes, 20, 0xff0000));
  5. this.clipHelpers.visible = false;
  6. this.scene.add(this.clipHelpers);
  7. //创建一个剖切面
  8. this.renderer.clippingPlanes = this.globalPlanes; // 显示剖面
  9. this.renderer.localClippingEnabled = true;
  10. this.globalPlanes.constant = 5;//这个数值的变化将引起剖面的移动

效果如下:

手机扫描二维码
阅读体验更佳