imalooney / t3tr0s

30th anniversary tetris in ClojureScript
t3tr0s.com
Other
468 stars 28 forks source link

Realistic screen quality #30

Open shaunlebron opened 10 years ago

shaunlebron commented 10 years ago

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:

moma

We can use shaders over the HTML Canvas 2D, or just fudge the effect with bitmaps, which is easier to do.

shaunlebron commented 10 years ago

Commit 32b4b2b adds a new gameboy theme (SHIFT+4 to use in-game):

Imgur Imgur

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])

shaunlebron commented 10 years ago

Commit 23d5e04 adds a new elektronika 60 theme (SHIFT+1 to use in-game):

clear real

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)

oakmac commented 10 years ago

You're a beast.