三维粒子探索

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

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

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

概念

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

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

相关插件-动画效果

jquery新婚快乐

jquery新婚快乐动画效果
  动画效果
 38480  395

打字机效果一段文字实现一个个字出现的效果

10种显示效果可以调节出字速度这样效果又不一样
  动画效果
 35313  434

3D签到墙 threejs(使用元素周期表修改)

采用threejs官方demo的元素周期更改的,展示为图片,可自动更换或手动更换,目前为旋转状态;模拟推送用户可以优化随机更改图片应该会更好点。
  动画效果
 69227  656

canvas 雨滴

这款动画主要是模拟了下雨的场景,雨滴从空中飘落,落在地上溅起水花,整个过程模拟得相当逼真。更重要的是,这款HTML5下雨动画还可以通过鼠标控制风向和雨水强度,鼠标左右滑动控制雨滴方向,鼠标上下滑动控制雨滴密度。
  动画效果
 28938  419

讨论这个项目(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确实强大~

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