Drawing.garden

• Drawing.garden é um pequeno projeto web apresentado com a frase “gardening, but with emojis and less time”
• Na tela, há a frase “click for sound!” disposta verticalmente, indicando que é possível reproduzir som após clicar
• A maior parte do conteúdo é preenchida pelo caractere 〰 repetido, fazendo com que o próprio padrão visual seja o principal elemento
• Apenas com o texto fornecido, não é possível confirmar detalhes como lista de recursos, modo de uso, stack técnica, repositório ou licença
• O que pode ser confirmado se limita ao conceito de jardim com emojis e à instrução de som baseada em clique

---

Elementos visíveis imediatamente na página

• drawing.garden é um pequeno projeto com a descrição “gardening, but with emojis and less time”
• No corpo da página, “click for sound!” aparece verticalmente, uma letra por linha
• Em seguida, o caractere 〰 se repete muitas vezes, formando o principal padrão textual da tela

O que não dá para saber a partir do texto fornecido

• Não há uma descrição detalhada de funcionalidades
• O modo de uso não traz instruções adicionais além de “click for sound!”
• Não é possível confirmar informações sobre stack técnica, forma de implementação, código-fonte, licença ou navegadores suportados

[GN⁺]

Comentários do Hacker News

• Isso é realmente divertido. O que achei interessante aqui é que, para a maioria, é uma experiência calmante como foi para mim, mas para algumas pessoas isso parece gerar ansiedade por elas não entenderem por que isso existe ou para que serve

  • É parecido com arte em geral. Performances e coisas do tipo, que não se conectam diretamente à produtividade, podem soar como uma grande provocação para algumas pessoas
    Nem tudo precisa ter significado no eixo custo/benefício, e tanto as pessoas quanto a natureza são muito mais complexas do que isso
  • Não é ansiedade; eu só fiquei curioso se tinha deixado passar alguma coisa, já que apareceu no HN e recebeu muitos upvotes. É isso que acontece quando você vê o site primeiro e só depois lê os comentários
  • Esse tipo de reação é estranho. É como as pessoas que olham para um parque bonito e dizem: “Que horror! Isso não serve para nada!”
    Como se fosse para queimar todas as pinturas de paisagem e, sem parar por aí, queimar também as próprias paisagens. O objetivo pode ser beleza, prazer, contemplação ou uma pequena diversão, e é uma forma de pensar estreita demais achar que tudo é sem sentido só porque não se encaixa em algum objetivo específico de que a pessoa gosta
  • Eu estou mais perto do segundo grupo. Não chega a ser ansiedade, mas sim uma leve aversão
    É legal, mas não há nada de útil para fazer com isso, e também não dá para desenhar algo com significado, como o nome do domínio
  • Tecnicamente, é um videogame. Por que os outros jogos existiriam?

• Olhando por dentro, é um sketch em p5.js. Também é uma biblioteca usada em aulas introdutórias de programação
  p5.js é uma biblioteca JavaScript para programação criativa, focada em tornar a programação acessível para qualquer pessoa, incluindo artistas, designers, educadores e iniciantes. É open source e gratuito, e segue a filosofia de que software e ferramentas de aprendizagem devem ser acessíveis a todos
  https://p5js.org

• Demorou um pouco para preencher tudo, mas não aconteceu nada de especial. Se fosse mais desenvolvido, seria legal se as abelhas voassem até as flores, as aranhas fizessem teias, os coelhos corressem atrás de cenouras e os girassóis girassem em direção ao sol
  Também parece possível ter um shader com flores balançando ao vento, ou um efeito em que o ponteiro do mouse aleatoriamente vire um regador. Também seria divertido se ao clicar no cacto ele fizesse um som de “ai”

  • Seria bom se desse para apagar segurando o botão do mouse

• A fonte é http://benmoren.com/

  • https://github.com/bmoren/drawing-garden
  • Só acrescentando para quem abrir esses links: essa pessoa parece ser um artista que combina tecnologia, natureza e sensação. Há muitos trabalhos interessantes no site em que vale a pena clicar

• Fiquei pensando se não seria melhor sempre deixar um espaço vazio
  É um projeto legal, mas eu esperava que algo acontecesse quando tudo fosse preenchido

• Há um efeito legal quando você preenche todos os espaços

• Muito legal. Também notei que o favicon muda para o emoji atual, e gostei desse pequeno detalhe

  • Sim. Estão usando um SVG com emoji no HTML como favicon, e é a primeira vez que vejo isso
    Ficou bem elegante e parece algo que eu também poderia usar
  • Eu também faço isso no meu site. Pelo que sei, é praticamente a única forma de usar emoji dinâmico como favicon de acordo com a plataforma

• Fiquei curioso se os tiles adjacentes influenciam a probabilidade de aparecer certa criatura. No começo não havia criaturas; depois apareceram formigas, rato, pombo, aranha e ouriço, e então pela primeira vez surgiram um mamangava e um coelho
  Uma área com trevos parecia aumentar os trevos de quatro folhas. Pelo código, parece que não é o caso, mas mesmo assim foi bem surpreendente quando apareceu um leão

• Foi uma experiência relaxante, mas me deu vontade de escrever um pequeno código para controlar os emojis e as criaturas com clique esquerdo/direito
  A ideia seria contar os cliques, diminuir com clique direito e sobrescrever random(i) para transformar a escolha de criaturas e emojis em algo baseado na quantidade de cliques

• O áudio não parece mudar de acordo com a área com que você interage
  As imagens circulam, mas também surgem imagens aleatórias que não podem ser recuperadas dentro de um ciclo completo das imagens repetidas. Vi aranha, formiga, ouriço, joaninha e borboleta azul, mas nenhuma apareceu mais de duas vezes
  Enquanto eu tentava encontrar um padrão intencional, acabei começando a criar meus próprios padrões fazendo áreas com a mesma imagem. Quando surgia uma imagem nova, havia uma pequena alegria; quando eu clicava rápido demais e ela passava, ficava uma sensação de perda
  Fiquei mexendo até sentir que não havia mais nada que me surpreendesse e começar a achar entediante, e acho que isso já está bom. Li que há leões e cobras, mas não a ponto de querer fazer tudo de novo; ainda assim, é interessante pensar que pode haver mais padrões que eu não descobri

  • Não há leão no código, mas há uma cobra
    https://drawing.garden/sketch.js