JavaScript SDK版本3.6.105

2020-10-21

三维模型
  • 支持了平面贴图的双面效果
  • 新增了开启透明贴图效果的方法
// 构造材质配置项
var materialConfig = new Glodon.Bimface.Plugins.Material.MaterialConfig();
// 支持透明效果
materialConfig.transparent = true;
// 支持双面贴图
materialConfig.side = 2;
materialConfig.src = src;
// 构造材质对象
material = new Glodon.Bimface.Plugins.Material.Material(materialConfig);
// 是否开启透明贴图效果
material.enableTransparent(isEnabled);
// 设置当前HOME视图
viewer3D.recordCustomHomeview(Homeview);
// 获取当前HOME视图
viewer3D.getCustomHomeview();
  • 新增了构造材质时贴图加载完毕的回调事件
// 构造材质配置项
var materialConfig = new Glodon.Bimface.Plugins.Material.MaterialConfig();
// 添加材质贴图
materialConfig.src = src;
// 添加贴图加载完毕的回调事件
var render = function() {
    viewer3D.render()
}
materialConfig.callback = render;
// 构造材质对象
material = new Glodon.Bimface.Plugins.Material.Material(materialConfig);
  • 天空盒功能移植至Plugins中,并新增了天空盒多云的样式
// 构造天空盒管理器配置项,并指定Viewer、Style等参数
var skyBoxManagerConfig = new Glodon.Bimface.Plugins.SkyBox.SkyBoxManagerConfig();
skyBoxManagerConfig.viewer = viewer3D;
// 指定天空盒的样式为CloudySky,若未设置则默认为BlueSky
skyBoxManagerConfig.style = Glodon.Bimface.Plugins.SkyBox.SkyBoxStyle.CloudySky;
// 构造天空盒管理器,构造完成后,场景背景即发生变化
skyBoxManager = new Glodon.Bimface.Plugins.SkyBox.SkyBoxManager(skyBoxManagerConfig);
// 开启天空盒效果
skyBoxManager.enableSkyBox(true);
// 设置自定义天空盒的图片资源,完成设置后自动切换
skyBoxManager.setCustomizedImage({
front: "https://static-test.bimface.com/attach/EnvMap_posz.jpg",
back: "https://static-test.bimface.com/attach/EnvMap_negz.jpg",
left: "https://static-test.bimface.com/attach/EnvMap_negx.jpg",
right: "https://static-test.bimface.com/attach/EnvMap_posx.jpg",
top: "https://static-test.bimface.com/attach/EnvMap_posy.jpg",
bottom: "https://static-test.bimface.com/attach/EnvMap_negy.jpg"
});
模型效果
// 开启物体发光效果
viewer3D.enableGlowEffect(true);
// 根据ID设置发光效果,"body"为整体发光,"outline"为轮廓线发光
viewer3D.setGlowEffectById(["58", "59"], { type: "outline", color: new Glodon.Web.Graphics.Color(50, 211, 166, 1)});
viewer3D.render();
// 根据ID清除整体发光效果
viewer3D.removeGlowEffectById(["58"]);
viewer3D.render();
// 关闭物体发光效果
// viewer3D.enableGlowEffect(false);
// 构造并配置三维锚点管理器配置项
var anchorMngConfig = new Glodon.Bimface.Plugins.Anchor.AnchorManagerConfig();
anchorMngConfig.viewer = viewer3D;
// 构造三维锚点管理器
var anchorMng = new Glodon.Bimface.Plugins.Anchor.AnchorManager(anchorMngConfig);
// 构造棱锥锚点的配置项
var prismPointConfig = new Glodon.Bimface.Plugins.Anchor.PrismPointConfig();
// 设置棱锥锚点的悬浮位置
prismPointConfig.position = { x: 13907767.112090306, y: 26204006.755251624, z: 208873.42092020495 };
// 设置棱锥锚点悬浮动画循环一次的时间,以毫秒为单位
prismPointConfig.duration = 1500;
// 设置棱锥锚点的大小
prismPointConfig.size = 35000;
// 构造棱锥锚点对象,并载入至三维锚点管理器中
prismPoint = new Glodon.Bimface.Plugins.Anchor.PrismPoint(prismPointConfig);
anchorMng.addItem(prismPoint);
  • 支持模型场景内开启SSAO效果
交互
// 构造外部构件编辑器工具条配置项
var externalObjectEditorToolbarConfig = new Glodon.Bimface.Viewer.ExternalObjectEditorToolbarConfig ();
// 构造外部构件编辑器工具条
externalObjectEditorToolbar = new Glodon.Bimface.Viewer.ExternalObjectEditorToolbar(externalObjectEditorToolbarConfig);
// 设置工具条编辑状态配置
externalObjectEditorToolbar.setButtons ({“translate”:true,”rotate”:true,”scale”:true});
// 根据ID设置,选择进行编辑操作的外部构件
externalObjectEditorToolbar.setEditedExternalObjectId("523645");
// 获取被编辑外部构件的ID
externalObjectEditorToolbar.getEditedExternalObjectId();
// 显示编辑工具条
externalObjectEditorToolbar.show();
  • 新增了模型编辑器,可以对模型进行平移/旋转/缩放操作
// 构造模型编辑器工具条配置项
toolConfig = new Glodon.Bimface.Plugins.ModelEditor.ModelEditorToolbarConfig();
toolConfig.modelId = "1963446926289088";
toolConfig.viewer = viewer3D;
// 构造模型编辑器工具条
var editor = new Glodon.Bimface.Plugins.ModelEditor.ModelEditorToolbar(toolConfig);
// 显示编辑工具条
editor.show();
  • 新增了设置线图元选取范围的方法
// 获取模型线拾取范围
viewer3D.getLineSelectRange();
// 设置模型线的拾取范围
viewer3D.setLineSelectRange(distance);
服务端API
移动端
  • 新增了在移动端加载对应UI的方法