I have to show a lot of animated pixel art in my app but need to have sampling set to linear because i have also hi-res graphic for all the interface and other layout... For memory reason i use pixel art at x1 size and then scale to x2 or more in Construct 2 to recreate the original pixel art look, but the scale create blur on pixel art (due to linear sampling)... so i thinked to fix it applying the pixellate effect to the pixel art.. but with iOS Cocoon dev app it show wrong on animated sprite.
Here there is an updated example project showing the problem:
The project have sampling set to linear and put togheter:
- hi-res background
- two identical pixel art sprite with the same webgl pixellate effect applied.
The first sprite have frames (animated), the second sprite is 1 frame only (static).
Both display perfect on all browser
but when preview the app on iOS device using Cocoon dev app,
the first sprite (animated) look bad (wrong size of pixellate effect) the second sprite (static) look ok.
Basically, using iOS Cocoon dev app, the pixellate effect is ok on static sprite but is wrong on animated sprite!
Why this happens?
How can i fix this?