jquery+html实现烂漫爱心表白动画特效

2020-01-06 17:56:57 画布

jquery+html5烂漫爱心表白动画

这是一款基于jquery、html5、canvas实现的烂漫爱心表白动画。

使用教程:

下载后打开index.html

1、修改大约27/28行修改为合适的日期

<span class="space"/><span class="comments">*2020—01-01,</span><br />
<span class="space"/><span class="comments">*20??-??-??.</span><br />

2、根据自己的想法修改里面的文案。

3、然后修改大约74行

together.setFullYear(2020, 0, 1);// 格式(年,月,日)特别注意:月份填写0-11,0代表1月,以此类推

注意修改月份的,数值要比需要填写的月份少1,比如10月份的就写9

修改后放去网上可以访问的,开始装逼之旅吧~


高级修改:

修改garden.js文件里面的
1、大约163~168行
修改里面的rgb颜色,注意范围的 0-255

color: {
  rmin: 0,
  rmax: 255,
  gmin: 0,
  gmax: 255,
  bmin: 0,
  bmax: 255,
  opacity: 0.1// 不要修改
},

2、大约171行
修改花朵的颜色变化的大小

tanAngle: 120 //0-360

修改了变成如下图片,是不是不一样了!

评论