Vue 使用 BIMFACE 实现3D着火demo(1)

let dom4Show = document.getElementById(‘domId’);

// 设置WebApplication3D的配置项

let webAppConfig = new Glodon.Bimface.Application.WebApplication3DConfig();

webAppConfig.domElement = dom4Show;

webAppConfig.enableExplosion = true;

// 创建WebApplication3D，用以显示模型

this.app = new Glodon.Bimface.Application.WebApplication3D(webAppConfig);

this.app.addView(this.viewToken);

this.viewer3D = this.app.getViewer();

// 增加加载完成监听事件

this.viewer3D.addEventListener(Glodon.Bimface.Viewer.Viewer3DEvent.ViewAdded, () => {

this.viewAdded = true;

//自适应屏幕大小

window.onresize = () => {

this.viewer3D.resize(document.documentElement.clientWidth, document.documentElement.clientHeight)

}

// 渲染场景

this.viewer3D.render();

});

},

failureCallback() {

},

setButtonText(btnId, text) {

var dom = document.getElementById(btnId);

if (dom != null && dom.nodeName == “BUTTON”) {

dom.innerText = text;

}

},

addFireEffect() {

if (!this.isFireEffectAdded) {

let firePos = {

x: -2194.954,

y: -7739.213,

z: 10527.306

}

let fireConfig = new Glodon.Bimface.Plugins.ParticleSystem.FireEffectConfig();

fireConfig.position = firePos;

fireConfig.viewer = this.viewer3D;

this.fireEffect = new Glodon.Bimface.Plugins.ParticleSystem.FireEffect(fireConfig);

this.setButtonText(“btnAddFireEffect”, “销毁火焰效果”);

this.viewer3D.render();

} else {

// 销毁火焰效果

this.fireEffect.destroy();

this.setButtonText(“btnAddFireEffect”, “添加火焰效果”);

}

this.isFireEffectAdded = !this.isFireEffectAdded;

},

setFireScale() {

if (!this.isFireEffectAdded) {

window.alert(“请先添加火焰效果”);

} else {

let scale = this.fireEffect.getScale();

if (scale == 1) {

// 设置火焰粒子比例

this.fireEffect.setScale(0.5);

// 更新火焰参数配置

this.fireEffect.update();

} else {

// 设置火焰粒子比例

this.fireEffect.setScale(1);

// 更新火焰参数配置

this.fireEffect.update();

}

}

},

setFireType() {

if (!this.isFireEffectAdded) {

window.alert(“请先添加火焰效果”);

} else {

let type = this.fireEffect.getType();

if (type == “Fire”) {

// 设置火焰类型

this.fireEffect.setType(Glodon.Bimface.Plugins.ParticleSystem.FireType.Smoke);

// 更新火焰参数配置

this.fireEffect.update();

} else {

// 设置火焰类型

this.fireEffect.setType(Glodon.Bimface.Plugins.ParticleSystem.FireType.Fire);

// 更新火焰参数配置

this.fireEffect.update();

}

}

},

setSmokeConcentration() {

if (!this.isFireEffectAdded) {

window.alert(“请先添加火焰效果”);

} else {

let concentration = this.fireEffect.getSmokeConcentration();

if (concentration == 0.6) {

// 设置烟雾浓度

this.fireEffect.setSmokeConcentration(0.2);

// 更新火焰参数配置

this.fireEffect.update();

} else {

// 设置烟雾浓度

this.fireEffect.setSmokeConcentration(0.6);

// 更新火焰参数配置

this.fireEffect.update();

}

}

}

},

}