At a very specific browser dimensions, words are improperly sized
themichaelyang opened this issue · comments
I confirmed this.
Experienced in oxide (fork of chromium) and firefox on Ubuntu. If you zoom in, there's a percentage where text gets on game
The text in the centre of the hexagon (current score and «flying» bonus) gets a wrong size on certain zoom.
On Firefox 58 I have to zoom at 210% (browser at full screen) ot 67% (browser at half of the screen) to get this result
It seems like a few Issues (#182 #162 #189) in this project have the same origin. I have successfully managed to replicate this bug on chrome and Firefox. To do so make the scaling as small as possible by hitting ctrl & - . Then slowly resize the window by pulling its edges util you see it flash. Try resizing again and again to get to precisely that height and width setting that a white disturbance appears. You will also notice that the score in the middle of the screen has now vanished. It is important to note that I have only been able to replicate this after increasing the score after combining a few blocks. I believe the bug has to do with the scoreSize variable that is used for example in line 52 of view.js: renderText(trueCanvas.width / 2 + gdx, trueCanvas.height / 2 + gdy, scoreSize, color, score);. I came to this conclusion after seeing that the disturbing object changes after the score changes which most likely means that the white object that appears is in fact the score, but with a much larger than necessary font size.