Drawing.garden

• Drawing.garden est un petit projet web présenté par la formule « gardening, but with emojis and less time »
• L’écran affiche le texte « click for sound! » disposé verticalement, ce qui laisse penser qu’un son peut être joué après un clic
• La majeure partie du contenu est remplie de caractères 〰 répétés, faisant du motif visuel lui-même l’élément principal
• À partir du seul texte fourni, il n’est pas possible de confirmer des détails comme la liste des fonctionnalités, le mode d’emploi, la stack technique, le dépôt ou la licence
• Les éléments vérifiables se limitent au concept de jardin en emoji et à l’indication d’un son déclenché par clic

---

Éléments immédiatement visibles sur la page

• drawing.garden est un petit projet décrit comme « gardening, but with emojis and less time »
• Le corps de la page affiche « click for sound! » lettre par lettre, à la verticale
• Viennent ensuite de nombreux caractères 〰 répétés, qui forment le principal motif textuel à l’écran

Ce que le texte fourni ne permet pas de savoir

• Aucune description détaillée des fonctionnalités n’est incluse
• Aucun mode d’emploi supplémentaire n’est proposé en dehors de « click for sound! »
• La stack technique, le mode d’implémentation, le code source, la licence et les informations sur les navigateurs pris en charge ne peuvent pas être confirmés

[GN⁺]

Avis Hacker News

• C’est vraiment agréable. Ce que j’ai trouvé intéressant ici, c’est que, pour la plupart des gens comme moi, c’est une expérience apaisante, alors que chez certains, cela semble provoquer de l’anxiété parce qu’ils ne comprennent pas pourquoi cela existe ni à quoi ça sert

  • C’est similaire à l’art en général. Une performance qui n’a pas de lien direct avec la productivité peut sembler très provocatrice pour certaines personnes
    Tout n’a pas besoin d’avoir un sens sur l’axe coût/bénéfice, et les humains comme la nature sont bien plus complexes que cela
  • Ce n’est pas de l’anxiété, je me demandais juste si j’avais raté quelque chose puisque c’était sur HN et fortement recommandé. C’est l’effet que ça fait quand on regarde d’abord le site puis qu’on lit les commentaires après
  • Cette réaction est étrange. C’est comme les gens qui voient un beau parc et disent : « Horrible ! Ça ne sert à rien ! »
    Comme s’il fallait brûler tous les tableaux de paysages, et ne pas s’arrêter là mais brûler aussi les paysages eux-mêmes. Le but peut être la beauté, le plaisir, la contemplation ou un petit amusement, et considérer que tout est dénué de sens dès lors que cela ne correspond pas à un objectif précis qui nous importe, c’est une vision beaucoup trop étroite
  • Je suis plutôt dans la deuxième catégorie. Plus qu’une anxiété, c’est une légère aversion
    C’est sympa, mais on ne peut rien en faire d’utile, ni même dessiner quelque chose de signifiant comme un nom de domaine
  • Techniquement, c’est un jeu vidéo. Pourquoi les autres jeux existeraient-ils sinon ?

• En regardant le code, c’est un sketch p5.js. C’est aussi une bibliothèque utilisée dans les cours d’initiation à la programmation
  p5.js est une bibliothèque JavaScript pour le creative coding, conçue pour rendre le code accessible à tous, notamment aux artistes, designers, enseignants et débutants. C’est un projet open source gratuit, fondé sur l’idée que les logiciels et les outils d’apprentissage doivent être accessibles à tout le monde
  https://p5js.org

• Il m’a fallu un peu de temps pour tout remplir, mais il ne s’est rien passé de spécial. Si c’était davantage développé, ce serait bien que les abeilles volent vers les fleurs, que les araignées tissent leur toile, que les lapins poursuivent les carottes, ou que les tournesols se tournent vers le soleil
  On pourrait aussi imaginer un shader pour faire bouger les fleurs avec le vent, ou un effet où le pointeur de la souris se transforme aléatoirement en arrosoir. Ce serait aussi amusant que cliquer sur un cactus déclenche un « aïe » sonore

  • Ce serait bien de pouvoir effacer en maintenant le bouton de la souris enfoncé

• La source est http://benmoren.com/

  • https://github.com/bmoren/drawing-garden
  • Pour ceux qui regardent ce lien, j’ajoute que cette personne semble être un artiste qui combine technologie, nature et sensation. Il y a énormément de travaux intéressants à explorer sur son site

• Je me dis qu’il faudrait peut-être toujours laisser une case vide
  Super projet, mais je m’attendais à ce qu’il se passe quelque chose une fois tout rempli

• Il y a un effet sympa quand toutes les cases sont remplies

• Vraiment cool. J’ai aussi remarqué que le favicon changeait pour refléter l’emoji courant ; j’aime bien ce genre de petit détail

  • Oui. Le favicon utilise un SVG contenant un emoji en HTML, et je n’avais encore jamais vu cette approche
    C’est très propre et je pense que je pourrais m’en servir moi aussi
  • Je fais ça sur mon site aussi. À ma connaissance, c’est quasiment la seule façon d’utiliser un favicon emoji dynamique selon la plateforme

• Je me suis demandé si les tuiles adjacentes influençaient la probabilité qu’une créature spécifique apparaisse. Au début, il n’y avait aucune créature, puis j’ai vu des fourmis, des souris, des pigeons, des araignées et des hérissons, avant d’obtenir pour la première fois un bourdon et un lapin
  Une zone regroupant des trèfles semblait augmenter le nombre de trèfles à quatre feuilles. En regardant le code, ça n’a pas l’air d’être le cas, mais l’apparition d’un lion m’a quand même pas mal surpris

• C’était une expérience relaxante, mais ça m’a donné envie d’écrire un petit bout de code pour contrôler les emojis et les créatures avec les clics gauche/droite
  L’idée serait de compter les clics, de décrémenter avec le clic droit, puis de redéfinir random(i) pour basculer la sélection des créatures et des emojis sur le nombre de clics

• L’audio ne semble pas varier selon la zone avec laquelle on interagit
  Les images tournent en boucle, mais il y a aussi des images aléatoires qu’on ne peut pas retrouver au cours d’un même cycle des images répétées. J’ai vu des araignées, des fourmis, des hérissons, des coccinelles et des papillons bleus, mais jamais plus de deux fois
  En cherchant un motif intentionnel, j’ai fini par commencer à créer moi-même des motifs en formant des zones avec les mêmes images. Il y avait une petite joie quand une nouvelle image apparaissait, et un peu de frustration quand je cliquais trop vite et la ratais
  J’ai continué à jouer avec jusqu’à sentir qu’il n’y avait plus rien de surprenant et que cela devenait ennuyeux, ce qui me semble tout à fait correct. J’ai lu des messages disant qu’il y avait des lions et des serpents, mais pas au point d’avoir envie de recommencer ; en revanche, l’idée qu’il puisse encore y avoir des motifs que je n’ai pas découverts reste intéressante

  • Il n’y a pas de lion dans le code, mais il y a bien un serpent
    https://drawing.garden/sketch.js