Back

From the
@hackernews discussion (https://news.ycombinator.com/item?id=39136123), the color-scheme is a bit confusing. A friend mentioned the idea of interpolating between red and green --- the closer you are to the correct key, the greener the color . Compare these examples (not spoilers):

2/4

This is easy to implement, as red is (255, 0, 0) and green is (0, 255, 0). So, to interpolate between them, just normalize the distance to [0, 1] and compute (255 * d, 255 * (1-d), 0) for the new color!

You can try out a fork with this implemented here: https://github.com/mcognetta/qwertle

3/4

I also added a white border around correct guesses, to disambiguate "really really close" green from "correct" green. Also added a black border around the text, since white over yellow (halfway between red and green) doesn't show up too well.

4/4

Here it is properly interpolating between red and forest green (34, 139, 34), the actual final green value. It looks a bit nicer this way since the yellow isn't as harsh and you don't really need the black border around the text. Compare the four (original, pure green interpolated, forest green interpolated, forest green interpolated without black border):

@compthink

@mc
QWERTLE #652 3/6

@mc this will be my DOOM