server.setElevation((r - max * 0.5) * (h + 2));//设置节点中心点在 y 轴的坐标
server.setHost(node);//设置节点的吸附
serverList.push(server);//向 serverList 中添加 server 节点
});
};
上面代码中唯一没提到的是 Editor.randomList 函数，这个函数是在 global.js 文件中声明的，声明如下：
var E = window.Editor = {
leftWidth: 0,
topHeight: 40,
randomList: function(max, size) {
var list = [], ran;
while (list.length < size) {
ran = Math.floor(Math.random() * max);
if (list.indexOf(ran) >= 0)
continue;
list.push(ran);
}
return list;
}
};好了，场景中的各个部分的类都创建完成，那我们就该将场景创建起来，然后将这些图元都堆进去！
场景创建
如果熟悉的同学应该知道，用 HT 创建一个 3D 场景只需要 new 一个 3D 组件，再将通过 addToDOM 函数将这个场景添加进 body 中即可：
var g3d = E.main = new ht.graph3d.Graph3dView(); //3d 场景main.js 文件中主要做的是在 3D 场景中一些必要的元素，比如墙面，地板，门，空调以及所有的机柜的生成和排放位置，还有非常重要的交互部分。
墙体，地板，门，空调和机柜的创建我就不贴代码出来了，有兴趣的请自行查看代码，这里主要说一下双击机柜以及与机柜有关的任何物体（柜门，服务器设备）则 3D 中 camera 的视线就会移动到双击的机柜的前方某个位置，而且这个移动是非常顺滑的，之前技艺不精，导致这个部分想了很久，最后参考了这个 Demo 的实现方法。
为了能够重复地设置 eye 和 center，将设置这两个参数对应的内容封装为 setEye 和 setCenter 方法，setCenter 方法与 setEye 方法类似，这里不重复赘述：
// 设置眼睛位置
var setEye = function(eye, finish) {
if (!eye) return;
var e = g3d.getEye().slice(0),//获取当前 eye 的值
dx = eye[0] - e[0],
dy = eye[1] - e[1],
dz = eye[2] - e[2];
// 启动 500 毫秒的动画过度
ht.Default.startAnim({
duration: 500,
easing: easing,//动画缓动函数
finishFunc: finish || function() {}, //动画结束后调用的函数
action: function(v, t) {//设置动画v代表通过easing(t)函数运算后的值，t代表当前动画进行的进度[0~1]，一般属性变化根据v参数进行
g3d.setEye([ //设置 3D 场景中的 eye 眼睛的值，为一个数组，分别对应 x，y，z 轴的值
e[0] + dx * v,
e[1] + dy * v,
e[2] + dz * v
]);
}
});
};我没有重复声明 setCenter 函数不代表这个函数不重要，恰恰相反，这个函数在“视线”移动的过程中起到了决定性的作用，上面的 setEye 函数相当于我想走到我的目标位置的前面（至少我定义的时候是这种用途），而 sCenter 的定义则是将我的视线移到了目标的位置（比如我可以站在我现在的位置看我右后方的物体，也可以走到我右后方去，站在那个物体前面看它），这点非常重要，请大家好好品味一下。
