互动粒子幻灯片

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

38703 373 查看评论 (3)

分享到微信朋友圈

查看演示立即下载

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

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

alt=""/>

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

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

当导航到下一个（或以前）的幻灯片，文本和形状将演变成新的，创造一个有趣的效果：

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

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

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

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

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

希望你喜欢它，它给你一些启发！

跟上一个心的形状用的类似的方法。不用我多说，看了就知道有多牛B了哦。可兼容手机。暂停之后一个手指拖动改变视角，两个手指可以调整视角的大小，三个手指可以移动。

动画效果

59570 331

动画效果

52627 592

纯JS数字滚动效果，兼容IE9+、但不兼容水晶字体，需要谷歌浏览器支持

动画效果

40629 301

利用原生js实现波浪点击效果，没有用到任何插件

动画效果

31183 359

情??? 0

2017/6/13 17:04:02

厉害了我滴哥

雷雷雷雷少爷 0

2016/5/20 9:05:12

雷雷雷雷少爷0

2016/5/20 9:05:45

好棒

😃

😃

取消回复