Skip to content

Image support #5

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
mnordine wants to merge 7 commits into
base: master
Choose a base branch
from
Open

Image support #5

Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
024dabe
Change StageXL dep
mnordine Oct 12, 2016
7feac4b
Update to use mnordine fork and dpi-fix branch
mnordine May 18, 2017
34626f6
Don't append .git to git url
mnordine May 18, 2017
5c0a685
Use branch that works
mnordine May 18, 2017
a4175b1
Enable image particles
mnordine Jun 29, 2017
f3f5d5d
Revert StageXL dep
mnordine Jun 29, 2017
d9a1b63
Remove space
mnordine Jun 29, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
87 changes: 54 additions & 33 deletions lib/src/particle_emitter.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ class ParticleEmitter extends DisplayObject implements Animatable {
_Particle _rootParticle;
_Particle _lastParticle;

RenderTexture _renderTexture = new RenderTexture(1024, 32, Color.Transparent);
RenderTexture _renderTexture;
List<RenderTextureQuad> _renderTextureQuads = new List<RenderTextureQuad>();
int _particleCount = 0;
num _frameTime = 0.0;
Expand All @@ -34,6 +34,8 @@ class ParticleEmitter extends DisplayObject implements Animatable {
num _endSizeVariance = 0.0;
String _shape = "circle";

BitmapData _image;

// gravity configuration
num _gravityX = 0.0;
num _gravityY = 0.0;
Expand Down Expand Up @@ -69,8 +71,20 @@ class ParticleEmitter extends DisplayObject implements Animatable {
_frameTime = 0.0;
_particleCount = 0;

for(int i = 0; i < 32; i++) {
_renderTextureQuads.add(_renderTexture.quad.cut(new Rectangle(i * 32, 0, 32, 32)));
// Just use a single render texture quad if given an image, else generate 32
_image = config['image'];
if (_image != null)
{
_renderTexture = _image.renderTexture;
_renderTextureQuads.add(_image.renderTextureQuad);
}
else
{
_renderTexture = new RenderTexture(1024, 32, Color.Transparent);

for(int i = 0; i < 32; i++) {
_renderTextureQuads.add(_renderTexture.quad.cut(new Rectangle(i * 32, 0, 32, 32)));
}
}

updateConfig(config);
Expand All @@ -81,39 +95,44 @@ class ParticleEmitter extends DisplayObject implements Animatable {

void _drawParticleTexture() {

CanvasRenderingContext2D context = _renderTexture.canvas.context2D;
context.setTransform(1.0, 0.0, 0.0, 1.0, 0.0, 0.0);
context.globalAlpha = 1.0;
context.clearRect(0, 0, 1024, 32);

for(int i = 0; i < 32; i++) {

int radius = 15;
num targetX = i * 32 + 15.5;
num targetY = 15.5;

num colorR = _startColor.red + i * (_endColor.red - _startColor.red ) / 31;
num colorG = _startColor.green + i * (_endColor.green - _startColor.green) / 31;
num colorB = _startColor.blue + i * (_endColor.blue - _startColor.blue ) / 31;
num colorA = _startColor.alpha + i * (_endColor.alpha - _startColor.alpha) / 31;

if (i == 0) colorR = colorG = colorB = colorA = 1.0;

int colorIntR = (255.0 * colorR).toInt();
int colorIntG = (255.0 * colorG).toInt();
int colorIntB = (255.0 * colorB).toInt();
// Use Canvas2D to draw if no image given
if (_image == null)
{
CanvasRenderingContext2D context = _renderTexture.canvas.context2D;
context.setTransform(1.0, 0.0, 0.0, 1.0, 0.0, 0.0);
context.globalAlpha = 1.0;
context.clearRect(0, 0, 1024, 32);

for(int i = 0; i < 32; i++) {

int radius = 15;
num targetX = i * 32 + 15.5;
num targetY = 15.5;

num colorR = _startColor.red + i * (_endColor.red - _startColor.red ) / 31;
num colorG = _startColor.green + i * (_endColor.green - _startColor.green) / 31;
num colorB = _startColor.blue + i * (_endColor.blue - _startColor.blue ) / 31;
num colorA = _startColor.alpha + i * (_endColor.alpha - _startColor.alpha) / 31;

if (i == 0) colorR = colorG = colorB = colorA = 1.0;

int colorIntR = (255.0 * colorR).toInt();
int colorIntG = (255.0 * colorG).toInt();
int colorIntB = (255.0 * colorB).toInt();

var gradient = context.createRadialGradient(targetX, targetY, 0, targetX, targetY, radius);
gradient.addColorStop(0.00, "rgba($colorIntR, $colorIntG, $colorIntB, $colorA)");
gradient.addColorStop(1.00, "rgba($colorIntR, $colorIntG, $colorIntB, 0.0)");
context.beginPath();
context.moveTo(targetX + radius, targetY);
context.arc(targetX, targetY, radius, 0, PI * 2.0, false);
context.fillStyle = gradient;
context.fill();
}

var gradient = context.createRadialGradient(targetX, targetY, 0, targetX, targetY, radius);
gradient.addColorStop(0.00, "rgba($colorIntR, $colorIntG, $colorIntB, $colorA)");
gradient.addColorStop(1.00, "rgba($colorIntR, $colorIntG, $colorIntB, 0.0)");
context.beginPath();
context.moveTo(targetX + radius, targetY);
context.arc(targetX, targetY, radius, 0, PI * 2.0, false);
context.fillStyle = gradient;
context.fill();
_renderTexture.update();
}

_renderTexture.update();
}

//-------------------------------------------------------------------------------------------------
Expand Down Expand Up @@ -159,6 +178,8 @@ class ParticleEmitter extends DisplayObject implements Animatable {
_endSizeVariance = _ensureNum(config["finishSizeVariance"]);
_shape = config["shape"];

_image = config['image'];

_locationXVariance = _ensureNum(config["locationVariance"]["x"]);
_locationYVariance = _ensureNum(config["locationVariance"]["y"]);
_speed = _ensureNum(config["speed"]);
Expand Down