Resize Game
Te enseñan una imagen aleatoria durante dos segundos y tienes que adivinar su ancho y alto en píxeles. Hecho para el hackathon de midudev × Cloudinary.
Lo hice para el hackathon de midudev × Cloudinary en diciembre de 2024. El sprint era de una semana, pero solo pude dedicarle un par de días entre otras cosas, así que la idea tenía que ser pequeña y entregable. La mayoría de los participantes tiraron por manipulación y optimización de imágenes con Astro y astro-cloudinary. Yo me fui por el lado lúdico, montando un juego sobre la capacidad de Cloudinary para servir imágenes a cualquier resolución bajo demanda.
Cómo se juega#
Dos campos numéricos. Las imágenes generan entre 50 y 300 píxeles en cada eje.
El juego te muestra las dimensiones reales y un porcentaje de acierto basado en lo cerca que estuviste en cada eje. Si usaste pistas, lo indica al lado del porcentaje.
Después de enviar, pulsa Start otra vez para una ronda nueva. La gracia del juego está en ir calibrando el ojo ronda tras ronda.
Stack#
| Capa | Elección |
|---|---|
| Framework | Svelte |
| Lenguaje | TypeScript |
| Estilos | Tailwind |
| Origen de imagen | Cloudinary (@cloudinary/url-gen) |
| Build | Vite |
Cloudinary se encarga de servir las imágenes aleatorias y permite pedirlas con el ancho y alto que se quiera. Encaja perfecto con un juego donde la respuesta tiene que ser impredecible pero verificable.
sn4pe/resize-game-cloudinary-hackathonProyecto de hackathon: adivina el tamaño de una imagen parpadeante.Svelte