Hextris / hextris

Fast paced HTML5 puzzle game inspired by Tetris!
https://hextris.io
Other
2.21k stars 969 forks source link

At a very specific browser dimensions, words are improperly sized #189

Open themichaelyang opened 6 years ago

themichaelyang commented 6 years ago
screen shot 2018-02-15 at 11 30 50 pm
cibersheep commented 6 years ago

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

cibersheep commented 6 years ago

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 imatge

Rb64 commented 2 years ago

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.