Drawing.garden

• Drawing.garden là một dự án web nhỏ được giới thiệu bằng câu “gardening, but with emojis and less time”
• Trên màn hình có dòng chữ “click for sound!” được sắp theo chiều dọc, cho thấy có thể phát âm thanh sau khi nhấp
• Phần lớn nội dung được lấp đầy bằng ký tự 〰 lặp lại, khiến chính mẫu thị giác này trở thành yếu tố chính
• Chỉ với văn bản được cung cấp, không thể xác nhận các chi tiết như danh sách tính năng, cách sử dụng, tech stack, kho lưu trữ hay giấy phép
• Trong phạm vi có thể xác nhận, thông tin chỉ giới hạn ở ý tưởng khu vườn emoji và hướng dẫn âm thanh dựa trên thao tác nhấp

---

Những yếu tố thấy ngay trên trang

• drawing.garden là một dự án nhỏ với phần mô tả “gardening, but with emojis and less time”
• Trong nội dung có dòng “click for sound!” được hiển thị theo chiều dọc từng ký tự
• Tiếp theo là rất nhiều ký tự 〰 được lặp lại, tạo thành mẫu văn bản chính của màn hình

Những điều không thể biết chỉ từ văn bản được cung cấp

• Không có mô tả tính năng cụ thể
• Ngoài “click for sound!”, không có thêm hướng dẫn sử dụng nào được đưa ra
• Không thể xác nhận thông tin về tech stack, cách triển khai, mã nguồn, giấy phép hay trình duyệt được hỗ trợ

[GN⁺]

Ý kiến trên Hacker News

• Cái này thật sự rất thú vị. Điều mình thấy thú vị ở đây là, với phần lớn mọi người thì nó là một trải nghiệm làm dịu tâm trí như với mình, nhưng với một số người, có vẻ nó lại gây bất an vì họ không hiểu tại sao nó tồn tại, hay nó dùng để làm gì

  • Giống nghệ thuật nói chung. Những thứ như một màn trình diễn không gắn trực tiếp với năng suất có thể bị một số người xem như một sự khiêu khích lớn
    Không phải mọi thứ đều phải có ý nghĩa trên trục chi phí/lợi ích; con người và thiên nhiên phức tạp hơn thế rất nhiều
  • Không phải bất an đâu, chỉ là vì nó được đăng lên HN và nhận nhiều upvote nên mình tò mò không biết mình đã bỏ lỡ điều gì. Khi xem website trước rồi đọc bình luận sau thì sẽ thành ra như vậy
  • Phản ứng như thế thật kỳ lạ. Nó giống những người nhìn một công viên đẹp rồi nói “Kinh khủng quá! Nó vô dụng mà!”
    Kiểu như hãy đốt hết tranh phong cảnh, rồi chưa dừng ở đó mà đốt luôn cả phong cảnh thật. Mục đích có thể là vẻ đẹp, niềm vui, sự suy ngẫm, hay một chút thú vị nhỏ, nhưng nếu không khớp với mục đích cụ thể mà họ quan tâm thì họ xem tất cả là vô nghĩa; đó là lối nghĩ quá hẹp
  • Tôi thì gần với nhóm thứ hai hơn. Không hẳn là bất an, mà giống một cảm giác bài xích nhẹ hơn
    Nó hay thật, nhưng không có gì hữu ích để làm, và cũng không thể vẽ một bức tranh có ý nghĩa như tên miền gợi ra
  • Về mặt kỹ thuật thì đây là một trò chơi điện tử. Các trò chơi khác tồn tại để làm gì chứ?

• Nhìn bên trong thì đây là một p5.js sketch. Đây cũng là thư viện được dùng trong các lớp lập trình nhập môn
  p5.js là một thư viện JavaScript cho creative coding, tập trung vào việc giúp bất kỳ ai — nghệ sĩ, nhà thiết kế, nhà giáo dục, người mới bắt đầu — cũng có thể tiếp cận việc lập trình dễ dàng hơn. Nó là mã nguồn mở miễn phí, với triết lý rằng phần mềm và công cụ học tập nên có thể tiếp cận được với tất cả mọi người
  https://p5js.org

