Need some help about doing some effects

cocos2d-x JavaScript
#1

Hay every one how’re you doing?
I was doing an RPG game and needed some help doing some effects in it.

note: I’ve taken few screen shots from FaceBook game called Marvel Avengers to illustrate better what I want

First effect: darken sprite
That’s the normal hero sprites: http://imageshack.us/photo/my-images/19/lightdd.png/
I want to darken the heroes: http://imageshack.us/photo/my-images/690/darkqi.png/

Second effect: glowing effect
when I hover over a hero sprite I want to show glowing effect over any of my sprites: http://imageshack.us/photo/my-images/713/hovera.png/

I’d appreciate any help on how to make these effects using Cocos2d-HTML5.
Thanks in advance


light.png (478.7 KB)

#2

Darken the sprite

Method 1
tint the sprite with a grey color

Method 2
get a black silhouette version of the sprite, super impose it on top, set opacity.

Glow
get a white/yellow silhouette version of the sprite, Gaussian blur it by few pixels, place behind the original sprite

doing in the fly is too costly, therefore, you need to prepare those glow sprites beforehand