如何使三维对象跟随网页中的光标



我还是网络设计的新手,我即将制作我的作品集。我是一名从事2D和3D艺术工作的设计师,我希望我的主页能显示我自己的3D渲染图,就像鼠标一样。以下网站风格:

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

有人对从哪里开始有什么建议吗?我渲染什么文件类型(我使用blender(,它可以嵌入HTML中吗?这个动作也许可以用javascript编码吗?

谢谢你的耐心,欢迎任何帮助!

链接的网站使用Canvas显示箭头光标后面的3D模型。以下链接可能会帮助您实现某些目标。

Javascript-跟踪鼠标位置

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/

谢谢!

最新更新