how to get a glowing effect around an object

Hello!

I have a simple puzzle game where you move boxes inside a grid. I would like to add a glowing feel to my boxes, similar to for example this: http://www.148apps.com/wp-content/uploads/2013/07/BlockBlockBlock-07.png

What would be the best way to do this? My boxes are currently rectangles with some fill color (not images). Can you add a filter on top of the whole grid that just blurrs everything? Or should I add transparant PNG’s on top of my boxes to add the glow? But then how do both the boxes and the above transparant glow move in the same transition movements?

Thanks!

If the boxes are always supposed to be highlighted, I would use a single image with the box + glow

If the boxes are supposed to only be highlighted on some user action, I would use a sprite. Frame 1 would be no highlight, frame 2 with highlight. See tutorial http://coronalabs.com/blog/2013/05/14/sprites-and-image-sheets-for-beginners/

If you really want to use a rectangle and a glow PNG on top of it, you can insert both into a display group, then transition the group. They will then move together.

If the boxes are always supposed to be highlighted, I would use a single image with the box + glow

If the boxes are supposed to only be highlighted on some user action, I would use a sprite. Frame 1 would be no highlight, frame 2 with highlight. See tutorial http://coronalabs.com/blog/2013/05/14/sprites-and-image-sheets-for-beginners/

If you really want to use a rectangle and a glow PNG on top of it, you can insert both into a display group, then transition the group. They will then move together.