Interactive color change

[linem]

Hello,

I am using this example to change the alpha of a graphics object at mousehover, but is it possible to change the color of the object as well?

In the example code, when changing the value of the alpha property the drawn object is automatically updated at the mouse event, but I cannot make the same happen with color change.
I can get the color to change by updating the color property and running lineStyle and drawCircle again but then the alpha is not responsive anymore.

// make circle non-transparent when mouse is over it
circle.mouseover = function(mouseData) {
  this.lineStyle(5, 0xFF0000, 1);
  this.drawCircle(150, 150, 100);
  this.alpha = 1;
}

// make circle half-transparent when mouse leaves
circle.mouseout = function(mouseData) {
  this.alpha = 0.5;
}

 

Thanks!

[ivan.popelyshev]

this.tint = 0x00ff00 . Color of shapes inside is multiplied by that parameter, so its better to meka white circle and tint it. Also if you want 10000 circles or so (people like that) you should look into generateTexture and use sprite instead, with same approach: change tint.

[linem]

Works perfectly. Thank you!