Search the Community

Hi, Just started using Pixi.js for a small interactive animation. How it works: 650x320 max dimension but still using devicePixelRatio to set resolution for PIXI. It needs to be fluid - scaling the canvas to outer div using 100%. So canvas is set to 1300x640 in retina but still retains 640x320. Everything is working fine apart from when resolution is set to 1 icons looks awful (please see screengrabs) I'm loading svgs as textures into PIXI sprite. The svgs have been saved out @2x their size and then set to correct width and height using scale. I could just save two versions as pngs and then load depending on devicePixelRatio, which I've tried and although an improvement the canvas still scales down further for mobile and still looks bad. Any suggestions welcome. My render options: view: _canvas, transparent: true, resolution: _res, clearBeforeRender: true, antialiasing: true i basically need smoothed images when scaling. oN another note how to scale from center with Container, pivot hasn't worked?