ดรออิง.การ์เดน (Drawing.garden)

 (drawing.garden)
1 คะแนน โดย GN⁺ 2024-01-12 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • Drawing.garden เป็น โปรเจกต์เว็บขนาดเล็ก ที่แนะนำตัวด้วยวลี “gardening, but with emojis and less time”
  • บนหน้าจอมีข้อความ “click for sound!” จัดวางในแนวตั้ง ดูเหมือนว่าสามารถ เล่นเสียง ได้หลังจากคลิก
  • เนื้อหาส่วนใหญ่เต็มไปด้วย อักขระ 〰 ที่ซ้ำกัน ทำให้แพตเทิร์นเชิงภาพเป็นองค์ประกอบหลัก
  • จากข้อความที่ให้มาเพียงอย่างเดียว ไม่สามารถยืนยันรายละเอียดอย่างรายการฟีเจอร์ วิธีใช้งาน tech stack, repository หรือ license ได้
  • ขอบเขตที่ยืนยันได้จำกัดอยู่ที่ คอนเซ็ปต์สวนอีโมจิ และคำแนะนำเรื่องเสียงที่อาศัยการคลิก

องค์ประกอบที่เห็นได้ทันทีบนหน้าเว็บ

  • drawing.garden เป็นโปรเจกต์ขนาดเล็กที่มีคำอธิบายว่า “gardening, but with emojis and less time”
  • ในเนื้อหามี “click for sound!” แสดงทีละตัวอักษรในแนวตั้ง
  • ต่อจากนั้นมี อักขระ 〰 ซ้ำจำนวนมาก กลายเป็นแพตเทิร์นข้อความหลักของหน้าจอ

