Create mask to see underneath an upper layer

[Peter Nortjè]

Good people, my project requires a mask effect which creates the effect of looking deeper into an object. For example, the upper layer contains an engine and when the mask is applied, the pistons inside the engine are visible. Ideally, the mask should be interactive and dragable by the user.

I have figured out the code for the dragable mask on a mouse click but have not succeded so far in creating the final end result of looking underneath an upper layer through a mask.

Your inputs are higly appreciated 🙂

[kglad]

as3 or html5/canvas?

[Peter Nortjè]

AS3

[ClayUUID · Accepted solution]

So... just move the mask and masked layers above the upper layer.

[Peter Nortjè]

Thanks - will try and give feedback when I am back home. Currently travelling.

[Peter Nortjè]

Intuitively one wants to create the hidden layer underneath the upper layer but in this case, it is the opposite. I appreciate your insights  - thanks!

[Nick Gioia]

Try this tutorial. Should help you out.

AS3 Masking