Boing

 (boing.greg.technology)
4 คะแนน โดย GN⁺ 2025-12-01 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • หน้าเว็บนี้เป็นบริการแบบโต้ตอบง่ายๆ ที่บันทึก จำนวน "boing" ทุกครั้งที่ผู้ใช้ทำการ กดดึงและปล่อยลูกบอลที่ติดอยู่กับสปริงด้วยเมาส์
  • ลูกบอลและสปริงจะเคลื่อนไหวอย่างเป็นธรรมชาติทางฟิสิกส์ตามมุมที่เหมาะสม
  • แสดงจำนวนครั้งการใช้งานปัจจุบันของแต่ละบุคคลผ่านข้อความ "you've boinged 0 times"
  • แสดง ยอดรวมการทำ "boing" ที่สะสมทั่วโลกร่วมกัน
  • เป็นโปรเจกต์ที่มีลักษณะเป็น การทดลองเว็บแบบมีส่วนร่วม ด้วยอินเทอร์เฟซที่เรียบง่าย

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

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

 
GN⁺ 2025-12-01
ความเห็นจาก Hacker News

  • ชอบอันนี้มาก เลยใช้ โค้ดโกง นิดหน่อยให้มันขยับเมาส์อัตโนมัติ

    • รอวันที่จะมีใครเขียนโค้ดใช้สิ่งนี้เล่น Star Wars Imperial March (ลิงก์ YouTube)
    • ลองเล่นเองได้ที่ boing.playcode.io
    • จริง ๆ ไม่ต้องขยับเมาส์ก็ได้ แค่ คลิกเยื้องศูนย์ เล็กน้อยด้านในลูกบอลก็พอ
    • เกือบจะยอมแพ้อยู่แล้ว แต่สุดท้ายก็ทำ สคริปต์เล่นสเกลเสียง สำเร็จ โดยดึงแล้วปล่อยสปริงตามแต่ละระดับเสียงเพื่อให้เล่นอัตโนมัติ
    • มันตลกจนมีคนตอบประมาณว่า “รับอัปโหวตไปเลย”

  • สิ่งที่น่าสนใจคือ เพราะมัน ไม่ใช่การจำลองฟิสิกส์ที่สมบูรณ์แบบ มันเลยกลับให้ความรู้สึกสมจริงกว่า
    ถ้าทำตามกฎของ Hooke แบบเป๊ะ ๆ มันจะดูแข็งและปลอมเกินไป แต่พอใส่ ความหลวมกับแรงหน่วง ลงไปนิดหน่อย มันจะดูเป็นธรรมชาติมากขึ้น เป็นความ ‘ไม่เนี้ยบแบบควบคุมได้’ อย่างหนึ่ง

    • คำว่า “ฟิสิกส์สมบูรณ์แบบ” ไม่ได้แปลว่าจำลองโลกจริงได้สมบูรณ์แบบเหรอ? งงว่าหมายถึงกฎของ Hooke ไม่สมจริง หรือหมายถึงตัวจำลองสปริงจริง ๆ ไม่สมจริงกันแน่
    • เกมเก่า Elasto Mania ใช้หลักการนี้แบบสุดทาง ฟิสิกส์มอเตอร์ไซค์ที่โอเวอร์เกินจริงทำให้ทำสตันต์ประหลาดแต่เท่มากได้ (elastomania.com)
    • กฎของ Hooke เป็นแค่แบบจำลองสปริงอุดมคติเท่านั้น ส่วนสปริงจริงมี แรงหน่วงและแรงเสียดทาน แบบจำลองที่สมจริงกว่าคือ mass-spring-damper model ที่เพิ่มพจน์แรงหน่วงเข้าไป (ลิงก์ Wikipedia)
    • กฎของ Hooke พิจารณาเฉพาะแรงที่สปริงกระทำ โดยละเลยการกระจายมวลของตัวสปริงเองและการเปลี่ยนแปลงโมเมนตัม ในโลกจริงมันซับซ้อนกว่านั้นมาก ดังนั้นกฎของ Hooke จึงเป็นได้แค่ การประมาณอันดับหนึ่ง
    • เกมแพลตฟอร์ม สมัยก่อนก็เหมือนกัน ถ้าใช้ฟิสิกส์เอนจินจริง ๆ กลับทำให้การควบคุมแย่ลง

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

  • ในที่สุดก็มาแล้ว! ถึงเวลานำอันนี้ไปใช้ทำ วิดีโอมีมคลาสสิก กันแล้ว (ลิงก์ YouTube Shorts)

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

  • มีข้อเสนอว่า “ลองทำสิ่งนี้ให้เป็น ฟีเจอร์โซเชียล ดีไหม?” เช่น ฉันส่ง ‘Boing’ ที่ทำไว้ให้พี่สาว แล้วให้เธอประเมินฝีมือฉัน

    • “Boing ล่าสุดที่ส่ง”? “Boing แบบเล่นวน”? น่าจะทำออกมาในแนวนั้นได้เหมือนกัน กำลังคิดพิจารณาอย่างจริงจังอยู่ :-)

  • ถ้าเป็น Elon Musk ก็คงจะพูดว่า “นี่คืออัลฟาเวอร์ชันแรกของตัวจำลองโลก และภายใน 1 ปีมันจะพยากรณ์สภาพอากาศกับตลาดหุ้นได้อย่างสมบูรณ์แบบ”

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

    • ปล่อยแน่นอน! GitHub repository
    • ลองแกะด้วย unminifier ออนไลน์ไหม? (unminify2.com)
    • ดูจากโครงสร้างแล้วเหมือนเป็น การจำลองสปริงแบบใช้ exponential damping ที่ทำด้วย requestAnimationFrame และก็มีเวอร์ชันที่ AI ทำไว้เหมือนกัน (ลิงก์ jsfiddle)

  • อยากเห็น เวอร์ชันที่จำลองได้แม่นยำจริง ๆ ของสิ่งนี้เหมือนกัน เช่น ในสไตล์ engine-sim.parts

  • น่าจะดีถ้ามี ตัวนับจำนวน Boing รวมของทั้งโลก

    • เป็นไอเดียที่ดี เลยทำ ตัวนับ World Boing เพิ่มเข้าไปทันที
    • ถ้าเพิ่ม ฮีตแมปของ Boing เข้าไปด้วยก็น่าจะสนุกดี