• Mất một lúc để lấp đầy hết, nhưng không có gì đặc biệt xảy ra. Nếu phát triển thêm, mình muốn thấy kiểu ong bay tới hoa, nhện giăng tơ, thỏ đuổi theo cà rốt, hoa hướng dương xoay về phía mặt trời
  Có vẻ cũng có thể làm shader để hoa đung đưa trong gió, hoặc hiệu ứng con trỏ chuột ngẫu nhiên biến thành bình tưới nước. Bấm vào xương rồng mà phát ra tiếng “á đau” cũng sẽ vui

  • Nếu giữ nút chuột để xóa thì hay

• Nguồn là http://benmoren.com/

  • https://github.com/bmoren/drawing-garden
  • Nói thêm cho những ai xem liên kết đó: người này trông giống một nghệ sĩ kết hợp công nghệ, thiên nhiên và giác quan. Trên site có rất nhiều tác phẩm thú vị đáng bấm thử

• Mình nghĩ hay là luôn để trống một ô thì sao
  Dự án rất tuyệt, nhưng mình đã kỳ vọng sẽ có gì đó xảy ra khi lấp đầy hết

• Khi lấp đầy tất cả các ô sẽ có hiệu ứng rất hay

• Thật sự rất tuyệt. Mình cũng thấy favicon đổi theo emoji hiện tại, chi tiết nhỏ này rất hay

  • Đúng vậy. Trong HTML họ dùng SVG có chứa emoji làm favicon, đây là lần đầu mình thấy cách này
    Rất gọn gàng, và mình nghĩ mình cũng có thể thử dùng
  • Site của mình cũng làm vậy. Theo mình biết thì đây gần như là cách duy nhất để dùng emoji động theo từng nền tảng làm favicon

• Mình đã tự hỏi liệu các ô liền kề có ảnh hưởng đến xác suất xuất hiện của một sinh vật cụ thể không. Lúc đầu không có sinh vật nào, sau đó xuất hiện kiến, chuột, bồ câu, nhện, nhím, rồi lần đầu có ong nghệ và thỏ
  Khu vực có nhiều cỏ ba lá trông như làm tăng số cỏ bốn lá. Xem code thì có vẻ không phải vậy, nhưng dù sao việc xuất hiện sư tử cũng khá bất ngờ

• Đó là một trải nghiệm thư giãn, nhưng mình lại nảy ra mong muốn viết một chút code để điều khiển emoji và sinh vật bằng click trái/phải
  Cách làm là đếm số lần click, giảm bằng click phải, rồi ghi đè random(i) để biến việc chọn sinh vật và emoji thành dựa trên số lần click

• Âm thanh có vẻ không thay đổi theo vùng tương tác
  Hình ảnh thì xoay vòng, nhưng cũng có những hình ngẫu nhiên không thể lấy lại trong một vòng lặp hình ảnh. Mình đã thấy nhện, kiến, nhím, bọ rùa, bướm xanh, nhưng không cái nào xuất hiện quá hai lần
  Trong lúc tìm một mẫu có chủ ý, mình bắt đầu tự tạo mẫu bằng cách tạo các vùng có cùng hình. Khi có hình mới xuất hiện thì có một chút vui thích, và nếu bấm quá nhanh rồi lỡ bỏ qua thì thấy tiếc
  Mình đã nghịch đến khi cảm thấy không còn gì để ngạc nhiên nữa và bắt đầu chán; như vậy theo mình là ổn. Mình đọc thấy có sư tử và rắn, nhưng chưa đến mức muốn chơi lại, còn việc có thể vẫn có những mẫu mình chưa khám phá ra thì khá thú vị

  • Trong code không có sư tử, nhưng có rắn
    https://drawing.garden/sketch.js