[ActionScript 3] 分享一个超强大的starling粒子编辑器和简单的使用教程

http://bbs.9ria.com/thread-208546-1-1.html

粒子编辑器网址:http://onebyonedesign.com/flash/particleeditor/

说明:
Emiiter type 可选两种粒子运动方式:Gravity和Radial
Edit Texture 可以选择粒子的基本图形,除了系统提供的星形圆形外,还可以上传自己的图形。
Export Particle 导出粒子文件(我最喜欢这个功能了)

其余的滑竿就是控制数值变化操作了,这个我就不解释了,大家去随便拖几个看看,每改变数值都会使粒子运动产生变化,老实说,我也看不懂那些变化是啥意思,所以还不能做到随心所欲的控制粒子发生,这个还望大神们指点。

下面是本菜使用生成的粒子使用示例:

截个效果图先:

很漂亮啊!

在网站里按Export Particle 导出粒子文件后,你会拥有一个压缩包,解压,会看到两个文件,一个png,一个pex
首先我们要在项目根目录里建一个Assets文件夹(如果有了就不用建了),把那两个文件放在这里面。


代码:


starling启动类:(做过starling的都知道,没做过的话.....我也解释不了)

  1. package particle {
  2. import starling.core.Starling;
  3.         import flash.display.Sprite;

  4.         /**
  5.          * @author portal
  6.          */
  7.          [SWF(backgroundColor="#000000", frameRate="60", width="640", height="480")]
  8.         public class ParticleTest extends Sprite {
  9.                
  10.                 private var mStarling:Starling;
  11.                
  12.                 public function ParticleTest() {
  13.                         mStarling = new Starling(ParticleDemo, stage);
  14.                         mStarling.start();
  15. //addChild(new Stats());
  16.                 }
  17.         }
  18. }
复制代码


主类:(代码很少,例子很简单)
  1. package particle {
  2.         import starling.core.Starling;
  3.         import starling.events.Event;
  4.         import starling.textures.Texture;
  5.         import starling.extensions.PDParticleSystem;
  6.         import starling.display.Sprite;

  7.         /**
  8.          * @author portal
  9.          */
  10.         public class ParticleDemo extends Sprite {
  11.                
  12.                 [Embed(source="../assets/texture.png")]
  13.                 private static const myParticle : Class;
  14.                
  15.                 [Embed(source="../assets/particle.pex",mimeType="application/octet-stream")]
  16.                 private static const myParticleXML : Class;
  17.                
  18.                 private var pdSystem:PDParticleSystem;
  19.                
  20.                 public function ParticleDemo() {
  21.                         var xml:XML = XML(new myParticleXML);
  22.                         var texture:Texture = Texture.fromBitmap(new myParticle());
  23.                         pdSystem = new PDParticleSystem(xml, texture);
  24.                         addEventListener(Event.ADDED_TO_STAGE, onAddedToStage);
  25.                 }
  26.                
  27.                 private function onAddedToStage(event:Event):void
  28.         {
  29.                         pdSystem.emitterX = 100;   //调位置而已
  30.                         pdSystem.emitterY = 200;
  31.                         addChild(pdSystem);    //记得要加入显示列表
  32.                         pdSystem.start();        //开始播放
  33.                         Starling.juggler.add(pdSystem);   //粒子是动画对象,starling是用juggler对象管理动画的
  34.                 }
  35.         }
  36. }
复制代码
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值