สิ่งที่ไม่สามารถทราบได้จากข้อความที่ให้มา

  • ไม่มี คำอธิบายฟีเจอร์ ที่เฉพาะเจาะจงรวมอยู่
  • ไม่มีการนำเสนอวิธีใช้งานเพิ่มเติมนอกเหนือจาก “click for sound!”
  • ไม่สามารถยืนยันข้อมูลเกี่ยวกับ tech stack, วิธีการนำไปใช้งาน, source code, license หรือเบราว์เซอร์ที่รองรับได้

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
GN⁺ 2024-01-12
ความคิดเห็นบน Hacker News

  • อันนี้สนุกมาก สิ่งที่ผมมองว่าน่าสนใจคือ สำหรับคนส่วนใหญ่ มันเป็น ประสบการณ์ที่ทำให้สงบลง เหมือนกับผม แต่สำหรับบางคนดูเหมือนมันกลับทำให้กังวล เพราะไม่เข้าใจว่ามันมีอยู่ทำไม หรือมีไว้เพื่ออะไร

    • คล้ายกับ ศิลปะ ทั่วไป งานแสดงหรืออะไรทำนองนั้นที่ไม่ได้เชื่อมกับประสิทธิภาพการผลิตโดยตรง สำหรับบางคนอาจรู้สึกเหมือนเป็นการยั่วยุอย่างแรง
      ไม่ใช่ทุกอย่างต้องมีความหมายบนแกนต้นทุน/ประโยชน์เสมอไป ทั้งมนุษย์และธรรมชาติล้วนซับซ้อนกว่านั้นมาก
    • ไม่ได้กังวลหรอก แค่เห็นว่ามันขึ้น HN และได้คะแนนโหวตสูง เลยสงสัยว่าผมพลาดอะไรไปหรือเปล่า ถ้าดูเว็บก่อนแล้วค่อยมาอ่านคอมเมนต์ทีหลังก็จะเป็นแบบนี้
    • ปฏิกิริยาแบบนั้นแปลกนะ คล้ายกับคนที่เห็นสวนสาธารณะสวยๆ แล้วพูดว่า “แย่มาก! มันไม่มีประโยชน์เลย!”
      เหมือนจะเผาภาพทิวทัศน์ให้หมด แล้วยังไม่หยุดแค่นั้น แต่จะเผาทิวทัศน์จริงๆ ให้หมดด้วย ทั้งที่จุดประสงค์อาจเป็นความงาม ความเพลิดเพลิน การครุ่นคิด หรือความสนุกเล็กๆ น้อยๆ ก็ได้ แต่ถ้าไม่ตรงกับจุดประสงค์เฉพาะที่ตัวเองสนใจ ก็เหมารวมว่าทั้งหมดไร้ความหมาย เป็นวิธีคิดที่แคบเกินไป
    • ผมค่อนข้างอยู่ฝั่งกลุ่มที่สองนะ ไม่ถึงกับกังวล แต่ใกล้เคียงกับ ความรู้สึกต่อต้าน เบาๆ
      มันเจ๋งดี แต่ไม่มีอะไรที่เอาไปใช้ประโยชน์ได้ และก็วาดรูปที่มีความหมายเหมือนชื่อโดเมนไม่ได้ด้วย
    • ในเชิงเทคนิคแล้วมันคือ วิดีโอเกม เกมอื่นๆ มีอยู่ไปทำไมล่ะ?

  • ลองดูข้างในแล้ว เป็น สเก็ตช์ p5.js นี่เอง เป็นไลบรารีที่ใช้ในคาบเขียนโปรแกรมเบื้องต้นด้วย
    p5.js เป็นไลบรารี JavaScript สำหรับ creative coding โดยเน้นให้ทุกคนเข้าถึงการเขียนโค้ดได้ง่าย ไม่ว่าจะเป็นศิลปิน นักออกแบบ นักการศึกษา หรือผู้เริ่มต้น เป็นโอเพนซอร์สฟรี และมีปรัชญาว่าซอฟต์แวร์กับเครื่องมือการเรียนรู้ควรเข้าถึงได้สำหรับทุกคน
    https://p5js.org

  • ใช้เวลาพอสมควรกว่าจะเติมครบทั้งหมด แต่ก็ไม่มีอะไรพิเศษเกิดขึ้น ถ้าจะพัฒนาต่อ อยากให้มีผึ้งบินไปที่ดอกไม้ แมงมุมชักใย กระต่ายไล่แครอต หรือดอกทานตะวันหันเข้าหาดวงอาทิตย์อะไรแบบนั้น
    ดูเหมือนจะทำ shader ให้ดอกไม้ไหวตามลม หรือเอฟเฟกต์ที่ตัวชี้เมาส์สุ่มเปลี่ยนเป็นบัวรดน้ำก็ได้ด้วย ถ้ากดกระบองเพชรแล้วมีเสียง “โอ๊ย” ก็น่าจะสนุก

    • อยากให้กดปุ่มเมาส์ค้างเพื่อ ลบ ได้

  • แหล่งที่มาคือ http://benmoren.com/

    • https://github.com/bmoren/drawing-garden
    • ขอเสริมสำหรับคนที่เข้าไปดูลิงก์นั้น คนนี้ดูเหมือนเป็นศิลปินที่ผสมผสาน เทคโนโลยี·ธรรมชาติ·ประสาทสัมผัส ในไซต์มีผลงานน่าสนใจให้ลองกดดูเยอะมาก

  • ผมคิดว่าน่าจะเว้นช่องหนึ่งไว้เสมอจะเป็นยังไงนะ
    เป็นโปรเจกต์ที่เจ๋ง แต่ผมคาดหวังว่าถ้าเติมครบแล้วจะมีอะไรบางอย่างเกิดขึ้น

  • ถ้าเติมครบทุกช่องจะมีเอฟเฟกต์เจ๋งๆ

  • เจ๋งมาก เห็นว่า favicon ก็เปลี่ยนเป็นอีโมจิปัจจุบันด้วย รายละเอียดเล็กๆ แบบนี้ดีมาก

    • ใช่ ใน HTML ใช้ SVG ที่มีอีโมจิเป็น favicon อยู่ ผมเพิ่งเคยเห็นวิธีแบบนี้ครั้งแรก
      เรียบเนียนมาก และผมก็น่าจะลองเอาไปใช้ได้ด้วย
    • ผมก็ทำแบบนั้นกับไซต์ของตัวเอง เท่าที่รู้ นี่แทบจะเป็นวิธีเดียวในการใช้อีโมจิแบบไดนามิกตามแพลตฟอร์มเป็น favicon

  • ผมสงสัยว่าไทล์ที่อยู่ติดกันมีผลต่อความน่าจะเป็นที่สิ่งมีชีวิตบางชนิดจะออกมาหรือเปล่า ตอนแรกไม่มีสิ่งมีชีวิตเลย จากนั้นก็มีมด หนู นกพิราบ แมงมุม เม่น แล้วก็เจอผึ้งหึ่งกับกระต่ายเป็นครั้งแรก
    บริเวณที่มีโคลเวอร์รวมกันดูเหมือนจะเพิ่มโคลเวอร์สี่แฉก พอดูโค้ดแล้วดูเหมือนไม่ใช่ แต่การที่มี สิงโต โผล่มาก็ทำให้ประหลาดใจไม่น้อย

  • มันเป็นประสบการณ์ที่ผ่อนคลายก็จริง แต่ทำให้เกิดความอยากเขียนโค้ดเล็กๆ เพื่อควบคุมอีโมจิและสิ่งมีชีวิตด้วยคลิกซ้าย/ขวา
    แนวทางคือ นับจำนวนคลิก ใช้คลิกขวาลดค่า แล้วเขียนทับ random(i) เพื่อเปลี่ยนการเลือกสิ่งมีชีวิตและอีโมจิให้เป็นแบบ อิงจำนวนคลิก

  • เสียงดูเหมือนจะไม่เปลี่ยนตามพื้นที่ที่เราโต้ตอบด้วย
    รูปภาพจะวนซ้ำ แต่ก็ให้รูปสุ่มที่ไม่สามารถเรียกกลับมาได้อีกภายในหนึ่งรอบของภาพที่วนซ้ำ ผมเห็นแมงมุม มด เม่น เต่าทอง และผีเสื้อสีน้ำเงิน แต่ไม่มีตัวไหนโผล่มากกว่าสองครั้ง
    ระหว่างพยายามหารูปแบบที่ตั้งใจไว้ ผมก็เริ่มสร้างรูปแบบเองด้วยการทำพื้นที่รูปภาพเดียวกันขึ้นมา เวลาได้รูปใหม่ก็มี ความดีใจ เล็กๆ และถ้ากดเร็วเกินไปจนเลยไปก็รู้สึกเสียดาย
    ผมลองเล่นจนรู้สึกว่าไม่มีอะไรให้ประหลาดใจอีกและเริ่มเบื่อ ซึ่งในระดับนั้นก็ถือว่าโอเคแล้ว อ่านเจอว่ามีสิงโตกับงู แต่ก็ไม่ถึงกับอยากกลับไปเล่นใหม่ และก็น่าสนใจที่อาจยังมีรูปแบบอื่นๆ ที่ผมยังไม่ค้นพบ