HN เผยแพร่: เกม WebGL ที่ได้แรงบันดาลใจจาก Marble Madness ซึ่งสร้างขึ้นสำหรับ Netlify

 (5-million-devs.netlify.com)
1 คะแนน โดย GN⁺ 2024-11-23 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • แชร์ข่าวว่า Netlify มีนักพัฒนาครบ 5 ล้านคน
  • ระหว่างทางมีทั้งช่วงเวลาสนุกมากมายและช่วงเวลาสำคัญ
  • ผ่านเส้นทางนี้ คุณสามารถดูได้ว่าเรามาถึงจุดนี้ได้อย่างไร และคุณมีบทบาทอย่างไรในเรื่องราวนี้

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

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

 
GN⁺ 2024-11-23
ความคิดเห็นจาก Hacker News

  • ความท้าทายที่สนุกที่สุดคือการหลบ จุดสีขาวเรืองแสง ที่อยู่ตามเส้นทาง

    • น่าชื่นชมมากที่ทีมนี้โฟกัสกับการทำเกมให้สนุกจริง ๆ จุดเรืองแสงหลบได้ง่าย และเรื่องราวที่เล่าตรงนั้นก็ไม่รบกวน จึงดูเป็นการประนีประนอมที่เข้าใจได้
    • ผมคิดว่าจุดพวกนั้นควรเป็น พาวเวอร์อัป บางอย่างที่ทำให้อยากไปชนมากกว่า
      ตอนนี้การได้เรียนรู้เกี่ยวกับบริษัทให้ความรู้สึกเหมือนเป็นบทลงโทษ ซึ่งคงไม่ใช่เจตนา
      ถ้าใครหลงอยู่เพราะเหยียบจุดแล้วไม่รู้ว่าจะออกจากหน้าข้อมูลยังไง ให้กดปุ่มลูกศร ผมลองกด Esc กับคลิกอยู่นานพอสมควรกว่าจะรู้
      แต่ไอเดียเจ๋งมากจริง ๆ
    • ผมก็เล่นแบบ หลบจุดสีขาว เหมือนกัน มันยังให้ความรู้สึกว่าไปแตะปัญหาที่ลึกกว่านั้นด้วยว่า ในเกมที่มีองค์กรสนับสนุน แบรนด์เข้ามามีความสัมพันธ์กับผมอย่างไร บางทีการเรียกชื่อเกมว่า “Avoid the white dots” อาจเป็นก้าวหนึ่งไปในทิศทางนั้นก็ได้
      เวลาดูคอนเทนต์บน YouTube แล้วมีโฆษณาแทรกเข้ามา ผมจะคิดประมาณว่า “แบรนด์พวกนี้คิดอะไรกันนะ ถึงบุกเข้ามากลางคอนเทนต์ในห้องนั่งเล่นของผมเพื่อขายผ้าอนามัยแบบสอด?” แบบนั้นทำให้ผมรู้สึกว่าคงไม่ซื้อผ้าอนามัยแบบสอดยี่ห้อนั้นอีก
      อย่างไรก็ตาม ผมชอบเกมนี้และสตูดิโอที่ทำมัน ถ้าให้ฟีดแบ็กตรง ๆ ผมยังไม่รู้เลยว่าบริษัทที่สนับสนุนเกมนี้ทำอะไร ไม่มีความเชื่อมโยงทางอารมณ์ และไม่ได้เกิดความสนใจพอที่จะไปค้นดูว่าทำอะไร
      แต่ก่อนเวลาผมได้สัมผัสงานศิลปะดี ๆ มันจะทำให้อยากรู้มากขึ้นเกี่ยวกับสิ่งที่อยู่เบื้องหลัง ศิลปิน และถ้ายอดเยี่ยมจริง ๆ ก็อยากไปต่ออีกขั้น แบรนด์อย่าง Panic ทำให้เกิดพฤติกรรมแบบนั้นได้
      ผมจำโฆษณาประกัน Geico บน YouTube ที่บอกว่า “โฆษณานี้จบไปแล้ว คุณจึงกดข้ามไม่ได้” ได้ ผมว่ามันยอดเยี่ยมเพราะเข้าใจผู้ชม การเรียกเกมว่า “Avoid the dots” ก็อาจให้ผลคล้ายกันได้
      ผมลองคิดอยู่พักหนึ่งที่ระเบียงว่า ถ้าตอนเริ่มเกมขึ้นชื่อใหญ่สีขาวสไตล์ Super-hot ว่า “Avoid the dots (Speedrun challenge)” แล้วแสดง ตารางสถิติสูงสุด ตอนจบแต่ละเลเวลล่ะ ก็น่าจะมีโอกาสไวรัลในคอมมูนิตี้สปีดรันได้
    • ผมก็เล่นเป็น ชาเลนจ์สปีดรัน 0% เหมือนกัน

  • ผมเป็นหนึ่งในนักพัฒนาที่ร่วมทำโปรเจกต์นี้ ถ้ามีคำถามก็ตอบได้
    ข้อมูลโปรเจกต์อยู่ที่นี่: https://www.littleworkshop.fr/projects/5milliondevs/

    • ทำออกมาได้ดีมาก และถ่ายทอดความรู้สึกของ Marble Madness ได้ดี ผมอาจคิดลึกเกินไปก็ได้ แต่ผมชอบการหมุนของลูกแก้ว ต้นฉบับไม่ได้สื่อส่วนนั้นออกมาได้เท่เวอร์ชันนี้
    • ทำได้ดีครับ แต่ในเลเวล 5 มีกล่อง เด้ง สีเขียวอยู่สามกล่อง พอตกใส่อันหนึ่งก็เด้งไปอันที่สอง แล้วเด้งต่อไปอันที่สาม จากนั้นทะลุแพลตฟอร์มเหมือน noclip แล้วเข้าสู่สถานะ “ตกลงไปในอากาศว่าง” จากนั้นจะรีสปอนอยู่ข้างล่างและตายซ้ำทันที ไม่อยากเริ่มใหม่ตั้งแต่ต้นเพราะมีบั๊ก อยากให้เปิดซอร์สจัง
    • สนุกมากครับ ก่อนถึงรูเล็ก ๆ ในเลเวล 2 MacBook ของผมเริ่มหน่วงนิดหน่อย แล้ว การตรวจจับการชน ก็ดูเหมือนดูดลูกแก้วลงไปในพื้น
      https://imgur.com/ZANb1cT
    • ทำได้ดี และผมอยากรู้เรื่องเทคนิคเพิ่มเติม อยากรู้ว่าใช้ เฟรมเวิร์ก อะไรกับฉาก 3D และอ็อบเจ็กต์ จัดการการเคลื่อนกล้องให้ตามลูกบอลอย่างไร ใช้ไลบรารีอะไรสำหรับเสียง และอยากรู้ด้วยว่าฟิสิกส์ทำอย่างไร
    • อยากรู้ว่ามีกี่คนที่ร่วมทำโปรเจกต์นี้ และใช้เวลาพัฒนานานเท่าไร ทำได้ดีมากครับ

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

    • น่าทึ่งที่การควบคุมด้วย WASD ใช้งานได้ดีขนาดนี้ รู้สึกเป็นธรรมชาติโดยสิ้นเชิง
    • ผมเจอบั๊กการควบคุมอย่างหนึ่ง ถ้ากดปุ่มค้างไว้ระหว่างกำลังเกิดหรือก่อนเกิด ระบบจะไม่รับเป็นอินพุต
    • Ballance ก็น่าลองดูเหมือนกัน
      https://www.gog.com/en/game/ballance

  • ผมว่านี่อาจเป็นครั้งแรกที่เห็นเกมออนไลน์บอกให้ใช้ ปุ่ม WARS สำหรับการเคลื่อนที่อย่างถูกต้อง ดีมากที่รองรับเลย์เอาต์ที่ไม่ใช่ QWERTY
    การปรับแต่งประสิทธิภาพก็ยอดเยี่ยม รันได้ลื่นสนิทแม้บน MacBook ปี 2012 กับ GPU ออนบอร์ด HD 4000 เก่า ๆ ซึ่งไม่ใช่เรื่องเล็กสำหรับเกมเว็บยุคนี้

    • ขอบคุณครับ ผมใช้ AZERTY เลยรู้ดีถึงความเจ็บปวดเวลาใช้เว็บไซต์ที่คิดถึงแต่คีย์บอร์ดอเมริกัน
      ถ้าใครสงสัย เราใช้เมธอด getLayoutMap ของ Keyboard API เพื่อจัดการเลย์เอาต์คีย์บอร์ดนานาชาติ
      https://developer.mozilla.org/en-US/docs/Web/API/Keyboard/ge...

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

  • ดูเหมือนยังไม่มีใครพูดถึงตรงนี้ แต่น่าสนใจที่ Marble Madness ออกแบบโดย Mark Cerny
    https://en.m.wikipedia.org/wiki/Marble_Madness
    https://en.m.wikipedia.org/wiki/Mark_Cerny
    เขาเป็นที่รู้จักมากกว่าในฐานะผู้ออกแบบ PS4 และ PS5
    อีกอย่าง มีใครอธิบายได้ไหมว่า Netlify เป็นบริษัทที่ทำอะไร? ผมดูเว็บไซต์แล้ว แม้จะเข้าใจว่าการอธิบายเรื่องแบบนี้ด้วยถ้อยคำการตลาดเป็นเรื่องยาก แต่สุดท้ายก็ไม่ได้รู้อะไรเพิ่มเลย ผมทำงานเป็นโปรแกรมเมอร์อยู่ เลยอาจไม่ใช่กลุ่มลูกค้าเป้าหมายก็ได้

    • ไม่รู้ว่าตอนนี้ยังเป็นแบบนั้นไหม แต่ราว 5 ปีก่อน Netlify เป็นโฮสติ้ง Jamstack ที่ค่อนข้างแข็งแรง มีการดีพลอยผ่าน CI/CD ในตัวบนฐาน Git สำหรับคนที่ไม่อยากจัดการ VPS เอง

  • ออกนอกประเด็นไปนิด แต่ Marble Madness เป็นแรงผลักดันสำคัญอย่างหนึ่งที่ทำให้ผมเริ่มเขียนโปรแกรม พ่อผมเคยเล่นเกมนี้ตอนเด็กและประทับใจมาก ผมเลยได้ลองเล่นผ่าน MAME ตอนเด็กเหมือนกัน
    ผมทึ่งมากที่คอมพิวเตอร์สามารถจำลองวัตถุที่ตกลงมาอย่างค่อนข้างซับซ้อนในพื้นที่แบบไอโซเมตริกได้ แต่ตอนนั้นใช้ Game Maker 7 แล้วไม่รู้เลยว่าจะสร้างมันขึ้นมาใหม่ได้อย่างไร หลังจากเก่งคณิตขึ้น มันก็มีอิทธิพลต่อโปรเจกต์ที่ผมทำตอนวัยรุ่น และโปรเจกต์นั้นก็ยังอยู่ในเรซูเม่ของผมจนถึงตอนนี้

  • มีโอกาสจะปล่อยสิ่งนี้เป็น โอเพนซอร์ส ไหม? น่าจะเป็นตัวอย่างที่ยอดเยี่ยมสำหรับหลาย ๆ เรื่องที่ตอนนี้แทบไม่มีบทเรียนสอนเลย

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

  • มีหน้าไหนที่อธิบายไหมว่า Netlify คืออะไรในเชิงเทคนิค? สิ่งที่เห็นมีแต่ ข้อความการตลาด เลยไม่เข้าใจ

    • คือ เว็บโฮสติ้ง ที่พร้อมใช้งานทันที ลากโฟลเดอร์ build ไปวางก็ได้ URL แล้ว หรือไม่ก็เชื่อมต่อกับ Git repository
    • https://docs.netlify.com/platform/what-is-netlify/
    • ดูเหมือนคุณจะตอบตัวเองไปแล้วนะ มันดูเหมือนแพลตฟอร์มที่เพิ่มชั้นของ abstraction และความซับซ้อนบนเว็บแอปทั่วไป และน่าขันที่ถูกออกแบบมาเพื่อดึงดูด ผู้ใช้ที่ไม่ใช่สายเทคนิค ด้วยคำสัญญาว่าจะสร้างเว็บไซต์ได้แบบไร้แรงเสียดทานราวกับเวทมนตร์

  • ทำออกมาได้สวยงามมาก ยังทำให้นึกถึงเกมชื่อ Ballance ที่เคยเล่นนานมาแล้วด้วย แปลกดีที่ความทรงจำทำงานแบบนี้
    [1] https://en.wikipedia.org/wiki/Ballance_(video_game)