How to make a Mask?

Post reply

❤Follow Topic(11)

0 favourites

26 posts
- 1
- 2

From the Asset Store

Simple Drawing Canvas With Masks

$19 USD

Basic template for drawing game with masks and easy customization

marcelokohl

- TastyBytes
- - Joined 19 Oct, 2011
  - 20 topics • 110 posts
- 1
- 23 Dec, 2011
- Quote
I will try. <img src="smileys/smiley24.gif" border="0" align="middle" />

(The problem was to mask something - not to make things transaprency)
- studiogami
- - Joined 5 Dec, 2011
  - 9 topics • 30 posts
- 1
- 23 Dec, 2011
- Quote
Yann, I officially recognize you as the Construct Yoda.

Helpful you are! Your wisdom we seek!
- LaDestitute
- - Joined 19 Dec, 2011
  - 56 topics • 621 posts
- 1
- 2 Jun, 2012
- Quote
(sorry for gravedigging, but I have to ask this)

I tried to modify the shape of the outline (the heart) for something else, and it's not filling out as I expected; probably due to it's irregular shape.

What I have tried so far
- 7Soul
- - Joined 15 Dec, 2010
  - 103 topics • 1,056 posts
- 1
- 2 Jun, 2012
- Quote
LaDestitute you need to change the ImagePoints position of the heartOutline sprite. Moving the max to the top seems to fix it, but you need to play with it around to get it correctly
- zsangerous
- - Joined 12 Mar, 2012
  - 79 topics • 788 posts
- 1
- 2 Jun, 2012
- Quote
until now i didn't understand the mask idea when the images in different layer it do no effect sometime weird effects :P ill try them all xD i liked the idea ^^
- LaDestitute
- - Joined 19 Dec, 2011
  - 56 topics • 621 posts
- 1
- 2 Jun, 2012
- Quote
LaDestitute you need to change the ImagePoints position of the heartOutline sprite. Moving the max to the top seems to fix it, but you need to play with it around to get it correctly

Tried that. It won't fill to the top all the way, and and it's misaligned unlike below:

<img src="http://dl.dropbox.com/u/5899974/Graphics/hunger%20example.png" border="0" />
- Nimtrix
- - Joined 30 Dec, 2011
  - 7 topics • 895 posts
- 1
- 2 Jun, 2012
- Quote
LaDestitute: I just edited some of the image points, does this solve your problem?
Link: heartHUD_edited.capx
- Yann
- - Joined 31 Dec, 2010
  - 57 topics • 1,490 posts
- 1
- 2 Jun, 2012
- Quote
Yeah I used image points to have a precise start for the red sprite.

it's made so the sprite that grows from 0 to it's max height will really start at the border of the outline, so you should see something between 0 and 1 HP out of 100.

Else it would be hidden behind the outline.
- LaDestitute
- - Joined 19 Dec, 2011
  - 56 topics • 621 posts
- 1
- 3 Jun, 2012
- Quote
LaDestitute: I just edited some of the image points, does this solve your problem?
Link: heartHUD_edited.capx

Can't open it, since I'm using the current stable release r90
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- Nimtrix
- - Joined 30 Dec, 2011
  - 7 topics • 895 posts
- 1
- 3 Jun, 2012
- Quote
LaDestitute: I basically just moved the image points "emtpy" and "full" to the bottom and top middle of the sprite, and moved the origin of the same sprite to bottom middle.
- LaDestitute
- - Joined 19 Dec, 2011
  - 56 topics • 621 posts
- 1
- 3 Jun, 2012
- Quote
LaDestitute: I basically just moved the image points "emtpy" and "full" to the bottom and top middle of the sprite, and moved the origin of the same sprite to bottom middle.

Thank you!