JavaScript SDK版本3.6.108

2020-11-18

三维模型
// 构造曲线
var curve = new Glodon.Bimface.Plugins.Geometry.SplineCurve(points, color, width, style);
// 设置曲线贴图
curve.setMap({
  src:"url",
  // 允许颜色覆盖
  enableColorOverride: true
},
  function () {
    viewer3D.render();
});
  • 新增了曲线动画类型,可以添加流动效果
// 构造曲线动画的配置项
curveAnimationConfig = new Glodon.Bimface.Plugins.Animation.CurveAnimationConfig();
// 配置Viewer对象、曲线对象、动画类型等参数
curveAnimationConfig.viewer = viewer3D;
curveAnimationConfig.curves = path;
curveAnimationConfig.type = "flow";
// 构造曲线动画对象
curveAnimation = new Glodon.Bimface.Plugins.Animation.CurveAnimation(curveAnimationConfig);
// 构造曲线
var curve = new Glodon.Bimface.Plugins.Geometry.SplineCurve(points, color, width, style);
// 拉伸曲线
curve.stretch(0.6, 0.5);
  • 优化了ifc模型的构件属性,可以正确显示构件层级关系
  • 新增了电子围墙特效,可通过动态效果强调显示某一个区域
// 构造电子围墙效果配置项
  var wallEffectConfig = new Glodon.Bimface.Plugins.Animation.WallEffectConfig();
  // 配置Viewer对象、方向、持续时间、路径、高度
  wallEffectConfig.viewer = viewer3D;
  wallEffectConfig.direction = {
  type: "Tangent",  // 运动方式为沿着路径的切线方向
  reverse: false    // 运动方向默认为逆时针
  }
  wallEffectConfig.duration = 3500;
  wallEffectConfig.height = 80000;
  wallEffectConfig.path = [
  { x: 13023609.960575795, y: 25777457.255968206, z: 50.61713809092208 },
  { x: 13122365.995315686, y: 25839575.569788456, z: 50.61713809194653 },
  { x: 13315590.835127937, y: 25970551.36890273, z: 50.61713809410652 },
  { x: 13276959.063045746, y: 26028989.384943567, z: 50.61713809507025 },
  { x: 13155465.068261532, y: 26169861.95716057, z: 50.61713809737892 },
  { x: 13136429.412665904, y: 26212368.128522705, z: 50.61713809809444 },
  { x: 13134071.918206926, y: 26226598.456635598, z: 50.61713809832914 },
  { x: 12839819.545762224, y: 26093815.956026126, z: 50.617138096139335 },
  { x: 12950723.349436384, y: 25912849.28590552, z: 50.61713809314037 },
  { x: 13023609.960575795, y: 25777457.255968206, z: 50.61713809092208 }
  ];
  // 电子围墙颜色
  wallEffectConfig.color = new Glodon.Web.Graphics.Color(50, 211, 166, 0.8);
  // 构造电子围墙扫描效果对象
  wallEffect = new Glodon.Bimface.Plugins.Animation.WallEffect(wallEffectConfig);
  • 新增了以url方式添加外部构件的方法
// 添加外部构件
extObjMng = new Glodon.Bimface.Plugins.ExternalObject.ExternalObjectManager(viewer3D);
//以url的方式添加外部构件
extObjMng.addObjectByUrl("car", {'url': "https://static.bimface.com/attach/6db9d5bcf88640f997b23be61e870ee8_%E6%B1%BD%E8%BD%A6.3DS"}, callback);
//外部构件加载成功的回调函数
function callback(){
  extObjId = extObjMng.getObjectIdByName("car");
  isExternalObjectAdded = true;
  // 将构件移至初始位置
  extObjMng.translate(extObjId, new THREE.Vector3(12004.93213904812, -3242.443667709831, -100.9999788191018));
  extObjMng.scale(extObjId, new THREE.Vector3(100, 100, 100));
  viewer3D.render();
}
// 开启模型爆炸功能
viewer3DConfig.enableExplosion = true;
webApplication3DConfig.enableExplosion = true; 
webApplicationRfaConfig.enableExplosion = true;
/* 设置楼层爆炸效果
*  direction, 类型:Object, 描述:楼层爆炸方向,缺省值为{x: 0, y: 0, z: 1}
*/
viewer3D.setFloorExplosion(extent, floorIds, direction);
viewer3D.render();
/* 按条件筛选构件
*  conditions, 类型:Array, 查询规则请查看开发指南-条件筛选
*/
viewer3D.getComponentsByConditions(conditions, success, failure);
  • 优化了rvt模型转换时解析视图的规则
模型效果
/**
* 设置地图着色效果
* Glodon.Bimface.Plugins.TileMap.MapStyle.DarkBlue 深蓝效果
* Glodon.Bimface.Plugins.TileMap.MapStyle.DarkGreen 墨绿效果
* Glodon.Bimface.Plugins.TileMap.MapStyle.CustomColor 自定义效果
*/
// 设置深蓝着色效果
map.setMapStyle({
"template": Glodon.Bimface.Plugins.TileMap.MapStyle.DarkBlue
});
//构造视频管理器配置项
var videoManagerConfig = new Glodon.Bimface.Plugins.Videos.VideoManagerConfig()
videoManagerConfig.viewer = viewer3D;
//构造视频管理器
var videoManager = new Glodon.Bimface.Plugins.Videos.VideoManager(videoManagerConfig);
//构造视频对象配置项
var videoConfig = new Glodon.Bimface.Plugins.Videos.VideoConfig();
//配置viewer、camera等参数
videoConfig.viewer = viewer3D;
videoConfig.src = "https://static.bimface.com/attach/2c44c7fcdd7a48ba933205cec80e97e3_BIMFACE产品介绍.mp4";
videoConfig.plane = { "distance": 7000, "side": 0 };
videoConfig.camera = { "position": { x: -7025.589580932086, y: -11503.527453157381, z: 8110.585049193948 }, "direction": new THREE.Vector3(0, 1, 0), "horizontalFov": Math.PI / 5, "verticalFov": Math.PI / 6 };
//设置静音、循环播放
videoConfig.mute = true;
videoConfig.loop = true;
videoConfig.callback =callback;
//构造视频对象
video = new Glodon.Bimface.Plugins.Videos.Video(videoConfig);
videoManager.addVideo(video);
// 回调函数
function callback(){
  //播放视频
  video.play();
}
矢量图纸
  • 新增了图纸面板,可以查看拆分后的图纸列表
  • 优化了对图片较多的矢量图纸的解析;
服务端API