tinting particles to say pink color (any color), always returns black particles

[kriket]

So when my player overlaps a coin for example, I have a particle effect. I use 

        this.emitterUp.forEach(function(particle) {          particle.tint = 0xFF0066;        });

to tint particles to no avail. No matter whether hex code is pink, red, green, my particle effect always has black particles. The image I use initially to makeParticles is not even black. Its green. 

 

 

FULL CODE:

 

In Create(),

 

    this.emitterUp = this.game.add.emitter(0, 0, 20);    this.emitterUp.makeParticles('explode_green');    this.emitterUp.gravity = 400;

In Update(),

 

    this.game.physics.arcade.overlap(this.player, this.collectable, this.oneUp, null, this);

oneUp: function(a,b,c,d){   b.kill();     this.emitterUp.x = this.player.x;   this.emitterUp.y = this.player.y;   this.emitterUp.start(true, 1400, null, 20);   this.emitterUp.forEach(function(particle) {          particle.tint = 0xFF0066;   });},

 

[jmp909]

according to this it should work

http://phaser.io/sandbox/KqTqXLUy/play

[chongdashu]

Could be the fact that their sprite is green. The tint is additive, and would end up making the entire sprite dark. @jmp909, could you try with a greenish sprite?

[jmp909]

try link again.. yes it is quite dark

http://phaser.io/sandbox/KqTqXLUy/play

[kriket]

guys how can i reset the tint of the sprite then, since adding a new color means its additive. Docs mentioned a value of "A value of 0xFFFFFF will remove any tint effect." but its still giving me a pitch black color. 

 

oneUp: function(a,b,c,d){        b.kill();     this.emitterUp.x = this.player.x;   this.emitterUp.y = this.player.y;this.emitterUp.start(true, 1400, null, 20);        this.emitterUp.forEach(function(particle) {//          particle.tint = 0xFFFFFF;//          particle.reset();          particle.tint = this.chosenColor;        });},

[chongdashu]

0xFFFFFF should reset it back to normal.

[kriket]

0xFFFFFF should reset it back to normal.

 

It does. but not in my game. Let me check again pls

[jmp909]

try 

console.log(this.chosenColor == 0xFFFFFF) 

is it true or false?

[jmp909]

you're only calling it once and that's set to red

 

i put it in the update loop here.. not ideal but you can see it works

http://phaser.io/sandbox/KqTqXLUy/play (wrong link)

[kriket]

try 

console.log(this.chosenColor = 0xFFFFFF) 

is it true or false?

 

 

What I am trying to do is set tint to 0xFFFFFF and then set the color to chosenColor. ChosenColor is a randomnly chosen color from an array (ie red, greed, etc).  My starting images color is white as well.

[jmp909]

sorry that should have been an ==

 

anyway, tints aren't cumulative. you don't need to set it to white then the new colour

[kriket]

But someone mentioned above they are additive, so I thought setting to white, which according to phaser resets it, (and takes my sprite back to its default white color), and that way any other tint will be red or green and not black??

 

So how can I tint to a random color from an array of colors?

[jmp909]

did you check you've got this.chosenColor in the right scope? is it = 0xFFFFFF ? or undefined.

 

and no you don't need to reset it first.

var colors = [0xFF0000, 0x00FF00, 0x0000FF]chosenColor = Phaser.ArrayUtils.getRandomItem(colors)

[kriket]

 

did you check you've got this.chosenColor in the right scope? is it = 0xFFFFFF ? or undefined.

 

and no you don't need to reset it first.

var colors = [0xFF0000, 0x00FF00, 0x0000FF]chosenColor = Phaser.ArrayUtils.getRandomItem(colors)

 

 

I have uploaded a really basic prototype at http://icey.site44.com/

 

Scope seems fine to me. Console.log is not undefined. 

[jmp909]

no.... log here

this.emitterUp.forEach(function(particle) {  // particle.tint = 0xFFFFFF;  // particle.reset();  console.log(this.chosenColor) // <== *** 'this' points to emitter, no? ***  particle.tint = this.chosenColor;});

well i'm not sure what 'this' points to actually.

[kriket]

 

no.... log here

this.emitterUp.forEach(function(particle) {  // particle.tint = 0xFFFFFF;  // particle.reset();  console.log(this.chosenColor) // <== *** 'this' points to emitter, no? ***  particle.tint = this.chosenColor;});

 

 

You are right. By moving the log line, its now giving undefined. FIXED IT!! was missing this at the end. Ashamed.

[jmp909]