droqen Posted April 3, 2019 Share Posted April 3, 2019 https://droqen.itch.io/beholder-oubliette-2 <-- in this game and in other projects I'm making while re-using my code, resizing the canvas in Safari as well as on all iOS browsers gets all blurry and the pixel art is not... crisp. I can get the crispness in Safari on a resized image, even on a resized canvas with a static image being drawn in it, so I'm not sure what the deal is with PIXI. If anyone has an idea or a quick obvious fix I'm missing, I'd love that. I'm new to PIXI, hoping this is not some insidious unsolvable problem... I've already spent hours trying to make progress on it, but nothing seems to fix PIXI. Quote Link to comment Share on other sites More sharing options...
droqen Posted April 3, 2019 Author Share Posted April 3, 2019 Solved-ish. I was trying to solve it through CSS, but doing the scaling completely within PIXI works just fine -- using 'PIXI.SCALE_MODES.DEFAULT = PIXI.SCALE_MODES.NEAREST'. Quote Link to comment Share on other sites More sharing options...
droqen Posted April 3, 2019 Author Share Posted April 3, 2019 Forgot about rotation. This is the best solution I've figured out so far, but doesn't quite do everything I'd like. Any tips on how to draw to a small buffer and then redraw a (strictly nearest-neighbour) scaled version would be much appreciated. Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted April 3, 2019 Share Posted April 3, 2019 I think this question was asked many times here, but I dont remember easy solution Look through https://github.com/pixijs/pixi.js/issues and wait for others to reply. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.