分享一个超强大的starling粒子编辑器和简单的使用教程
2013-05-31 12:28
393 查看
我对粒子这方面的知识一无所知,但是看到各种炫的效果后彻底被征服了,粒子这玩意对我这数学盲来说太难搞了,最近学starling得知有个扩展的粒子系统,偶然逛论坛发现一强大的粒子编辑器,不敢独吞,拿出来大家玩玩,超爽。
粒子编辑器网址:http://onebyonedesign.com/flash/particleeditor/
说明:
Emiiter type 可选两种粒子运动方式:Gravity和Radial
Edit Texture 可以选择粒子的基本图形,除了系统提供的星形圆形外,还可以上传自己的图形。
Export Particle 导出粒子文件(我最喜欢这个功能了)
其余的滑竿就是控制数值变化操作了,这个我就不解释了,大家去随便拖几个看看,每改变数值都会使粒子运动产生变化,老实说,我也看不懂那些变化是啥意思,所以还不能做到随心所欲的控制粒子发生,这个还望大神们指点。
下面是本菜使用生成的粒子使用示例:
截个效果图先:
很漂亮啊!
在网站里按Export Particle 导出粒子文件后,你会拥有一个压缩包,解压,会看到两个文件,一个png,一个pex
首先我们要在项目根目录里建一个Assets文件夹(如果有了就不用建了),把那两个文件放在这里面。
代码:
starling启动类:(做过starling的都知道,没做过的话.....我也解释不了)
主类:(代码很少,例子很简单)
原文链接:分享一个超强大的starling粒子编辑器和使用教程
粒子编辑器网址:http://onebyonedesign.com/flash/particleeditor/
说明:
Emiiter type 可选两种粒子运动方式:Gravity和Radial
Edit Texture 可以选择粒子的基本图形,除了系统提供的星形圆形外,还可以上传自己的图形。
Export Particle 导出粒子文件(我最喜欢这个功能了)
其余的滑竿就是控制数值变化操作了,这个我就不解释了,大家去随便拖几个看看,每改变数值都会使粒子运动产生变化,老实说,我也看不懂那些变化是啥意思,所以还不能做到随心所欲的控制粒子发生,这个还望大神们指点。
下面是本菜使用生成的粒子使用示例:
截个效果图先:
很漂亮啊!
在网站里按Export Particle 导出粒子文件后,你会拥有一个压缩包,解压,会看到两个文件,一个png,一个pex
首先我们要在项目根目录里建一个Assets文件夹(如果有了就不用建了),把那两个文件放在这里面。
代码:
starling启动类:(做过starling的都知道,没做过的话.....我也解释不了)
package particle { import starling.core.Starling; import flash.display.Sprite; /** * @author portal */ [SWF(backgroundColor="#000000", frameRate="60", width="640", height="480")] public class ParticleTest extends Sprite { private var mStarling:Starling; public function ParticleTest() { mStarling = new Starling(ParticleDemo, stage); mStarling.start(); //addChild(new Stats()); } } }
主类:(代码很少,例子很简单)
package particle { import starling.core.Starling; import starling.events.Event; import starling.textures.Texture; import starling.extensions.PDParticleSystem; import starling.display.Sprite; /** * @author portal */ public class ParticleDemo extends Sprite { [Embed(source="../assets/texture.png")] private static const myParticle : Class; [Embed(source="../assets/particle.pex",mimeType="application/octet-stream")] private static const myParticleXML : Class; private var pdSystem:PDParticleSystem; public function ParticleDemo() { var xml:XML = XML(new myParticleXML); var texture:Texture = Texture.fromBitmap(new myParticle()); pdSystem = new PDParticleSystem(xml, texture); addEventListener(Event.ADDED_TO_STAGE, onAddedToStage); } private function onAddedToStage(event:Event):void { pdSystem.emitterX = 100; //调位置而已 pdSystem.emitterY = 200; addChild(pdSystem); //记得要加入显示列表 pdSystem.start(); //开始播放 Starling.juggler.add(pdSystem); //粒子是动画对象,starling是用juggler对象管理动画的 } } }
原文链接:分享一个超强大的starling粒子编辑器和使用教程
相关文章推荐
- [ActionScript 3] 分享一个超强大的starling粒子编辑器和简单的使用教程
- 【知识分享】MarkDown编辑器简单使用
- 使用 ADD-ON SDK 开发 基于 Html JQuery 和 CSS 的 firefox 插件入门教程1: 创建一个简单的 Add-on
- 【iOS开发】 CoreText 使用教程:以创建一个简单的杂志应用为例
- iOS开发】 CoreText 使用教程:以创建一个简单的杂志应用为例
- (译)如何使用cocos2d来做一个简单的iphone游戏教程(第一部分)
- Win32汇编教程三 一个简单的对话框 --- 兼谈资源文件的使用
- iOS开发】 CoreText 使用教程:以创建一个简单的杂志应用为例
- (译)如何使用GameCenter制作一个简单的多人游戏教程:第一部分
- 【Bugly干货分享】一起用 HTML5 Canvas 做一个简单又骚气的粒子引擎
- 如何使用kobold2d来做一个简单的iphone游戏教程(第一部分)
- 如何使用kobold2d来做一个简单的iphone游戏教程(第二部分)
- 如何使用kobold2d来做一个简单的iphone游戏教程(第六部分)
- Win32汇编教程三 一个简单的对话框 --- 兼谈资源文件的使用
- 分享:一个简单HTML编辑器
- 如何使用cocos2d来做一个简单的iphone游戏教程(第一部分)
- 【ROS总结】教程Actionlib——使用Execute Callback编写一个简单的行为服务器
- 【iOS开发】 CoreText 使用教程:以创建一个简单的杂志应用为例
- (译)如何使用GameCenter制作一个简单的多人游戏教程:第一部分
- Java中使用正则表达式的一个简单例子及常用正则分享