如何使 3D 对象跟随网页中的光标?

How to make a 3D object follow cursor in a webpage?

我对网页设计还是个新手,我即将制作我的作品集。我是一名从事 2D 和 3D 艺术工作的设计师,我希望我的主页显示我自己的 3D 渲染,它跟随鼠标。大部分采用以下网站的风格:

https://wannabe-store.webflow.io/

有人对从哪里开始有什么建议吗?我渲染什么文件类型(我使用搅拌机),它可以嵌入到 HTML 中吗?运动可以用 javascript 编码吗?

感谢您的耐心等待,欢迎任何帮助!

链接的网站使用了Canvas来显示跟随箭头光标的3D模型。以下链接可能会帮助您实现一些目标。

Javascript - Track mouse position

https://www.html5canvastutorials.com/advanced/html5-canvas-mouse-coordinates/

https://tympanus.net/codrops/2019/10/14/how-to-create-an-interactive-3d-character-with-three-js/

谢谢!