Mask and images?

fedyfausto · 2013-05-27 22:05:36 UTC

hello guys, i have an image into an entity and i wanna show this in vertical for example for life quantity (like a big heart red), exist any solution like MASK of image like rectagle and resize (for example in heigth) this and show the quantity of life ?

zachwlewis · 2013-05-28 06:51:37 UTC

You can use the drawMask property of Image to specify a masked area.

Demo
Source

Here’s the important part:

github.com

zachwlewis/mustached-bear/blob/master/src/ClipExampleWorld.as

package  
{
	import flash.display.BitmapData;
	import flash.geom.Rectangle;
	import net.flashpunk.FP;
	import net.flashpunk.graphics.Image;
	import net.flashpunk.World;
	
	/**
	 * An example of using image clipping to create a filling effect.
	 * @author Zachary Lewis (http://zacharylew.is)
	 */
	public class ClipExampleWorld extends World 
	{
		protected var heartBackground:Image;
		protected var heartFill:Image;
		
		protected var clippingMask:BitmapData;
		protected var clippingArea:Rectangle;

This file has been truncated. show original

fedyfausto · 2013-05-30 09:38:14 UTC

and if i need the animation bottom TO top? :0

chjolo · 2013-05-30 14:52:20 UTC

Then you adjust the clippingArea height instead of width.

Skelyton · 2013-09-13 00:02:03 UTC

I’m having issues with masks myself. I want to use an image for my mask, instead of a rectangle. I’ve tried converting the image to a BitmapData with .source, but I can’t get that to work. I might have the syntax wrong. Can anyone help me with this?