Default HTML-5 export option forces scaling to fit viewport, even for non-resizable games

[madprogramer]

Godot version:
3.2
OS/device including version:
MacOS
Issue description:
Default HTML-5 export option forces scaling to fit viewport, even for non-resizable games
Steps to reproduce:
Use HTML-5 export for any project, compare the visible screen in Godot with the HTML-5 version when running.
Minimal reproduction project:
Any project with a pre-specified window width/height, smaller than the viewport it'll be run in.

Quick-Fix:

Open up the Project.html of your export in a text-editor.
Scroll down to the line

function adjustCanvasDimensions() {

change the function from

function adjustCanvasDimensions() {
	var scale = window.devicePixelRatio || 1;
	var width = window.innerWidth;
	var height = window.innerHeight;
	canvas.width = width * scale;
	canvas.height = height * scale;
	canvas.style.width = width + "px";
	canvas.style.height = height + "px";
	}

to

function adjustCanvasDimensions() {
	canvas.width = innerWidth;
	canvas.height = innerHeight;
        }

[Calinou]

If you want the project to display at a fixed size, you can use the fixed size HTML template.

1. Save this HTML template as a file.
2. In the editor, open the Export dialog, select your HTML5 export preset, specify a custom HTML template and point to the file you saved.
3. Export your project.

That said, I would advise making your game window resizable so it handles multiple aspect ratios and hiDPI 🙂