如何让一个three.js向量跟随一个HTML图像元素？

我正在使用three.js制作动画游戏。

在网页的 HTML 中，我有一个点的 png 图像，用作游戏中的“光标”。该点的移动由您手部动作的视频跟踪器控制。

我想创建一个与点具有相同位置的three.js 2D向量（因此，本质上，该向量也由手部跟踪控制），但我不确定如何执行此操作鉴于HTML和three.js的坐标系不同。

如何让二维向量的位置根据点的图像位置不断更新？

感谢您提供的任何帮助！