Function scale

packages/melonjs/src/application/resize.ts:12–34

* scale the "displayed" canvas by the given scalar. * this will modify the size of canvas element directly. * Only use this if you are not using the automatic scaling feature. * @param game - the game application instance triggering the resize * @param x - x scaling multiplier * @param y - y sc

(game: Application, x: number, y: number)

 * @param y - y scaling multiplier
 */
function scale(game: Application, x: number, y: number): void {
	const renderer = game.renderer;
	const canvas = renderer.getCanvas();
	const settings = renderer.settings as any;
	const pixelRatio = device.devicePixelRatio;

	const w = (settings.zoomX = canvas.width * x * pixelRatio);
	const h = (settings.zoomY = canvas.height * y * pixelRatio);

	// update the global scale variable
	renderer.scaleRatio.set(x * pixelRatio, y * pixelRatio);

	// adjust CSS style based on device pixel ratio
	canvas.style.width = `${w / pixelRatio}px`;
	canvas.style.height = `${h / pixelRatio}px`;

	// if anti-alias and blend mode were reset (e.g. Canvas mode)
	renderer.setAntiAlias(settings.antiAlias);
	renderer.setBlendMode(settings.blendMode);

	// force repaint
	game.repaint();
}

/**
 * callback for window resize event