Resize Game

Built for the midudev × Cloudinary hackathon in December 2024. The sprint ran a full week, but I only had a couple of free days to ship something, so the idea had to stay small. Most participants went for image manipulation and optimisation with Astro and astro-cloudinary. I took the playful angle, leaning on Cloudinary's ability to serve images at arbitrary on-demand resolutions to build a guessing game around it.

How to play#

1. Press Start to roll a fresh image
2. Watch it for two seconds

   The image disappears as soon as the timer ends. No second look, and right-click is disabled on the image to keep you from peeking through devtools.

3. Type width and height in pixels

   Two number inputs. Images are generated anywhere between 50 and 300 pixels on each axis.

4. Ask for a hint if stuck (optional)

   The game reveals either the real width or the real height at random. You still have to guess the other axis, and your final score is tagged as "with hints" so it is not mistaken for a clean round.

5. Submit and read the score

   The game shows the actual dimensions and an accuracy percentage based on how close both axes were. If you used hints, that flag is shown next to the percentage.

After submitting press Start again to roll a new round. The fun is in calibrating your eye round after round.

Stack#

Cloudinary serves the random images and lets the client request them at arbitrary widths and heights, perfect for a guessing game where the answer must be unpredictable but verifiable.

sn4pe/resize-game-cloudinary-hackathonHackathon project: guess the size of a flashed image.Svelte