三维粒子探索

所属分类:其他-动画效果

 33865  431  查看评论 (4)
分享到微信朋友圈
X
三维粒子探索 ie兼容10

这组演示使用three.js和easing探索三维粒子动画。这些演示中的所有粒子和形状都是由三个基本的几何体/材质/网格组成,如球体,线条和盒子。

概念

用许多小的运动部件制作动画是一件很有趣的事。对每个部件或应用不同的时序偏移和缓冲可以实现一些有趣的可视化效果。即使这些在2D中看起来非常棒,但在动画中添加细微的3D视角可以使它们更具视觉吸引力。拥有相机和3D网格的概念也可以帮助您调试和开发动画。您可以放大,缩小,从不同的角度查看您的动画,完美地调整它。

这样的重复动画对于加载程序动画、背景和转换非常重要。在这些演示中, 它们被视为站点加载程序动画。我希望这启发你做你自己的3D 粒子动画!

相关插件-动画效果

背景彩带动画插件ribbon.js

只有1kb的javascript 可以使用 HTML5 画布在您的网站上生成背景彩带动画
  动画效果
 36757  409

小球碰撞(完全弹性碰撞)

给自己主页目录用这个的,顺便传上来。
  动画效果
 49699  471

CSS3按钮发光动画 绚丽多彩

CSS3按钮发光动画 绚丽多彩
  动画效果
 51355  421

超炫背景粒子效果

超炫背景粒子效果
  动画效果
 51125  591

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    YMJ. 0
    2018/12/14 17:37:38
    如何让他一直旋转? 回复
    风早井 0
    2018/4/27 8:23:12
    评论这么少,感觉非常好 回复
    Sunshine┽? 0
    2018/1/25 16:58:47

    这特么最后吓我一跳

    回复
    hellomotoi 0
    2017/12/18 17:54:18

    three.js确实强大~

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复