ActionScript鼠标跟随粒子特效

鼠标跟随的粒子特效,挺适合想做点酷炫交互效果的你。整个效果是围绕鼠标动来动去的粒子系统展开的,互动感强,视觉上也蛮吸睛的。你只要一动鼠标,舞台上的小粒子就开始飘,追着光标跑,像极了烟火、星尘那类灵动的动画。

核心就是监听onMouseMove事件,拿到鼠标坐标后生成粒子或者调整方向、速度这些参数。ActionScript里起来也不难,addEventListener一挂,响应也快,代码也清晰。

Flash 的项目里,粒子系统是个大头。可以用 Flash 自带的粒子库,比如ParticleSystem那一类,也可以自定义一个Particle类,给它加上x/y 坐标alphalife这些属性。更新的时候就是一轮轮地重绘,每帧都刷新状态。

如果你打算自己撸这个特效,图形渲染那块得熟悉点,比如graphics.drawCircle这类 API 用得顺,才能画得顺。效果自然不自然,关键在物理模拟上,像加速度、角度、摩擦力这些因素,好了看起来就不会假。

不过提醒一下,粒子多了吃性能。建议你限制数量,或者用bitmap caching、合批渲染那类优化手段。不然一堆粒子全实时刷新,老机子估计直接喘不上气。

感兴趣可以看看这个Flash 项目,代码结构挺清晰的,能看到完整实现。要是你想把这效果搬到 HTML5 或者three.js上,也有参考资料,直接上:

如果你还在用 Flash 搞视觉交互,那这个粒子跟随效果值得一看;如果你转到 HTML5,也能借鉴它的粒子控制思路,思路通了,平台怎么换都不怕。

rar 文件大小:9.79KB