DEV Community

robot1996
robot1996

Posted on

I built a tiny browser game for guessing cartoon-inspired colors

I shipped a small browser game called Toon Tone Color: a 5-round color memory challenge where you read a cartoon-inspired prompt, adjust HSB sliders, submit a guess, and get a score card at the end.

Link: https://toontonecolor.com/?utm_source=devto&utm_medium=backlink&utm_campaign=toontonecolor_cold_start_202605&utm_content=showdev_build_post

Why I made it:

  • I wanted a lightweight game that works instantly in the browser.
  • The interaction is simple enough for mobile: read a prompt, tune hue/saturation/brightness, submit.
  • The result card is generated client-side, so players can copy and share it without uploading their gameplay data.

A few implementation notes:

  • Built with Next.js 15, TypeScript, Tailwind, and Cloudflare Workers.
  • The first version is free and does not require signup.
  • Analytics only load after consent; the gameplay state is kept in browser localStorage.
  • The site is fan-made and not affiliated with any cartoon, anime, game, comic, studio, or entertainment brand.

The part I am watching now is whether people understand the HSB slider interaction quickly enough on mobile. If you try it, I would appreciate feedback on:

  1. Is the first round obvious without instructions?
  2. Are the hue/saturation/brightness sliders easy enough on a phone?
  3. Would you share the score card, or does it need a clearer prompt?

Thanks for taking a look.

Top comments (0)