28、《每周一点canvas动画》——canvas特效插件

29人阅读 评论(0) 收藏 举报
分类:

很长时间没有更新文章了,经过几个月的时间,事情终于忙完了。今天,在这里为大家分享3款 canvas 特效插件,与其说是分享,不如说是为了方便使用,对前面章节的一些效果的封装。

1. Martrix.js

GIthub地址

API

| 属性 | 类型 | 默认值 | 描述
| — |
cW Number 1367 canvas宽度
cH Number 700 canvas高度
wordColor String ‘#33ff33’ 文字颜色
fontSize Number 15 文字大小
speed Number 0.13 下落速度
words String ”0123456…“ 显示文字

属性 类型 默认 描述
cW Number 1367 canvas宽度
cH Number 700 canvas高度
wordColor String ‘#33ff33’ 文字颜色
fontSize Number 15 文字大小
speed Number 0.13 下落速度
words String ”0123456…“ 显示文字

具体使用方法请看Github文档

2. Dot.js

文字粒子特效插件,所用的都是前面所讲的知识

GIthub地址

具体使用方法请看Github文档

3.waterWave.js

GIthub地址

具体使用方法请看Github文档

4.结语

今天的分享就到这里,后面会分享跟多的canvas特效插件。前面的文章在我修改完善后会逐渐上传。

查看评论

深入 WIN2000 组册表 (3)

                 测某个计算机管理Snap-In是否可用尽管M i c r o s o f t提供了一组重要的M M C工具,但是为Windows 2000提供服务应用程序的供应商通常...
  • coolstar
  • coolstar
  • 2001-08-01 13:37:00
  • 1114

11、《每周一点canvas动画》 —— 弹性动画

本系列文章代码文件 在上一章我们介绍了缓动动画,并且对弹性动画的概念做了简单的介绍。弹性动画(spring)与缓动动画都是基于距离的百分比动画,两者的不同之处在于,一个作用于速度(ease), ...
  • qq_39759115
  • qq_39759115
  • 2018-01-15 17:20:02
  • 105

8、《每周一点canvas动画》——边界检测与摩擦力(2)

到目前为止,我们最常见的两种情形: 物体按照一定的速度做任意运动直到碰上边界 物体自身,或者通过外部的作用力,运用加速度来改变物体的速度 不管怎样,除非我们...
  • qq_39759115
  • qq_39759115
  • 2018-01-03 09:56:51
  • 93

7、《每周一点canvas动画》——边界检测与摩擦力(1)

本章已经是《Canvas 动画系列》动画的第七篇了,我保证这一章不会再有难的数学公式和物理概念。鉴于有的同学并不是从第一章开始看这个系列,我将会把本文所用到的一些 类...
  • qq_39759115
  • qq_39759115
  • 2018-01-02 11:49:18
  • 126

4款基于html5 canvas充满想象力的重力特效

  • 2016年01月18日 14:35
  • 36KB
  • 下载

超华丽的HTML5 Canvas文字动画特效

文字是网页中最为常见的元素之一,当然我们使用最多的就是调整文字的颜色、大小等基本属性。有时候我们在一些活动页面上需要展示特别样式的文字效果,这时候我们就可以利用HTML5或者CSS3结合的方式来渲染文...
  • mazegong
  • mazegong
  • 2017-12-14 17:12:59
  • 809

7款超华丽的HTML5 Canvas文字动画特效

文字是网页中最为常见的元素之一,当然我们使用最多的就是调整文字的颜色、大小等基本属性。有时候我们在一些活动页面上需要展示特别样式的文字效果,这时候我们就可以利用HTML5或者CSS3结合的方式来渲染文...
  • zz901214
  • zz901214
  • 2017-11-08 15:37:46
  • 3005

canvas 动画(烟花效果)

效果预览: http://jsrun.net/qQqKp 这个网站和runjs的功能差不多 可惜是英文的 原文地址:http://codepen.io/whqet/pen/Auzch -->...
  • qq_38286165
  • qq_38286165
  • 2018-01-29 16:25:25
  • 170

canvas实现折现随机变化的动画效果

在项目前期预研中(设计阶段)设计师想要一个
  • luochao_tj
  • luochao_tj
  • 2014-11-14 23:49:51
  • 1206
    个人资料
    持之以恒
    等级:
    访问量: 1万+
    积分: 828
    排名: 6万+
    最新评论