新基建的福音：智慧楼宇可视化监控系统引领智能化新时代

// currentIndex 为当前路径绘制到的点的索引 
// points 为当前路径所有点的信息  currentPoints 为绘制过程中点的信息 
// segments 为当前路径所有点的连接方式信息 currentSegments 为绘制过程中点的连接方式信息

// 即上述此时 A 点信息
let fromPoint = points[currentIndex]; 
// 即上述此时 B 点信息
let toPoint = points[currentIndex + 1]; 
// 通过 AB 两点信息组成一条 AB 方向的向量
let pointVector = new ht.Math.Vector2(toPoint.x - fromPoint.x, toPoint.y - fromPoint.y); 
// 记录该向量的长度，用于判断 AC 是否大于等于 AB
let pointVectorLength = pointVector.length(); 

let currentPoints = [], currentSegments = [];

for(let i = 0; i < currentIndex + 1; i++) {
    currentPoints.push({
      x: points[i].x,
      y: points[i].y
    });
    currentSegments.push(segments[i]);
}

// addLength 为每次增加的线段长度值，该程序中使用 500 即每次长度增加 500
let nextVectorLength = currentVectorLength + addLength;
let tempPoint;
    
roadData.currentVectorLength = nextVectorLength;

// 判断 AC 线段的长度是否大于 AB 
if(nextVectorLength > pointVectorLength) {
    nextVectorLength = pointVectorLength;
    roadData.currentVectorLength = 0;
    roadData.currentIndex = currentIndex + 1;
}

pointVector.setLength(nextVectorLength);

// 即为 C 点坐标
tempPoint = {x: pointVector.x + fromPoint.x, y: pointVector.y + fromPoint.y}; 
// 往 currentPoints 添加 C 点坐标
currentPoints.push(tempPoint); 
// 往 currentSegments 添加 C 点连接方式，此程序中都为直线连接，所以值都为 2
currentSegments.push(2); 
// roadNode 即为 ht.Shape 类 重新设置 ht.Shape 类点的信息
roadNode.setPoints(currentPoints);  
// 重新设置 ht.Shape 类点的连接信息
roadNode.setSegments(currentSegments); 

// waterWaveNodes 所有水波节点
let waterWaveTask = {
    interval: 100, // 指每隔 100 ms 调用 action 函数一次
    action: function(data){
        // 判断 waterWaveNodes 是包含 data
        if(waterWaveNodes.indexOf(data) > -1) { 
            // 获取此时图标矩形框信息 circleRect 是个长度为 4 的数组 分别表示 x, y, width, height
            let circleRect = data.a(‘circleRect‘);   
            if(circleRect) {
                // 通过修改高度来变大水波大小
                let nextHeight = circleRect[3] + 10;                 
                // 高度最大值为 250 
                if(nextHeight < 250) { 
                     // 对应修改 y 的大小，y 的增加大小为高度的一半
                    circleRect[1] = circleRect[1] - 5;
                    circleRect[3] = nextHeight;
                    data.a(‘circleRect‘, circleRect);
                    data.a(‘borderColor‘, ‘rgba(255, 133, 133, ‘ + (1 - circleRect[3] / 250) + ‘)‘);
                }
                else {
                    data.a(‘circleRect‘, [-0.5,128,257,0]);
                    data.a(‘borderColor‘, ‘rgba(255, 133, 133)‘);
                }            
            }
            else {
                data.a(‘circleRect‘, [-0.5,128,257,0]);
            }           
        }
    }    
};
// 新增该调度任务
dm3d.addScheduleTask(waterWaveTask); 

// numNode(1-7) 为 2d 面板中对应数字的节点
// data.a(‘ht.value‘, number) 即为动态修改 attr 上的 ht.value 信息，之后图纸会自动更新新赋予的数值
// getRandomValue 为自己封装的产生随机数的方法
this.change2dNumTask = {
        interval: 1000,
        action: (data) => {
            if(data === numNode1 || data === numNode2) {
                data.a(‘ht.value‘, util.getRandomValue([500, 999], 5));
            }
            if(data === numNode3 || data === numNode4) {
                data.s(‘text‘, util.getRandomValue([0, 30], 2) + ‘%‘);
            }
            if(data === numNode5) {
                data.a(‘ht.value‘, util.getRandomValue([0, 99999], 5, 3));
            }
            if(data === numNode6) {
                data.a(‘ht.value‘, util.getRandomValue([0, 100], 2));
            }
            if(data === numNode7) {
                data.a(‘ht.value‘, util.getRandomValue([0, 100], 2));
            }
       }        
    };
// 新增该调度任务
dm2d.addScheduleTask(this.change2dNumTask); 

charts.forEach((chart) => {
    // 将高度存储到 attr 上
    !chart.a(‘tall‘) && chart.a(‘tall‘, chart.getTall()); 
    // 设置初始高度为 0
    chart.setTall(0); 
});
this.chartAnimteTask = {
    interval: 25,
    action: function(data){
        if(charts.indexOf(data) > -1) {
            if(finishNum !== chartLength) {
                if(data.getTall() !== data.a(‘tall‘)) {
                    // deep 为每次增加的高度
                    let nextTall = data.getTall() + deep; 
                    // 获取初始化高度 
                    let tall = data.a(‘tall‘); 
                    // 判断下一个高度是否大于初始化高度
                    if(nextTall < tall) {
                        data.setTall(nextTall);
                    }
                    else {
                        data.setTall(tall);
                        finishNum++;
                    }
                }    
            }
        }
    }    
};
// 新增该调度任务
dm3d.addScheduleTask(this.chartAnimteTask); 

let e = ht.Default.clone(g3d.getEye()), // 获取当前眼睛的位置
    c = ht.Default.clone(g3d.getCenter()); // 获取当前眼睛聚焦的位置
// eye 为需要修改的对应 eye 值
// center 为需要修改的对应 center 值
// 以下为分别获取 eye 与 center 在 xyz 三个坐标轴之间的差值
let edx = eye[0] - e[0],
    edz = eye[1] - e[1],
    edy = eye[2] - e[2],
    cdx = center[0] - c[0],
    cdz = center[1] - c[1],
    cdy = center[2] - c[2];
// 开启不断修改 eye 与 center 的动画
ht.Default.startAnim({
    duration: time ? time : 3000,
    easing: function(t){ return t; },
    finishFunc: function() {
        if(typeof cb === ‘function‘) {
            cb();
        }
    },
    action: function (v) {
        // v 为从 0-1 变换的值 
        g3d.setEye([
            e[0] + edx * v,
            e[1] + edz * v,
            e[2] + edy * v
        ]);
        g3d.setCenter([
            c[0] + cdx * v,
            c[1] + cdz * v,
            c[2] + cdy * v
        ]);
    }
});