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

最新推荐文章于 2024-07-11 15:19:27 发布

ThingJS_小锘

最新推荐文章于 2024-07-11 15:19:27 发布

阅读量1.5k

点赞数

文章标签：可视化 javascript java python vue

本文链接：https://blog.csdn.net/ThingJS/article/details/118103846

版权

本文介绍了在数字孪生可视化场景中实现拾取功能的四种方法：通过属性和接口拾取物体、通过事件获取鼠标拾取的物体、区域Pick物体以及设置pickedResultFunc拾取对象回调函数。这些方法有助于在模型众多的场景中实现交互效果。

摘要由CSDN通过智能技术生成

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);
        }
        // 打印之前被