Autodesk Forge Viewer - 通过SceneBuilder创建的模型的点击事件
创始人
2024-09-22 21:31:06
0

要实现通过SceneBuilder创建的模型的点击事件,可以使用Autodesk Forge Viewer的JavaScript API。以下是一个示例代码,该代码使用Forge Viewer的addEventListener方法来监听模型的点击事件。

// 初始化Forge Viewer
var viewer;

function initializeViewer() {
    var options = {
        env: 'AutodeskProduction',
        getAccessToken: getForgeToken
    };

    Autodesk.Viewing.Initializer(options, function() {
        viewer = new Autodesk.Viewing.GuiViewer3D(document.getElementById('forgeViewer'));

        // 加载模型
        var urn = '模型的URN';
        Autodesk.Viewing.Document.load('urn:' + urn, function(doc) {
            var viewables = doc.getRoot().getDefaultGeometry();
            viewer.loadDocumentNode(doc, viewables).then(function(result) {
                // 模型加载完成后,绑定点击事件
                bindClickEvent();
            });
        }, function(error) {
            console.log('加载模型发生错误:' + error);
        });
    });
}

// 绑定点击事件
function bindClickEvent() {
    viewer.addEventListener(Autodesk.Viewing.OBJECT_TREE_CREATED_EVENT, function() {
        // 获取模型根节点
        var root = viewer.model.getRoot();

        // 遍历模型中的所有构件
        root.children.forEach(function(child) {
            // 绑定点击事件
            viewer.addEventListener(Autodesk.Viewing.MOUSE_CLICK, function(event) {
                var dbId = event.dbId;

                // 当构件被点击时,触发的回调函数
                console.log('构件 ' + dbId + ' 被点击了');
            }, { dbId: child.dbId });
        });
    });
}

// 获取Forge Token的函数
function getForgeToken(callback) {
    // 调用后端API获取Forge Token,然后将Token传递给回调函数
    var token = 'YOUR_FORGE_TOKEN';
    callback(token, 3600);
}

// 初始化Viewer
initializeViewer();

在上面的代码示例中,首先使用initializeViewer函数初始化Forge Viewer并加载模型。然后,在模型加载完成后,调用bindClickEvent函数来绑定点击事件。

bindClickEvent函数中,首先获取模型的根节点,然后遍历模型中的所有构件。对每个构件,使用viewer.addEventListener方法来添加点击事件监听器。在点击事件发生时,会触发回调函数,可以在回调函数中处理点击事件。在示例代码中,回调函数简单地将被点击的构件的dbId打印到控制台。

要注意的是,示例代码中的getForgeToken函数用于获取Forge Token,你需要将其替换为你自己的获取Token的逻辑。另外,你还需要将urn替换为你自己的模型的URN。

相关内容

热门资讯

8分钟带你解说!吉祥填大坑有什... 8分钟带你解说!吉祥填大坑有什么诀窍(辅助挂)果然真的是有挂(有挂秘诀)-哔哩哔哩;小薇(透视辅助)...
第八分钟带你普及!战神辅助官网... 第八分钟带你普及!战神辅助官网(辅助挂)一直是有挂的(有挂规律)-哔哩哔哩;1、完成战神辅助官网的残...
第七分钟带你科普!微信黑科技辅... 第七分钟带你科普!微信黑科技辅助神器(辅助挂)其实真的有挂(确实有挂)-哔哩哔哩;详细微信黑科技辅助...
第4分钟带你开挂!家乡大贰智能... 第4分钟带你开挂!家乡大贰智能辅助(辅助挂)一直真的是有挂(有人有挂)-哔哩哔哩;1、让任何用户在无...
第4分钟带你透视!微信蜀山四川... 第4分钟带你透视!微信蜀山四川修改器先测试(辅助挂)其实真的是有挂(新版有挂)-哔哩哔哩;是一款可以...
三分钟带你了解!来物局潮汕麻雀... 三分钟带你了解!来物局潮汕麻雀(辅助挂)其实真的是有挂(有挂细节)-哔哩哔哩;亲真的是有正版授权,小...
热点推荐"白银胡乐辅... 热点推荐"白银胡乐辅助最简单三个步骤"开挂(透视)辅助平台(其实真的有挂的)-哔哩哔哩;人气非常高,...
1分钟带你得知!哥哥打大a辅助... 1分钟带你得知!哥哥打大a辅助神器(辅助挂)原来真的是有挂(有挂总结)-哔哩哔哩;1.哥哥打大a辅助...
一分钟揭秘"四川途游... 一分钟揭秘"四川途游辅助软件下载"开挂(透视)辅助安装(一直确实是有挂)-哔哩哔哩;相信小伙伴都知道...
十分钟带你介绍!四川麻将口诀顺... 十分钟带你介绍!四川麻将口诀顺口溜(辅助挂)果然真的有挂(有挂方式)-哔哩哔哩;1.四川麻将口诀顺口...