互动粒子幻灯片

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

 15349  77  查看评论 (3)
互动粒子幻灯片 ie兼容10

这是一个实验性的互动式幻灯片与的数学形状和文本使用Canvas组件。的幻灯片包括对形状和文本,两个做出来的,用户可以交互导航时,过渡到下一对颗粒。用帆布,我们可以动态地使用JavaScript绘制2D的东西,这个实验显示了一些可能性。

alt=""/>

形状的颗粒,颗粒将被绘有一组预定义的颜色。文本将被建立起来的白色颗粒:

alt="" width="100%"/>

当导航到下一个(或以前)的幻灯片,文本和形状将演变成新的,创造一个有趣的效果:

alt="" width="100%"/>

改造后,我们可以看到下一张幻灯片的形状和文字:

alt="" width="100%"/>

文本和形状的颗粒是互动的一个办法,我们可以把他们推了一下周围:

alt="" width="100%"/>


希望你喜欢它,它给你一些启发!

相关插件-动画效果

canvas 雨滴

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

jQuery点赞+1动画效果

一款基于jQuery+CSS3实现的点赞+1动画效果,非常实用
  动画效果
 17876  214

css3实现鲨鱼游动(酷)

css3实现鲨鱼游动,效果非常酷哦。
  动画效果
 13456  87

html5浪漫粒子表白

html5粒子效果浪漫表白特效
  动画效果
 19520  67

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币

    情??? 0
    2017/6/13 17:04:02
    雷雷雷雷少爷 0
    2016/5/20 9:05:12
    将酷炫进行到底
        雷雷雷雷少爷0
        2016/5/20 9:05:45
        好棒
    回复
取消回复