粒子螺旋发射效果

lut_456

pstatus"> 本帖最后由 lut_456 于 2013-5-2 16:08 编辑

是一个粒子由中间向四周螺旋发射的效果。
利用三角函数和不断递增的半径实现螺旋运动。
原理相同，代码重新实现（源代码看得我阵阵蛋痛，可能是编程习惯不同吧）。

1. package {
   
2.         import flash.display.*;
   
3.         import flash.events.*;
   
4.         import flash.geom.*;
   
5. 
   
6.         /**
   
7.          * 参考 http://wonderfl.net/c/wk4T
   
8.          * @author http://www.ssnangua.com
   
9.          */
   
10.         [SWF(width=465, height=465)]
    
11.         public class ParticleBulletMain extends Sprite
    
12.         {
    
13.                 private var canvas_bd:BitmapData;
    
14.                 private var ctf:ColorTransform = new ColorTransform( 1, 1, 1, 0.9 );//颜色转换：alpha通道*0.9
    
15.                 private var bulletArr:Array = new Array();
    
16.                 private var mtx:Matrix = new Matrix();//绘制时使用到的矩阵，用于偏移绘制坐标
    
17.                
    
18.                 public function ParticleBulletMain () {
    
19.                         canvas_bd = new BitmapData( stage.stageWidth, stage.stageHeight, false, 0x000000 );
    
20.                         addChild( new Bitmap( canvas_bd ) );
    
21.                        
    
22.                         addEventListener( Event.ENTER_FRAME, enterFrameEvt );
    
23.                 }
    
24.                
    
25.                 private function enterFrameEvt( e:Event ):void {
    
26.                         //不断添加Bullet
    
27.                         for ( var i:int = 0; i < 3; i++ ) {
    
28.                                 var bullet:Bullet = new Bullet(stage.stageWidth/2, stage.stageHeight/2);//舞台中间
    
29.                                 bulletArr.push(bullet);//添加到数组
    
30.                         }
    
31.                        
    
32.                         //绘制前锁定BitmapData
    
33.                         canvas_bd.unlock();
    
34.                         //绘制
    
35.                         for (var j:int = 0; j < bulletArr.length; j++) {
    
36.                                 var bullet:Bullet = bulletArr[j] as Bullet;
    
37.                                 bullet.update();//更新bullet
    
38.                                
    
39.                                 //如果bullet超出画布范围，移除bullet，不进行绘制
    
40.                                 if (canvas_bd.rect.contains(bullet.x, bullet.y) == false) {
    
41.                                         var index:int = bulletArr.indexOf(bullet);
    
42.                                         if (index != -1) {
    
43.                                                 bulletArr.splice(index, 1);
    
44.                                         }
    
45.                                         continue;
    
46.                                 }
    
47.                                
    
48.                                 mtx.identity();
    
49.                                 mtx.tx = bullet.x;
    
50.                                 mtx.ty = bullet.y;
    
51.                                 canvas_bd.draw( bullet, mtx );//绘制bullet
    
52.                         }
    
53.                         //应用颜色转换，降低BitmapData透明度
    
54.                         canvas_bd.colorTransform( canvas_bd.rect, ctf );
    
55.                         //绘制完成解锁BitmapData
    
56.                         canvas_bd.lock();
    
57.                 }
    
58.                
    
59.         }
    
60.        
    
61. }
    
62. 
    
63. import flash.display.Shape;
    
64. 
    
65. class Bullet extends Shape
    
66. {
    
67.         private var v:Number;//速度
    
68.         private var a:Number;//加速度
    
69.         private var r:Number;//运动半径
    
70.         private var vx:Number;//x速度
    
71.         private var vy:Number;//y速度
    
72.         private var vr:Number;//半径速度
    
73.        
    
74.         public function Bullet(x:Number, y:Number):void {
    
75.                 this.x = x;
    
76.                 this.y = y;
    
77.                
    
78.                 v = 3 * Math.random();//随机速度
    
79.                 r = 2 * Math.PI * Math.random();//随机初始半径
    
80.                 a = 0.1;
    
81.                 vr = 0.03;
    
82.                
    
83.                 draw();//绘制
    
84.         }
    
85.         private function draw():void {
    
86.                 var size:Number = 1 + 4*Math.random();//随机大小
    
87.                 var color:uint = 0xffffff * Math.random();//随机颜色
    
88.                 this.graphics.beginFill(color);
    
89.                 this.graphics.drawCircle(0, 0, size);
    
90.                 this.graphics.endFill();
    
91.         }
    
92.        
    
93.         //更新
    
94.         public function update():void {
    
95.                 v += a;
    
96.                 r += vr;
    
97.                 vx = v * Math.cos( r );
    
98.                 vy = v * Math.sin( r );
    
99.                 x += vx;
    
100.                 y += vy;
     
101.         }
     
102. }

复制代码

shenyg77

不错的资源，感谢楼主分享，支持下

oelongeo

很棒的资源,谢谢楼主分享...顶一下

icon

pstatus"> 本帖最后由 比巴卜 于 2013-10-28 08:57 编辑

lash AS3制作个性的旋转圆形网页导航，最终效果如下。