HTML5 Game is rendering blurry only on first render?

[grubberpillar]

When I bundle or run a built HTML5 version of my game, it opens blurry, but when I tab out and return it re-renders sharp. Is there any way to make it so my game will render sharp on the first render and not just any subsequent ones?

[Ivan_Lytkin]

Have you found any solution?

[Pkeod]

Are you seeing this happen? Maybe try manually resizing the canvas viewport on load?

[Ivan_Lytkin]

Do we have any JS onload event we can use? So far the only workaround I found is to trigger

window.dispatchEvent(new Event(‘resize’))

after some timeout:

if html5 then
	timer.delay(.5, false, function()
		html5.run("window.dispatchEvent(new Event('resize'));")
	end)
end

[aglitchman]

@Ivan_Lytkin

Do we have any JS onload event we can use? So far the only workaround I found is to trigger

Does the blurry issue happen in an empty Defold project without any extensions too, or only in your game? If it’s the latter, which extensions are you using?