Inspired by dialed.gg, I coded my own "color memory game", except it's less about "memory" and more about training myself to match colors visually. The Dialed game made me wonder about my visual color biases and how accurate my visual color matching could become if I were to train it. My version of the game keeps a history table for rounds, and it's not limited to 5 rounds. And it's not exactly intended as a game, more of a self-calibration.
Some improvements I still need to make:
- Change the UI text from "Brightness" to "Lightness" because CSS has no HSV/HSB so I ended up using HSL instead, but I kept the "HSB" format seen on Dialed (the number for brightness is actually lightness, it's just that the prefix, used for the textual representation of the color, is wrong)
- Adding exporting capabilities so it'd be possible to save the results textually.
- Figure out how the heck Dialed is calculating the score. I'm currently using Chroma.deltaE (from chroma.js) alongside some additional math, whose results got the closest to what I observed in Dialed, still it doesn't fully match the actual Dialed scores.
- Publish it somehow, as a git repository (currently, it's a particular, experimental project in my own computer)
#programming #game #web #design #dialed #dailygames #colors #hsl #hsb #hsv #rgb #colorperception #visual #devlog


