4 ms·

Why is this Chromium-only?

iudqnolq 5y ago
> The cursed CSS property zoom is used to shrink the checkboxes down. transform: scale(x) resulted in worse performance and worse visuals. Unfortunately, this means that Firefox users need to manually zoom out.
- capitainenemo 5y ago
  When I inspected, and added transform: scale(0.4) to the div of the checkbox array, the game seems to run smoothly. Linux, Firefox nightly, Webrender, generic nvidia card. Will try the AMD later tonight. I wonder if the transform: scale(0.4) issues are specific to his computer or to Chrome.
  - healeycodes 5y ago
    If anyone wants to PR a fix for more browsers please do! (https://github.com/healeycodes/doom-checkboxes/issues/1 https://github.com/healeycodes/doom-checkboxes/issues/1). Otherwise, I'll probably look into this tomorrow.
    - capitainenemo 5y ago
      Well, the straightforward approach would be to replace the zoom with transform, since it's standard and not deprecated. Let me see what happens when I try that in Chromium locally.
      - capitainenemo 5y ago
        Ok. I added both properties over here in Chromium. It's really hard to tell since performance seems to be almost identical, but it seems very slightly less sluggish using transform than using zoom (using test of standing on one place and pressing left/right and observing the pan, then unchecking zoom and checking transform). Basically same though. Any variation might be due to element jumping around page due to how those 2 attributes work (easily handled with positioning or transform). It'd be kinda surprising to me that Chromium would treat zoom differently than scale transform. I wonder if you just got the impression it was sluggish due to like jit warming up or something.
- nyanpasu64 5y ago
  Why not fix the checkbox size using CSS? #checkboxes > div { line-height: unset !important; display: flex; } input[type="checkbox"] { height: 6px; width: 6px; }
vadfa 5y ago
At least on my computer on Firefox it is so slow as to be unplayable.
- iguessthislldo 5y ago
  At least you could play it. I missed the part that said it was Chrome-only and started to try to play it only for it to crash Firefox.

> The cursed CSS property zoom is used to shrink the checkboxes down. transform: scale(x) resulted in worse performance and worse visuals. Unfortunately, this means that Firefox users need to manually zoom out.

capitainenemo 5y ago
When I inspected, and added transform: scale(0.4) to the div of the checkbox array, the game seems to run smoothly. Linux, Firefox nightly, Webrender, generic nvidia card. Will try the AMD later tonight. I wonder if the transform: scale(0.4) issues are specific to his computer or to Chrome.
- healeycodes 5y ago
  If anyone wants to PR a fix for more browsers please do! (https://github.com/healeycodes/doom-checkboxes/issues/1 https://github.com/healeycodes/doom-checkboxes/issues/1). Otherwise, I'll probably look into this tomorrow.
  - capitainenemo 5y ago
    Well, the straightforward approach would be to replace the zoom with transform, since it's standard and not deprecated. Let me see what happens when I try that in Chromium locally.
    - capitainenemo 5y ago
      Ok. I added both properties over here in Chromium. It's really hard to tell since performance seems to be almost identical, but it seems very slightly less sluggish using transform than using zoom (using test of standing on one place and pressing left/right and observing the pan, then unchecking zoom and checking transform). Basically same though. Any variation might be due to element jumping around page due to how those 2 attributes work (easily handled with positioning or transform). It'd be kinda surprising to me that Chromium would treat zoom differently than scale transform. I wonder if you just got the impression it was sluggish due to like jit warming up or something.
nyanpasu64 5y ago
Why not fix the checkbox size using CSS? #checkboxes > div { line-height: unset !important; display: flex; } input[type="checkbox"] { height: 6px; width: 6px; }

vadfa 5y ago

At least on my computer on Firefox it is so slow as to be unplayable.

iguessthislldo 5y ago
At least you could play it. I missed the part that said it was Chrome-only and started to try to play it only for it to crash Firefox.