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

Question

我还是网页设计的新手，我即将制作我的作品集。我是一名从事 2D 和 3D 艺术工作的设计师，我希望我的主页能够显示我自己的 3D 渲染，它跟随鼠标。以下网站的风格很多：

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

有人对从哪里开始有任何建议吗？我渲染什么文件类型（我使用搅拌机），它可以嵌入到 HTML 中吗？运动可以用javascript编码吗？

感谢您的耐心等待，欢迎任何帮助！

Answer 1

链接的网站使用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/

谢谢！