求网页实在(点亮)点心效果的方法,JS特效能实现吗?

OSC老司机 发布于 02/08 19:13
阅读 920
收藏 1

想要在网页上实现点心的效果,就是快手上主播妹子常说的谢谢点亮,先看图

快手点亮效果

这是快手截图效果,手指点点就有各种颜色的爱心往上飘~~  接着看图2

网页点亮点心效果

分页按钮左边也有一个红心(喜欢)按钮, 能不能实现点击喜欢的时候屏幕也飘出许多各色的爱心, jQuery 能实现吗? 有没有现存的代码或案例?

----------------------------------------------------

20180205 15:57 update

!!! 基本特效已经完成,感觉各位老哥的指点和帮助。

网上找了一个现存的代码修改而来, HTML5 canvas  实现 。

加载中
0
大洋的顶端
大洋的顶端

最好的办法时canvas来做  

OSC老司机
OSC老司机
好像很复杂啊,怎么画个心形
0
learn_progress
learn_progress

1.写好心形CSS

2.选定心形出现(x,y)、消失位置(xe,ye)

3.jq随机生成。初始大小、颜色、心形个数

4.jq对每个心形y坐标递加 并在一定范围内随机生成x坐标 并判断y坐标是否等于指定y坐标(y = ye)。如等于则消失;如不等于则继续递加(y != ye)。

 

0
刘学炜
刘学炜

这看样子是要做咻咻咻的网站啊

0
梅开源
梅开源

onclick

   随机生成几种class之一的半透明的层,在一个区域内随机坐标,层的css里背景用不同颜色心图片,

   再用sin之类函数做一个图层的起始点,位置和时间之间的曲线摇摆关系,初中数学而已。

简单点,去看各种语言怎么生成雪花飘的源码。

返回顶部
顶部