[SOLVED] ParticleSystem extension - Enhancement Request

Starling Forum » Starling Framework » General Discussion

[SOLVED] ParticleSystem extension - Enhancement Request

(10 posts) (4 voices)

Started 1 year ago by vync79
Latest reply from AmiFlash

Tags:

No tags yet.

vync79

Competent Bird
Joined: Mar '12
Posts: 33

Hi Daniel,

first of all let me tell you I am a big fan of Starling in general and the ParticleSystem extension in particular.

For my project, I needed to implement a particle system for which the emitter is actually a animatable Bezier path.
In order to do such, I extended the ParticleDesignerPS class to benefit from the nice support of .pex init files and I added my code to control the particles init position from the Bezier path.

However I needed to access the PDParticle class as well in order to control some of its properties from my own class. The issue is that the PDParticle class is not accessible as it is in not a public class in its own file.
I changed this locally in order to be able to do it however I will have to redo this modif every time I update to a newer version of ParticleSystem.

I was wondering whether it would be possible for you to put the PDParticle class definition in its own file for people that would like to subclass ParticleDesignerPS as I do.

Let me know your thoughts.

Cheers.

Posted 1 year ago #
Daniel

Primary Feather
Joined: Jan '10
Posts: 2,328

Thanks for the nice words & welcome to the forum! =)

I understand what you mean, that makes sense! I guess it doesn't hurt to move it to its own file. I'll do so in the next major update of the particle system!

Posted 1 year ago #
vync79

Competent Bird
Joined: Mar '12
Posts: 33

Thanks Daniel !

Posted 1 year ago #
vync79

Competent Bird
Joined: Mar '12
Posts: 33

Big thanks Daniel, I see you integrated the modification on GitHub. That's going to make my life easier !

Posted 1 year ago #
AmiFlash

Senior Bird
Joined: Dec '11
Posts: 78

"For my project, I needed to implement a particle system for which the emitter is actually a animatable Bezier path."

Hi,

have you managed to implements the particle system to follow an animated bezier path? I'm looking for something similar in Starling.
I'm trying to use this Lightning class with Starlin: http://blog.oaxoa.com/2009/07/27/actionscript-3-as3-lightning-thunderbolt-electric-discharge-class/

but it's not so easy.

Posted 1 year ago #
vync79

Competent Bird
Joined: Mar '12
Posts: 33

Hi AmiFlash,

I have something working but the code is not very clean. I'll try to clean it up a bit and post something so you may have a look at it.

Cheers.

Posted 1 year ago #
AmiFlash

Senior Bird
Joined: Dec '11
Posts: 78

Thank you vync

Posted 1 year ago #
Daniel

Primary Feather
Joined: Jan '10
Posts: 2,328

You're welcome, vync! I'm glad I could help! =)

Posted 1 year ago #

DrSchizo

Competent Bird
Joined: Feb '13
Posts: 33

I didn't try to convert the effect on Starling, but here is how I did it by using flash native overlay. I hope it will help some people.

I downloaded the class from here then created two new classes:
- MyLightning that is creating, adding and updating the lightning effect.
- LightningType that defines some preset lightning effects (you can make up your own).

package com.oaxoa.fx {
	import flash.display.Sprite;
	import flash.display.StageAlign;
	import flash.display.StageScaleMode;
	import flash.events.Event;
	import com.oaxoa.fx.Lightning;
	import com.oaxoa.fx.LightningFadeType;
	import flash.filters.GlowFilter;
 
	public class MyLightning extends Sprite {
 
		private var lightning:Lightning;
		private var glow:GlowFilter;
 
		public function MyLightning() {
 
			lightning = new Lightning();
			addChild(lightning);
 
			glow = new GlowFilter();
			glow.strength = 3.5;
			glow.quality = 3;
			glow.blurX = glow.blurY = 10;
			lightning.filters = [glow];
 
			addEventListener(Event.ADDED_TO_STAGE, onAddedToStage);
			addEventListener(Event.REMOVED_FROM_STAGE, onRemovedFromStage);
		}
 
		public function init(_startX:int, _startY:int, _endX:int, _endY:int, _type:String = 'discharge', _color:uint = 0xddeeff):void {
			lightning.color = _color;
			lightning.startX = _startX;
			lightning.startY = _startY;
			lightning.endX = _endX;
			lightning.endY = _endY;
 
			glow.color = _color;
			lightning.filters = [glow];
 
			LightningType.setType(lightning, _type);
		}
 
        	private function onAddedToStage(event:Event):void{
			addEventListener(Event.ENTER_FRAME, onFrame);
        	}
 
        	private function onRemovedFromStage(event:Event):void{
			removeEventListener(Event.ENTER_FRAME, onFrame);
        	}
 
		private function onFrame(event:Event):void {
			lightning.update();
		}
	}
}

