[HN Gopher] Doom Rendered via Checkboxes
       ___________________________________________________________________
        
       Doom Rendered via Checkboxes
        
       Author : healeycodes
       Score  : 160 points
       Date   : 2021-10-14 09:59 UTC (13 hours ago)
        
 (HTM) web link (healeycodes.com)
 (TXT) w3m dump (healeycodes.com)
        
       | lukevp wrote:
       | This would be great to see with dithering and the checkbox
       | indeterminate state. Should make it look a lot better. I think
       | there was a post about temporally stable dithering for use in
       | video games recently.
        
       | ChrisArchitect wrote:
       | haha amazing follow-up to Bryan's post!
        
       | lacker wrote:
       | Pretty neat, I played for a bit. It's so unintuitive to me
       | nowadays that you are unable to jump in Doom....
        
       | marginalia_nu wrote:
       | I have a hunch the graphical fidelity of this could drastically
       | be improved with floyd-steinberg dithering.
        
       | mpd wrote:
       | oh man, it looks like this could level up by using the
       | indeterminate state of a checkbox
        
       | bogrollben wrote:
       | this is gold
        
       | stordoff wrote:
       | Up and Down scroll the page up and down for me (1920x1080 screen
       | with 125% scaling), which makes attempting to play difficult.
        
       | boboche wrote:
       | Finally found THE URL to send to people requesting stupid
       | checkboxes everywhere.
       | 
       | Now we need a mass popup version to close that loop.
        
       | _ZeD_ wrote:
       | Doom rendered via Windows task manager:
       | https://youtu.be/hSoCmAoIMOU
        
       | dblohm7 wrote:
       | Why is this Chromium-only?
        
         | iudqnolq wrote:
         | > 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 wrote:
           | 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 wrote:
             | If anyone wants to PR a fix for more browsers please do!
             | (https://github.com/healeycodes/doom-checkboxes/issues/1).
             | Otherwise, I'll probably look into this tomorrow.
        
               | capitainenemo wrote:
               | 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 wrote:
               | 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 wrote:
           | Why not fix the checkbox size using CSS?
           | #checkboxes > div {             line-height: unset
           | !important;             display: flex;         }
           | input[type="checkbox"] {             height: 6px;
           | width: 6px;         }
        
       | iudqnolq wrote:
       | The second two links are the same as the first two even though
       | they should point to different places.
        
       | Traubenfuchs wrote:
       | What's the difference between using checkboxes and just using a
       | bunch of div's in flexboxed div's and changing their background-
       | color, or, canvas?
        
         | simlevesque wrote:
         | None. He likes checkboxes.
        
         | paco3346 wrote:
         | This is specifically in response to a post earlier this week
         | about someone who made a checkbox renderer. Someone else said
         | "you should put doom on it". It's explained in the blog.
        
       | reuben364 wrote:
       | While not a novel port of doom, there is this texture pack that
       | replaces every thing in it with a picture of Tim Allen. I still
       | chuckle every now and then when I think about it.
       | (https://www.youtube.com/watch?v=Ji9qSuQapFY)
        
       ___________________________________________________________________
       (page generated 2021-10-14 23:01 UTC)