Vue 使用 BIMFACE 实现3D着火demo，移动web开发教程

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();

}

}

}

},

}