Opacity Mask

Post reply

❤Follow Topic(3)

0 favourites

From the Asset Store

$19 USD

Basic template for drawing game with masks and easy customization

- AM_Games
- - Joined 12 May, 2013
  - 23 topics • 87 posts
- 1
- 27 Jan, 2014
- Quote
Hello folks,

run into a bit of a wall that I can't seem to find an answer for elsewhere.

Opacity Masks!

Bog standard "This is a health bar, extend this image over it to mask it based on current hp".

Bit of a pain working with non-rectangular/detailed health bars since you can just set the origin to the end and the adjust the width based on health, sadly this one needs a specific masked shape.

Image from the usual flash method of what i'm talking about if I wasn't clear:

<img src="https://imagizer.imageshack.us/v2/1220x645q90/23/jwxk.png" border="0" />

So yeah, how do I Opacity Mask?

Cheers, Matt
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- EncryptedCow
- - Joined 23 Oct, 2012
  - 42 topics • 597 posts
- 1
- 27 Jan, 2014
- Quote
Use a tiled background and set the width. Instead of scaling it, it will just cut off the parts that dont fit.
- AM_Games
- - Joined 12 May, 2013
  - 23 topics • 87 posts
- 1
- 27 Jan, 2014
- Quote
That's... genius! Will more than do for this project if there's no actual opacity mask functions.

Thanks EncryptedCow
- LittleStain
- - Joined 26 Apr, 2011
  - 23 topics • 6,122 posts
- 1
- 27 Jan, 2014
- Quote
Opacity masks do exist.

Open up the blendmode example shipped with Construct2 to see all possibilities.

For this I would recommend tiledbackground though.