search

CloudKidStudio / PixiFlash

A library for bridging CreateJS animations from Flash for use in Pixi.js
http://cloudkidstudio.github.io/PixiFlash/docs/
MIT License
78 stars 7 forks source link

Rendering on iOS devices is poor #3

Closed gurmukhp closed 8 years ago

gurmukhp commented 8 years ago

Hi there

Thanks for building this prototype, it's amazing how much faster using Pixi is over EaselJS.

I've been playing around with exporting animations from Flash and viewing them on an iPad. Unfortunately, for some reason, the sprites show quite poorly on an iPad but on an Android they look fine? I've created two samples from the same source, do you know what could be the problem?

EaselJS - http://storage.googleapis.com/speed-test-web/elephant.html?a=1 PixiFlash - http://storage.googleapis.com/speed-test-web/elephant-single-pixi.html?a=1

easel pixi

bigtimebuddy commented 8 years ago

Cool, thanks for sharing. Fun animation.

I don't have an answer, but could you try something? Try putting a bitmap texture behind the PixiFlash version, and see if the edges still look chunky. I don't know if that will help, but I'm curious.

andrewstart commented 8 years ago

For the reasoning with the sprite behind the object, see https://github.com/pixijs/pixi.js/issues/1786 - iOS doesn't do real antialiasing, so the FXAA being used might not always work as nicely.

andrewstart commented 8 years ago

Also, I'd suggest using the Copy Layers to Bitmap JSFL script included in https://github.com/SpringRoll/FlashToolkit to convert your gradients to bitmaps quickly and easily.

gurmukhp commented 8 years ago

Thank you all for these insightful comments. Turning off anti aliasing definitely improved the rendering but it wasn't good enough. Adding a white background made it a lot better and usable especially once I resized the canvas by 50% to make it retina.