在模型中移动鼠标,在mousemove中执行raycaster导致CPU使用率高

发布于 2025-01-10 01:36:27 字数 739 浏览 1 评论 0原文

在模型中移动鼠标,在mousemove中执行raycaster导致CPU使用率很高,当我移动鼠标时,CPU使用率飙升至90% 这是我的代码:

this.container.addEventListener('mousemove', (e) => {
                console.log('intersect:', this.intersect(e, this.camera), this.objects)
                this.lastMove = Date.now()
            })
intersect(event, camera) {
            let raycaster = new THREE.Raycaster();
            let vector = new THREE.Vector2();
            vector.x = event.clientX / window.innerWidth * 2 - 1;
            vector.y = -event.clientY / window.innerHeight * 2 + 1;
            raycaster.setFromCamera(vector, camera);
            let intersectObj = raycaster.intersectObjects(this.objects, false);
            return intersectObj;
        }

move the mouse in the model, executing raycaster in mousemove causes high CPU usage, when I move the mouse,CPU usage soars to 90%
here is my code:

this.container.addEventListener('mousemove', (e) => {
                console.log('intersect:', this.intersect(e, this.camera), this.objects)
                this.lastMove = Date.now()
            })
intersect(event, camera) {
            let raycaster = new THREE.Raycaster();
            let vector = new THREE.Vector2();
            vector.x = event.clientX / window.innerWidth * 2 - 1;
            vector.y = -event.clientY / window.innerHeight * 2 + 1;
            raycaster.setFromCamera(vector, camera);
            let intersectObj = raycaster.intersectObjects(this.objects, false);
            return intersectObj;
        }

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文