Drawing.garden

• Drawing.garden es un pequeño proyecto web presentado con la frase “gardening, but with emojis and less time”
• En la pantalla aparece el texto “click for sound!” dispuesto verticalmente, por lo que parece permitir la reproducción de sonido tras hacer clic
• La mayor parte del contenido está llena del carácter repetido 〰, de modo que el propio patrón visual se vuelve el elemento principal
• Solo con el texto proporcionado no se pueden confirmar detalles como la lista de funciones, modo de uso, stack técnico, repositorio o licencia
• Lo que puede verificarse se limita al concepto de jardín con emojis y a la indicación de sonido basada en clic

---

Elementos visibles directamente en la página

• drawing.garden es un pequeño proyecto descrito como “gardening, but with emojis and less time”
• En el cuerpo aparece “click for sound!” mostrado verticalmente, una letra por línea
• Después se repite muchas veces el carácter 〰, formando el principal patrón de texto en pantalla

Lo que no puede saberse con el texto proporcionado

• No se incluye una descripción detallada de funciones
• No se presenta un modo de uso adicional aparte de “click for sound!”
• No se pueden confirmar el stack técnico, la forma de implementación, el código fuente, la licencia ni la información de navegadores compatibles

[GN⁺]

Opiniones en Hacker News

• Esto es realmente encantador. Lo que me pareció interesante aquí es que, para la mayoría, es una experiencia relajante como lo fue para mí, pero para algunas personas parece generar ansiedad porque no entienden por qué existe ni para qué sirve.

  • Es parecido al arte en general. Para algunas personas, una performance o algo que no esté conectado directamente con la productividad se siente como una gran provocación.
    No todo tiene que tener sentido en un eje costo/beneficio; las personas y la naturaleza son mucho más complejas que eso.
  • No es ansiedad; como apareció en HN y recibió muchos votos, solo me preguntaba si me estaba perdiendo de algo. Esto pasa cuando primero ves el sitio web y después lees los comentarios.
  • Esa reacción es rara. Es como la gente que ve un parque hermoso y dice: “¡Qué horror! ¡No sirve para nada!”
    Es como decir que quememos todas las pinturas de paisajes y, ya que estamos, también los paisajes mismos. El propósito podría ser la belleza, el placer, la reflexión o una pequeña diversión, pero es una forma de pensar demasiado estrecha considerar que todo carece de sentido si no encaja con el propósito específico que a uno le importa.
  • Yo estoy más cerca del segundo grupo. Más que ansiedad, es una aversión leve.
    Está genial, pero no hay nada útil que pueda hacer con eso, y tampoco puedo dibujar algo significativo como sugiere el nombre de dominio.
  • Técnicamente es un videojuego. ¿Por qué existen los demás juegos?

• Mirando por dentro, es un sketch de p5.js. También es una biblioteca que se usa en cursos introductorios de programación.
  p5.js es una biblioteca de JavaScript para programación creativa, enfocada en hacer que la codificación sea accesible para cualquiera: artistas, diseñadores, educadores, principiantes, etc. Es gratuita y de código abierto, y tiene la filosofía de que el software y las herramientas de aprendizaje deberían ser accesibles para todos.
  https://p5js.org

• Me tomó un rato llenar todo, pero no pasó nada especial. Si lo desarrollaran más, estaría bueno que las abejas volaran hacia las flores, que las arañas tejieran telarañas, que los conejos persiguieran zanahorias y que los girasoles giraran hacia el sol.
  También parece posible un shader para que las flores se muevan con el viento, o un efecto en el que el puntero del mouse cambie aleatoriamente a una regadera. También sería divertido que al hacer clic en un cactus sonara un “ay”.

  • Estaría bueno poder borrar manteniendo presionado el botón del mouse.

• La fuente es http://benmoren.com/.

  • https://github.com/bmoren/drawing-garden
  • Para quienes vean ese enlace, agrego que esta persona parece ser un artista que combina tecnología, naturaleza y sentidos. En su sitio hay muchísimos trabajos interesantes para explorar.

• Me pregunto si no sería mejor dejar siempre una casilla vacía.
  Es un proyecto genial, pero esperaba que pasara algo cuando lo llenara todo.

• Hay un efecto genial cuando llenas todas las casillas.

• Realmente genial. Vi que el favicon también cambia al emoji actual; me gustan esos pequeños detalles.

  • Sí. En HTML están usando un SVG con emoji como favicon, y es la primera vez que veo esa técnica.
    Es muy prolija y creo que yo también podría usarla.
  • Yo también lo hago en mi sitio. Hasta donde sé, es casi la única forma de usar un emoji dinámico por plataforma como favicon.

• Me preguntaba si las casillas adyacentes influían en la probabilidad de que apareciera cierto ser vivo. Al principio no había criaturas, y después empezaron a salir hormigas, ratones, palomas, arañas y erizos, hasta que por primera vez aparecieron un abejorro y un conejo.
  Las zonas con tréboles agrupados parecían aumentar los tréboles de cuatro hojas. Al ver el código parece que no es así, pero igual fue bastante sorprendente que apareciera un león.

• Aunque fue una experiencia tranquila, me dieron ganas de escribir un pequeño código para controlar los emojis y las criaturas con clic izquierdo/derecho.
  Sería contando la cantidad de clics, restando con clic derecho y sobrescribiendo random(i) para que la selección de criaturas y emojis pasara a estar basada en la cantidad de clics.

• El audio no parece cambiar según el área con la que interactúas.
  Las imágenes rotan, pero también entrega imágenes aleatorias que no se pueden volver a obtener dentro de una vuelta del ciclo de imágenes repetidas. Vi arañas, hormigas, erizos, mariquitas y mariposas azules, pero no aparecieron más de dos veces.
  Mientras intentaba encontrar un patrón intencional, empecé a crear mis propios patrones formando áreas con la misma imagen. Había una pequeña alegría cuando aparecía una imagen nueva, y me daba pena si hacía clic demasiado rápido y la pasaba de largo.
  Lo estuve probando hasta sentir que ya no había más sorpresas y me aburrí; para mí, eso está bien. Leí que hay un león y una serpiente, pero no tanto como para volver a intentarlo, y es interesante pensar que quizás haya más patrones que no descubrí.

  • En el código no hay león, pero sí hay serpiente.
    https://drawing.garden/sketch.js