Quantcast
Channel: Pixi.js Latest Topics
Viewing all articles
Browse latest Browse all 3978

PIXI.mesh.NineSlicePlane is missing pixel grid on retina screen

$
0
0

There are two sequential frames from animation, where dragon sprite and attached piece of UI moves from up to down. Left one is normal and right one is bit broken. Sprite itself (PIXI.extras.AnimatedSprite) and number 8 (PIXI.extras.BitmapText) looks perfectly fine through all animation, but HP bar background (PIXI.mesh.NineSlicePlane), HP bar itself (PIXI.Graphics) and number background are not hitting pixels perfectly sometimes and animation looks jaggy.

664619625_ScreenShot2019-03-25at23_24_08.png.a59abd9b14b82f34c193d488d78ffc1e.png637696826_ScreenShot2019-03-25at23_24_19.png.f02780552f8827f40655cee12037fe5e.png

PIXI.settings.SCALE_MODE is PIXI.SCALE_MODES.NEAREST.

PIXI.settings.MIPMAP_TEXTURES is false.

roundPixels is true.

As I said, I have retina screen, so resolution is 2. I'm not sure if issue is reproduced on regular screen. I've searched through the docs but couldn't find any special settings for PIXI.mesh. I can make same UI from basic sprites of course, but NineSlicePlane is so much more convenient.


Viewing all articles
Browse latest Browse all 3978

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>