WebGL Effect Not Working Correctly in Export

Problem Description

When I use the WebGL Swirl effect on a Sprite the effect looks fine in Testing, but in browser after export the effect is not working correctly. I believe the effect is being applied to the whole sprite sheet rather than the displayed frame.

Attach a Capx

Swirl Test

Description of Capx

The Capx is a simple testing environment for the swirl effect. It consists of three scroll bars, which control the radius, angle and Sprint Frame.

Steps to Reproduce Bug

• View 'proper' function in preview environment.
• Export project and upload to live website. I've done that here ... http://www.mickesgoldman.com/host/test/
• Adjust options to see how the whole sprite sheet is affected. To really see the issue set Radius to 67, Angle to 100 and Frame to 1.

Observed Result

The whole sprite sheet is affected.

Expected Result

The selected Frame would be the only thing affected.

Affected Browsers

• Chrome: (YES)
• FireFox: (YES)
• Internet Explorer: (YES)

Operating System and Service Pack

Windows 7 Pro Service Pack 1

Construct 2 Version ID

Release 186.2 (64-bit)

Sorry, this is just a (slightly unusual) side effect of spritesheeting. Spritesheeting has too many benefits to turn off for cases like this. As a workaround just use separate sprites instead of different animation frames. Also possibly setting the 'Downscale quality' to 'High' may help (since it forces more padding in the exported spritesheets).

I see. Do you know why it works in the Preview browser?

Preview mode does not do any spritesheeting.

Oh, then that makes sense. Thanks for your help. I just decided to use a different effect that does appear to work with the sprite sheet.