Layer mask works only on IE9,Safari NOT Chrome&FF?

Get help using Construct 2

Post » Wed Oct 24, 2012 3:02 am

I would like to create a game with a rounded corner border on a big background image. Where all the game content is only visible in the window of a "masked area" in withing the border.

To achieve this, I have created 3 layers in a new document. On the middle "Mask" layer, I have a rectangular sprite to act as mask and I have set the mask's blend mode to "Destination In".

On the top, layer was named "Frame" and I have a border sprite to cover the rectangular masked area. And on the bottom layer, everything I would like to appear in the masked "window".

Finally I exported the project with Project Properties > Clear Background set to "Yes".

It's all working perfectly on IE9 and Safari but the masking does not work on Chrome and FireFox? I have all the latest browsers installed.

Please see attached image:

Project file: https://dl.dropbox.com/u/22331560/TransparentBGTest.zip
Exported files: https://dl.dropbox.com/u/22331560/TransparentBG.zip


How can I get the masking effect working on Chrome and Firefox? Is this possible? Your help is greatly appreciate. BlueDiscus2012-10-24 03:21:18
B
5
Posts: 5
Reputation: 485

Post » Thu Oct 25, 2012 11:33 pm

So no fix for Chrome and Firefox?
B
5
Posts: 5
Reputation: 485


Return to How do I....?

Who is online

Users browsing this forum: Renfd, supreme676 and 27 guests