10

我女儿说要看雪,但是我家在南方,于是我默默的拿起了键盘,下雪咯。

 3 years ago
source link: https://blog.csdn.net/dkm123456/article/details/112204855
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

我女儿说要看雪,但是我家在南方,于是我默默的拿起了键盘,下雪咯。

original.png
置顶 人生行者 2021-01-04 22:03:41 articleReadEyes.png 679

目录

效果图:

初始化雪花

让雪花动起来

当雪花遇到边界(最下面、最右边),就重新设定参数回到最顶上,循环往下飘

现在可以看到雪花了,但是雪花会一股脑的落下,不好看,所以设定一个参数来控制,一次落下多少个。

运行后发现左边会没有雪,因为是往右飘的,那设置X为负的再往右飘就可以了

飘雪

完整代码

欢迎指正!记得三连哦!


初始化雪花

var left = this.getRandomThings('left');  设置left为随机,这样就可以横向分布在空中了。

 var top = this.getRandomThings('top'); 设置top,都默认在顶上,隐藏了起来。

让雪花动起来

当雪花遇到边界(最下面、最右边),就重新设定参数回到最顶上,循环往下飘

现在可以看到雪花了,但是雪花会一股脑的落下,不好看,所以设定一个参数来控制,一次落下多少个。

当雪花的数量可以整除downSize的时候,就加一秒的时间,再执行,就可以一秒下一部分雪花,当然时间还可以再修改,这个downSize可以在初始化的时候传入。

运行后发现左边会没有雪,因为是往右飘的,那设置X为负的再往右飘就可以了

现在是匀速下落的,需要更改一下速度,让它一会快一会慢就能感觉到是飘着的,每次执行下落动画的时候,判断随机数是否大于0.5,大于就加一点,小于就减一点,用一个系数控制就好。

欢迎指正!记得三连哦!


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK