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


ModelBussiness.prototype.showGFModels = function (callBack) {    var _this = this;    modelBussiness.hideInnerSkyBox(function () {        modelBussiness.hideVitureDevs(null, function () {            $.each(WT3DObj.scene.children, function (_index, _obj) {                if (_obj.name.indexOf("dev_tynb_") >= 0 || _obj.name.indexOf("cqflows") >= 0) {                    _obj.visible = true;                    _obj.position.y = _obj.oldPositionY-1000000;                    WT3DModel.commonFunc.changeObjsOpacity([_obj], 0.05, 1, 500, function (obj) {                        if (callBack) {                            callBack();                        }                    });                }            })        });//切换视角        WT3DObj.commonFunc.changeCameraPosition({ x: 1737.2455427937452, y: 1127.7194462714513, z: -3801.9030092440707 },{ x: -1848.0785539202511, y: -472.5583563217438, z: -1257.736308515966 }, 1000,            function () {            });    });} 1.5、温度云图
根据实时数据 , 展示温度分布情况
//创建热力图ModelBussiness.prototype.createHeatMapModels = function (name, callBack) {    var _this = this;    _this.getHeatMapDataValue(function (_data) {        var modeljson = {            show: true,            name: name,            showSortNub: 700001,            id: "",            objType: "CloudChart",            size: { x: 500, y: 500, z: 0 },            position: {                x: config.roomConfig.centerx,                y: config.roomConfig.minheight,                z: config.roomConfig.centerz,            },            scale: {                x: config.roomConfig.length / 500,                y: config.roomConfig.width / 500,                z: 0            },            rotation: { x: -Math.PI / 2, y: 0, z: 0 },            pictype: "rectangle", //arc圆 rectangle矩形 triangle三角形            side: 1,            opacity: 0.3,            maxValue: 45,            minValue: 0,            materialType: "basic",            panelColor: 0x00ffff,            background: {                color: 0xffffff,                size: {                    x: 100, y: 100,//画布大小                    r: 20,//圆半径                    start: 0,                    end: 360,                    angle_r: 10, x1: 0, y1: 0, x2: 100, y2: 100, x3: 100, y3: 0                },                imgurl: "",                type: "arc", //arc圆 rectangle矩形 triangle三角形                border: {                    color: 0xff0000,                    width: 1                }            },            values: _data.data,        };            //var mesh=WT3DObj.createCloudChart(WT3DObj,modeljson);            //  WT3DObj.addObject(mesh);        for (var i = 0; i < 10; i++) {            modeljson.position.y += (config.roomConfig.maxheight - config.roomConfig.minheight) / 10;            modeljson.name = name + "_" + i;            modeljson.showSortNub += i;            modeljson.values = _data.data;            var mesh=WT3DObj.createCloudChart(WT3DObj,modeljson);            WT3DObj.addObject(mesh);        }    }, callBack);};

经验总结扩展阅读