three.js 如何使用webgl实现3D储能,3D储能站,3D智慧储能、储能柜的三维可视化解决方案——第十七课( 二 )

1.3、储能组阵列模块
展示阵列模块 , 同样是虚化建模模型 , 展示电池特效模型 , 并且在内部动态绘制echart图表
/* ==========================阵列模块.================================================ */ModelBussiness.prototype.showZLModels = function (callBack) {    var _this = this;    modelBussiness.hideInnerSkyBox(function () {        modelBussiness.hideVitureDevs(null, function () {            modelBussiness.showDCZLModels(function () {                modelBussiness.doFlashChart = true;                modelBussiness.flashChartModelData();                if (callBack) {                    callBack();                }            })        });        WT3DObj.commonFunc.changeCameraPosition({ x: -532.5470423260246, y: 2444.1589706386885, z: -5571.336446992522 }, { x: -679.5755451729872, y: 1118.7031210696823, z: -2501.040851792915 }, 1000,            function () {            });    });}解析模型代码
    httpGet("../js/models/dczlmodel.json", function (res) {            WT3DObj.commonFunc.loadModelsByJsons(res, { x: 0, y: 0, z: 0 }, { x: 0, y: 0, z: 0 }, true, function () {                $.each(WT3DObj.scene.children, function (_index, _obj) {                    if (_obj.name.indexOf("dcChart_") >= 0) {                        _obj.oldPositionY = _obj.position.y;                        modelBussiness.DCZLModels.push(_obj);                        modelBussiness.addChartModel(_obj);                    }                });                if (callBack) {                    callBack();                }            });        }) 1.4、储能柜上的光伏模块
只是简单的展示光伏板模型即可

经验总结扩展阅读