document.addEventListener("Mousemove") 会降低 WEBGL 中的性能吗？

Question

我是 WebGL 的新手，我正试图制作一个游戏来学习它，所以我遇到了这个问题...... 我听说 WebGL 使用 GPU 而没有 WebGL 的 JavaScript 使用 CPU，我听说在 JavaScript 中使用 document.getElementByID 或 document.addEventListener 使用 CPU ... 所以我想知道如何在 WebGL 代码中获取鼠标位置？使用这种代码可以吗？

document.addEventListener("mousemove" , function (event) {x=event.PageX;y=event.PageY};

然后在requestAnimitionFrame调用的gameLoop函数中使用x和y。

我的意思是这会不会是一个问题，因为上面的代码使用 CPU 而 WebGL 使用 GPU...？

正如我所说的，我是全新的，所以我的问题可能很愚蠢 但是在 WebGL 中获取鼠标位置的最佳方法是什么？

并且在 WebGL 代码中使用 document.getElementByID 是个坏主意吗？

非常感谢。

Answer 1

GPU 用于一些困难的数学计算，因为它们可以更快地完成。但是在你的情况下你不做任何数学运算，你只是将一些数据从一个变量存储到另一个变量，它不能由 GPU 完成，无论如何它可以由 CPU 完成并且这是正常的因为因为只有 CPU 可以做到。

没关系，别担心。

document.addEventListener("Mousemove") 会降低 WEBGL 中的性能吗？

Can document.addEventListener("Mousemove") decrease perfromance in WEBGL?

javascript

webgl