像这种粒子效果如何实现?

新手上路,请多包涵

先贴出链接
https://www.hotsarstore.com/home
像首页这种效果,
1、鼠标略过散开等一下显示
2、撸毛效果???如何描述
3、光影移动
请大神指教
图片描述

阅读 3.3k
2 个回答

three.js
虽然源码加密压缩了,但是找到了蛛丝马迹,源码应该是基于vue的脚手架开发。

clipboard.png

canvas是动态生成的

clipboard.png

这一大串数据应该是显示的一些粒子效果

clipboard.png

processData方法应该是进行效果渲染

clipboard.png

应该用到了three.js的三大组件场景scene、相机camera 和渲染器rendere

clipboard.png

水平有限只能看出这些 至于怎么实现 也帮不上忙
three.js还没上手

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题