从零开始学习3D可视化之场景层级（1）

1、开启场景层级控制

2、父子树和分类对象属性树

3、切换场景层级

在3D可视化场景中加载园区后系统会自动创建园区、建筑、楼层、房间等物体对象，这些对象也自然把场景分成了不同的层级，场景提供了层级结构，可以通过我下面介绍的方法，来控制场景层级。那么层级结构有什么用呢？可以更方便管理和查询到场景中物体；可以批量操作物体，比如移动父物体可以带着孩子一起移动等等。

1、开启场景层级控制

首先将下面的代码输入到项目文件中，即可开启 ThingJS 3D可视化示例园区的场景层级控制功能。

// 加载ThingJS示例园区
var app = new THING.App({
    url: 'models/storehouse'
})
//通过load事件加载园区信息，并开启场景层级控制
app.on('load', function(ev) {
    app.level.change(ev.campus)
})

运行项目文件后，在预览窗口，鼠标左键双击3D可视化园区内的建筑，即可进入建筑内部。点击鼠标右键，退出建筑。鼠标左键双击模型（如小车、叉车等），可聚焦到模型，点击鼠标右键，退出聚焦模式。图中所示为鼠标左键双击小车后的聚焦效果。

还有一个方法就是通过场景信息来进入层级切换，工具栏的场景信息对应的就是 CampusBuilder 中搭建的园区的物体（或对象）信息。

场景信息中，显示当前场景的父子树和分类对象属性树，可按名称、ID以及属性，搜索场景中的对象。点击对象右侧的定位按钮，就可以定位到此对象。