package com.oaxoa.fx {
	public class LightningType {
		public static const DISCHARGE:String = "discharge";
		public static const LIGHTNING:String = "lightning";
		public static const SHOCK:String = "shock";
 
		public static function setType(lightning:Lightning, type:String):void
		{
			switch(type) {
				case 'discharge' :
					lightning.childrenLifeSpanMin = 1;
					lightning.childrenLifeSpanMax = 3;
					lightning.childrenProbability = 1; // [0,1]
					lightning.childrenMaxGenerations = 3;
					lightning.childrenMaxCount = 4;
					lightning.childrenAngleVariation = 110;
					lightning.thickness = 2;
					lightning.steps = 100;
					lightning.smoothPercentage = 50; // [0,100]
					lightning.wavelength = .3;
					lightning.amplitude = .5;
					lightning.speed = .7;
					lightning.maxLength = 0;
					lightning.maxLengthVary = 0;
					lightning.childrenDetachedEnd = false; // true = lightning ; false = discharge
					lightning.alphaFadeType = LightningFadeType.GENERATION;
					lightning.thicknessFadeType = LightningFadeType.NONE;
					break;
				case 'lightning' :
					lightning.childrenLifeSpanMin = .1;
					lightning.childrenLifeSpanMax = 2;
					lightning.childrenProbability = 1;
					lightning.childrenMaxGenerations = 3;
					lightning.childrenMaxCount = 4;
					lightning.childrenAngleVariation = 130;
					lightning.thickness = 3;
					lightning.steps = 100;
					lightning.smoothPercentage = 50;
					lightning.wavelength = .3;
					lightning.amplitude = .5;
					lightning.speed = 1;
					lightning.maxLength = 0;
					lightning.maxLengthVary = 0;
					lightning.childrenDetachedEnd = true;
					lightning.alphaFadeType = LightningFadeType.TIP_TO_END;
					lightning.thicknessFadeType = LightningFadeType.GENERATION;
					break;
				case 'shock' :
					lightning.childrenLifeSpanMin = .1;
					lightning.childrenLifeSpanMax = 2;
					lightning.childrenProbability = 1;
					lightning.childrenMaxGenerations = 4;
					lightning.childrenMaxCount = 6;
					lightning.childrenAngleVariation = 10;
					lightning.thickness = 5;
					lightning.thickness = 3;
					lightning.steps = 100;
					lightning.smoothPercentage = 50;
					lightning.wavelength = .3;
					lightning.amplitude = .5;
					lightning.speed = 1;
					lightning.maxLength = 0;
					lightning.maxLengthVary = 0;
					lightning.childrenDetachedEnd = true;
					lightning.alphaFadeType = LightningFadeType.TIP_TO_END;
					lightning.thicknessFadeType = LightningFadeType.GENERATION;
					break;
			}
		}
	}
}

Then, you just have to add a new lightning like this:

var lightning:MyLightning = new MyLightning();
lightning.init(100,100,300,100,LightningType.DISCHARGE,0xddeeff);
Starling.current.nativeOverlay.addChild(lightning);

The lightning will then appear on the top of your content (Stage3D is under the native stage). The only problem with that solution is that it has to be on top of everything.

I hope that will help:

Posted 1 month ago #

AmiFlash

Senior Bird
Joined: Dec '11
Posts: 78

Thank you very much for this.

Posted 1 month ago #

RSS feed for this topic

Reply

You must log in to post.