Drawing.garden

• Drawing.garden adalah proyek web kecil yang diperkenalkan dengan frasa “gardening, but with emojis and less time”
• Di layar terdapat teks “click for sound!” yang disusun vertikal, sehingga tampaknya suara dapat diputar setelah diklik
• Sebagian besar isi halaman diisi dengan karakter 〰 yang berulang, menjadikan pola visual itu sendiri sebagai elemen utama
• Dari teks yang tersedia saja, detail seperti daftar fitur, cara penggunaan, stack teknologi, repositori, atau lisensi tidak dapat dikonfirmasi
• Hal yang dapat dipastikan terbatas pada konsep kebun emoji dan petunjuk suara berbasis klik

---

Elemen yang langsung terlihat di halaman

• drawing.garden adalah proyek kecil dengan deskripsi “gardening, but with emojis and less time”
• Di bagian isi, “click for sound!” ditampilkan secara vertikal, satu huruf per baris
• Setelah itu, karakter 〰 diulang dalam jumlah banyak dan membentuk pola teks utama di layar

Hal yang tidak dapat diketahui dari teks yang tersedia

• Tidak ada penjelasan fitur yang spesifik
• Cara penggunaan tidak dijelaskan lebih lanjut selain “click for sound!”
• Informasi tentang stack teknologi, cara implementasi, kode sumber, lisensi, atau browser yang didukung tidak dapat dikonfirmasi

[GN⁺]

Komentar Hacker News

• Ini benar-benar menyenangkan. Hal yang menurutku menarik di sini adalah, bagi kebanyakan orang ini adalah pengalaman yang menenangkan seperti bagiku, tetapi bagi sebagian orang tampaknya justru memicu kecemasan karena mereka tidak paham kenapa ini ada dan untuk apa

  • Mirip dengan seni pada umumnya. Hal-hal seperti pertunjukan yang tidak terhubung langsung dengan produktivitas bisa terasa seperti provokasi besar bagi sebagian orang
    Tidak semua hal harus memiliki makna pada sumbu biaya/manfaat, dan manusia maupun alam jauh lebih kompleks daripada itu
  • Bukan cemas, aku cuma penasaran apakah aku melewatkan sesuatu karena ini masuk HN dan mendapat banyak upvote. Kalau melihat situsnya dulu lalu membaca komentarnya belakangan, hasilnya memang jadi seperti ini
  • Reaksi seperti itu aneh. Mirip orang yang melihat taman yang indah lalu berkata, “Mengerikan! Ini tidak berguna!”
    Seperti ingin membakar semua lukisan pemandangan, dan tidak berhenti di situ tapi juga membakar semua pemandangannya. Tujuannya bisa saja keindahan, kesenangan, perenungan, atau hiburan kecil, tetapi kalau tidak cocok dengan tujuan tertentu yang mereka pedulikan, semuanya dianggap tidak bermakna. Itu pola pikir yang terlalu sempit
  • Aku lebih dekat ke kelompok kedua. Bukan kecemasan, lebih ke rasa enggan yang ringan
    Memang keren, tapi tidak ada yang bisa dilakukan secara berguna, dan juga tidak bisa menggambar sesuatu yang bermakna seperti nama domainnya
  • Secara teknis ini adalah video game. Memangnya kenapa game lain ada?

• Setelah melihat ke dalamnya, ternyata ini sketsa p5.js. Ini juga library yang dipakai di kelas pemrograman pengantar
  p5.js adalah library JavaScript untuk coding kreatif, dengan fokus membuat coding mudah diakses oleh siapa saja, termasuk seniman, desainer, pendidik, dan pemula. Ini open source gratis, dan memiliki filosofi bahwa perangkat lunak dan alat belajar harus dapat diakses oleh semua orang
  https://p5js.org

• Butuh waktu agak lama untuk mengisi semuanya, tapi tidak terjadi hal khusus. Kalau dikembangkan lebih lanjut, akan bagus kalau lebah terbang ke bunga, laba-laba membuat jaring, kelinci mengejar wortel, dan bunga matahari berputar mengikuti matahari
  Shader untuk bunga yang bergoyang tertiup angin juga tampak memungkinkan, atau efek kursor mouse yang kadang berubah acak menjadi penyiram tanaman. Menekan kaktus lalu terdengar suara “aduh” juga akan lucu

  • Akan bagus kalau menahan tombol mouse lama bisa dipakai untuk menghapus

• Sumbernya adalah http://benmoren.com/

  • https://github.com/bmoren/drawing-garden
  • Sebagai tambahan untuk orang-orang yang membuka tautan itu, orang ini tampaknya seperti seniman yang menggabungkan teknologi, alam, dan indra. Ada banyak karya menarik di situsnya yang layak diklik

• Aku merasa mungkin bagus kalau satu petak selalu dibiarkan kosong
  Proyek yang keren, tapi saat semua terisi aku sempat berharap sesuatu akan terjadi

• Ada efek keren kalau semua petak terisi

• Sangat keren. Aku juga melihat favicon-nya berubah ke emoji saat ini, detail kecil seperti itu bagus

  • Betul. Mereka memakai SVG berisi emoji di HTML sebagai favicon, dan ini pertama kalinya aku melihat pendekatan seperti itu
    Sangat rapi dan sepertinya bisa kupakai juga
  • Aku juga melakukannya di situsku. Setahuku itu hampir satu-satunya cara untuk memakai emoji dinamis spesifik platform sebagai favicon

• Aku penasaran apakah tile yang bersebelahan memengaruhi peluang munculnya makhluk tertentu. Awalnya tidak ada makhluk, lalu muncul semut, tikus, merpati, laba-laba, dan landak, kemudian untuk pertama kalinya muncul lebah kumbang dan kelinci
  Area yang dipenuhi semanggi tampak seperti meningkatkan jumlah semanggi berdaun empat. Setelah melihat kodenya sepertinya tidak begitu, tapi tetap saja kemunculan singa cukup mengejutkan

• Ini memang pengalaman yang menenangkan, tapi membuatku ingin menulis sedikit kode untuk mengendalikan emoji dan makhluk dengan klik kiri/kanan
  Caranya dengan menghitung jumlah klik, menguranginya dengan klik kanan, lalu menimpa random(i) agar pemilihan makhluk dan emoji berubah menjadi berbasis jumlah klik

• Audio tampaknya tidak berubah tergantung area yang sedang berinteraksi
  Gambarnya berputar, tetapi juga memberikan gambar acak yang tidak bisa didapat lagi dalam satu putaran gambar berulang. Aku melihat laba-laba, semut, landak, kepik, dan kupu-kupu biru, tetapi tidak ada yang muncul lebih dari dua kali
  Saat mencoba mencari pola yang disengaja, aku malah mulai membuat polaku sendiri, seperti membentuk area dengan gambar yang sama. Ada kegembiraan kecil saat gambar baru muncul, dan rasanya sayang kalau terlewat karena menekan terlalu cepat
  Aku terus memainkannya sampai merasa tidak ada lagi kejutan dan mulai bosan, dan menurutku itu sudah cukup baik. Aku membaca tulisan bahwa ada singa dan ular, tapi tidak sampai membuatku ingin mencoba lagi, meskipun menarik bahwa mungkin masih ada pola lain yang belum kutemukan

  • Tidak ada singa di kodenya, tapi ada ular
    https://drawing.garden/sketch.js