正在加载
请稍等

菜单

Home 码农菜园 前端视界 我的PG-炫光特效
Home 码农菜园 前端视界 我的PG-炫光特效

我的PG-炫光特效

前端视界 by   阅读量 3,083

这次的案例是炫光特效,会动的点、线和光圈,效果是这样:

炫光特效

可以看出动画是由8个类似的效果组合出来的,彼此之间相位差为PI/8,每个效果包括头部的点和光圈,以及长长的尾部,来看看代码。

涉及到了两个类,Particle和particleManager。每个particleManager对应一条尾部轨迹,包含多个Particle,而每个Particle则为轨迹中的一个小矩形。setup()函数中添加了8个particleManager并为它们分配了不同的两个参数,分别对应轨迹的旋转角度和动画相位。

在draw()函数中,首先根据当前的全局相位incr为8个轨迹画上头部的点、头部外部的光圈、以及头部周围模糊的光带,其中光带的颜色根据对应相位设置;然后调用每个particleManager的run(),会添加新的Particle、移除超时的Particle,并调用每个Particle的run(),该函数将调整每个Particle所对应矩形的位置和着色,并减少对应Particle的生命周期。

27 2016-06

2条评论

  1. 匿名说道:

    666

  2. 匿名说道:

    简直偶像

发表评论