AR.js/Three.js 使用多个 NFT 标记时性能不佳

如何解决AR.js/Three.js 使用多个 NFT 标记时性能不佳

不是简单地放在这里供其他人参考的问题。

对于在 AR.js 中跟踪多个 NFT 标记时遇到严重滞后的其他任何人，我已添加到 ar-nft.dev.js 文件中以减慢对非可见标记的检查以提高性能：

在页面底部的加载函数中，将标记 URL 添加到标记结果对象中，这在不活动时将是未定义的，而在活动时将被定义


     ar.addEventListener('getNFTMarker',function(ev) {
                        // let AR.js kNow that a NFT marker has been found,with its matrix for positioning
                        markerResult = {
                            type: 'found',matrix: JSON.stringify(ev.data.matrix),markerURL: nftMarkerUrl,//add this line
                        };
                    });

在handleNFT中备份，将以下内容添加到函数底部的配置文件调用中

process(ev.data.markerURL);

将以下内容添加到流程函数中

function process(yeet) {
worker.postMessage({ type: "process",imagedata: imageData,yeet:yeet},[imageData.data.buffer]);

回到底部再次将消息更改为：

this.onmessage = function(e) {
            var msg = e.data;
            console.log("ID: "+msg.yeet);
            switch (msg.type) {
                case "init":
                    {
                        load(msg);
                        return;
                    }
                case "process":
                    {
                        next = msg.imagedata;
                        if(typeof msg.yeet == 'undefined'){
                            setTimeout(process,1000);
                        }else{
                            process();
                        }
                        // 
                        
                        return;
                    }
            }
        };