Copy link to clipboard
Copied
Pixel art can export with a resized canvas (as is the tried and tested way of Flash since the old days) crisply, like so:
But since browsers no long support .swf, we are limited to Canvas export, however, the same resized canvas output looks like this:
It would be nice if images set to not allow smoothing, were outputted without bilinear upscale filtering in Canvas for use with pixel art contents.
That doesn't help, it's for snapping things at author time to the nearest pixel. It doesn't stop CreateJS from adding antialiasing to your sharp jaggy bitmaps at runtime. What would work is a CreateJS version of:
stage.quality = "low";
Found a page that helped to get a solution:
ctx = canvas.getContext("2d");
ctx.imageSmoothingEnabled = false;
Copy link to clipboard
Copied
Does the Snap Bitmaps to Pixels option help?
Copy link to clipboard
Copied
sadly not, that's only for layout
Copy link to clipboard
Copied
That doesn't help, it's for snapping things at author time to the nearest pixel. It doesn't stop CreateJS from adding antialiasing to your sharp jaggy bitmaps at runtime. What would work is a CreateJS version of:
stage.quality = "low";
Found a page that helped to get a solution:
ctx = canvas.getContext("2d");
ctx.imageSmoothingEnabled = false;
Copy link to clipboard
Copied
Thanks, that worked a treat!
Find more inspiration, events, and resources on the new Adobe Community
Explore Now