Drawing.garden

Un juguete web minimalista llamado Drawing.garden permite a los usuarios llenar una cuadrícula con emojis aleatorios de plantas y criaturas que reproducen notas musicales simples, lo que provoca reacciones que van desde una satisfacción calmante hasta una leve frustración por su falta de objetivos o controles. Los comentaristas lo exploran como una pieza de arte digital y un pasatiempo “zen”, comparten pequeños trucos de código para manipular la cuadrícula y lo comparan con otros experimentos web lúdicos y no productivos. El proyecto también suscita reflexiones sobre el propósito de este tipo de creaciones: si necesitan ser “útiles” o si ofrecer un breve descanso estético ya basta.

Impresiones generales

  • Muchos comentaristas describen el sitio como relajante, bonito, encantador o “zen”, bueno para desconectar el cerebro durante un momento.
  • A otros les gusta más de lo esperado y lo comparan con libros para colorear para adultos o con software clásico y lúdico (p. ej., Mario Paint).
  • Un subconjunto de usuarios lo encuentra inútil o ligeramente desagradable porque no hay un objetivo ni una utilidad claros, especialmente dado el nombre de dominio “drawing”.

Mecánicas de juego y audio

  • La interacción es simple: tocar/pasar el cursor por las celdas de la cuadrícula hace que ciclen entre plantas y criaturas aleatorias; no hay condición de victoria ni lógica de patrones más allá de la aleatoriedad.
  • Algunos usuarios se fijan objetivos propios (p. ej., llenar parches o toda la tabla con un solo símbolo).
  • El sonido consiste en notas elegidas al azar entre C, D, E o G (un subconjunto de una escala pentatónica mayor), así que casi cualquier secuencia suena armoniosa.
  • Los sonidos y los emojis no son controlables por el usuario por diseño; se dice que esto “forma parte de la idea”.
  • Varias personas o bien no notan el sonido al principio o lo encuentran demasiado agudo o generador de ansiedad y prefieren jugar en silencio; el audio en móvil es inconsistente.

Detalles de implementación y experimentos de código

  • El boceto está implementado con p5.js; la cuadrícula se construye a partir de elementos <p>.
  • El favicon se genera dinámicamente usando un SVG que incrusta el emoji actual, una técnica que a algunos les parece ingeniosa.
  • Múltiples fragmentos de código muestran cómo:
    • Hacer clic o pasar por encima programáticamente en cada celda.
    • Ciclar cada celda hasta que coincida con un emoji elegido.
    • Usar clics izquierdo y derecho para avanzar de forma determinista por el conjunto de símbolos.
  • Alguien señala que la lista de criaturas en el código no incluye un león, mientras que otros insisten en que sí vieron uno; esto sigue sin estar claro.

Problemas de UX y solicitudes de funciones

  • Las sugerencias incluyen: redimensionado adaptable, guardar/compartir el jardín, borrar más fácilmente (p. ej., arrastrar o mantener pulsado), mantener una celda permanentemente vacía e impedir la selección de texto durante el arrastre.
  • Se informan problemas en móvil (fondo en blanco, sin sonido, pull-to-refresh de iOS); se discuten correcciones de CSS como overscroll-behavior y desactivar el desplazamiento elástico.
  • Algunos proponen añadir comportamientos de simulación (abejas visitando flores, arañas tejiendo telas, girasoles girándose, shaders de viento, “ouch” en el cactus) o recompensas por completar el 100%.

Arte, propósito y respuestas emocionales

  • Hay un pequeño debate sobre la utilidad frente al juego sin propósito: algunos lo ven como arte delicioso y meditativo; otros se sienten incómodos cuando no pueden asignarle un propósito claro.
  • Se hacen comparaciones con parques, el arte del paisaje y los videojuegos como experiencias intrínsecamente no utilitarias pero valiosas.
  • El proyecto invita a reflexionar sobre qué significa “dibujar” en un contexto digital, basado en cuadrículas y simbólico.

Juguetes web relacionados y bromas sobre monetización

  • Los comentaristas comparten muchos juguetes web “inútiles” y experimentos de arte similares, celebrando esto como el espíritu de la web.
  • La monetización se discute solo en tono de broma (anuncios en ranuras de emoji, tonos patrocinados, sátira con palabras de moda de blockchain/IA).