从零开始学习3D可视化之拾取

1、 通过属性和接口获取鼠标拾取（Pick）的物体

2、 通过事件获取鼠标拾取的物体

3、 区域 Pick 物体

4、 pickedResultFunc设置拾取对象回调函数

在开发数字孪生可视化场景应用时经常会用到拾取功能，顾名思义，在数字孪生可视化场景中拾取就是判断一个数字孪生可视化场景中哪个对象被点击。数字孪生可视化场景中的模型非常多，不可避免需要一些交互效果。比如当点击某一个模型的时候做出反馈动作，这需要能够通过鼠标的点击位置推导出点击到的模型，这种技术实现称为拾取。

在数字孪生可视化场景中模型比较多的时候，应该如何高效的实现拾取操作呢？下面介绍四种方法：

1、通过属性和接口拾取（Pick）物体

通过平台提供的属性和接口可以获取鼠标拾取到（Pick）的物体，将下面的代码输入到项目文件中，就会在日志窗口输出当前拾取和之前拾取的数字孪生可视化物体。

代码如下：

// 每一帧判断拾取的物体是否发生变化
app.on('update', function () {
    if (app.picker.isChanged()) {
        console.clear();
        // 日志窗口输出当前被pick的物体
        if (app.picker.objects[0]) {
            console.log('当前拾取的物体 ' + app.picker.objects[0].name);
        }
        // 打印之前被pick的物体
        if (app.picker.previousObjects[0]) {
            console.log('之前拾取的物体 ' + app.picker.previousObjects[0].name);
        }