Canvas on resize - keeping the same viewport

[Tylox]

Hello,

Because of performance and blurry text/image issues, I turned my fixed canvas resolution to a canvas with width/height dynamically equal to window.innerWidth/Height on resize.

Admitting the same aspect ratio after resizing, how would you deal with the renderer to keep the same viewport ?

Thanks.

[ivan.popelyshev]

Something must be done like "stage.scale.set(renderer.width/960)" , where 960 is your original width

[Exca]

var aspect = 16/9;
var w = window.innerWidth;
var h = window.innerHeight;
if(w > h * aspect)
{
	//Height is the limiting factor
	w = h*aspect;
}
else
{
	//Width is the limiting factor
	h = w*1/aspect;
}
renderer.resize(w, h);

The aspect ratio isn't totally correct after resize due to rounding errors.

After that just use css to center the canvas and maybe add some nice ornaments (or something) to the edges with extra space.