Realistic screen quality
shaunlebron opened this issue · comments
The sharpness of the pixels in our tilemaps aren't really representative of the original games. The MoMA guys knew that, so they added effects to their demo to make it look closer to the original monitor:
We can use shaders over the HTML Canvas 2D, or just fudge the effect with bitmaps, which is easier to do.
Commit 32b4b2b adds a new gameboy theme (SHIFT+4 to use in-game):
I was inspired by this screenshot of kirby from an emulator using a fancy gameboy shader. Rather than use the shader, I created the new tilemap in gimp using the same colors and added drop shadows (offset [1,1], radius 5, color black, opacity [dark pixels 30, med pixels 25, light pixels 20])
Commit 23d5e04 adds a new elektronika 60 theme (SHIFT+1 to use in-game):
I failed to extract a decent tilemap from the MoMA screenshot, so I just applied filters to our tilemap in gimp. Gaussian blur (2px) + Artistic>Softglow (15 radius, 1 brightness, 0.85 sharpness). Also added 4px height scanlines (white 25% opacity)
You're a beast.