semk Posted February 25, 2016 Share Posted February 25, 2016 Ok maybe that title doesn't make sense? The idea is tied to this - https://github.com/pixijs/pixi.js/issues/27 Basically when the sprite isn't drawn on a perfect pixel location, it gets blurred, not very nice looking. Counter this with CSS3 - translate: rotateZ() - here's a comparison attached, the teal background is pixi.js, the white is CSS3 DOM. What can I do to get pixi to render like CSS3? I'm willing to dig into the renderer code base but I'd need some advice. Quote Link to comment Share on other sites More sharing options...
semk Posted February 25, 2016 Author Share Posted February 25, 2016 I noticed that changing the renderer resolution to 2 makes a huge improvement. Granted it also makes everything a lot bigger, but at least the rendering is very smooth - edit- Heh... i set the canvas CSS zoom property to 50%, works like magic Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted February 25, 2016 Share Posted February 25, 2016 Do you have a retina display? Quote Link to comment Share on other sites More sharing options...
semk Posted February 25, 2016 Author Share Posted February 25, 2016 Yes, I guess it's only a problem for retina displays then... Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted February 25, 2016 Share Posted February 25, 2016 And you actually did fix it correct way. That's called "retina support" Quote Link to comment Share on other sites More sharing options...
semk Posted February 25, 2016 Author Share Posted February 25, 2016 cool, I also have a regular 1080p secondary screen that I used to look at the quality, this retina support fix works on the regular display too so I'll stick with this for my project(s) does it have a significant impact on performance? I imagine it would once the scene(s) starts getting busy and complex? at least more so than resolution: 1 ? Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted February 25, 2016 Share Posted February 25, 2016 Its critical on mobiles, but on PC I think you can use resolution:2 Basically, for 1080p its one of types of antialiasing. 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.