Could someone briefly enlighten me as to why this works? What was the underlying issue here, and how did this change therefore resolve it? I’ve never seen “blurry” text in an HTML environment before. I’m quite curious . . .
-Ddom enables “DOM mode” which uses distinct DOM elements for separate objects. It uses combinations of DIV, Canvas, Image (etc) tags as appropriate, and CSS2 animation for positioning.
The default is “Canvas mode” which uses a single canvas element and blits to it. This changes the text to use canvas text rendering instead of a DIV, that’s the first difference, also, the default behavior for HTML5 is to scale and letterbox your project, so it works best with multiple mobile devices as well as the desktop. This CSS scaling can result in blurrier text, setting the width/height to 0 and handling the scale yourself, or using a custom index.html template with a fixed container DIV width/height can change this scaling behavior.
This is disabled in DOM mode right now, because it’s harder to scale content which overflows (as a DOM element might) unlike the canvas which is always exactly the size requested