2 คะแนน โดย GN⁺ 2024-03-09 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • Downpour คือเครื่องมือสร้างเกมที่ออกแบบมาให้สร้างและแชร์เกมอินเทอร์แอคทีฟสั้น ๆ ได้อย่างรวดเร็วบนมือถือ ด้วยการผสมผสานตัวเลือก ข้อความ และรูปภาพ
  • เป้าหมายหลักคือทำให้การสร้างทำได้รวดเร็วและมีอุปสรรคต่ำ ขณะเดียวกันก็รองรับรูปวาดบนกระดาษ ภาพถ่าย ภาพจากซอฟต์แวร์ และภาพออนไลน์ เพื่อให้มี พลังในการถ่ายทอด
  • แอปพัฒนาด้วย Flutter เพื่อรองรับทั้ง iPhone และ Android และปรับความเร็วให้เปิดบนมือถือของผู้พัฒนาได้ในระดับต่ำกว่า 1 วินาที
  • มองว่าการแชร์เป็นส่วนหนึ่งของกระบวนการสร้าง เมื่ออัปโหลดในแอป เกมจะถูกส่งขึ้นเซิร์ฟเวอร์และเล่นผ่านลิงก์ได้ พร้อมมี player แบบ HTML/JavaScript สำหรับเว็บเบราว์เซอร์ด้วย
  • สามารถสร้างได้โดยไม่ต้องมีบัญชี แต่การอัปโหลด การเล่นภายในแอป การติดตาม และการแจ้งเตือนแบบ push ต้องใช้บัญชี โดยตั้งเป้าเป็นเครื่องมือที่ช่วยให้ไอเดียเล็ก ๆ อย่างมุกสั้น ๆ หรือบทกวีทำเสร็จจนจบได้

ปัญหาที่ Downpour ต้องการแก้

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

โครงสร้างพื้นฐานที่สร้างด้วยตัวเลือกและรูปภาพ

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

เหตุผลที่ใช้มือถือเป็นสภาพแวดล้อมหลักในการสร้าง

  • เพราะแม้แต่ขั้นตอนการเปิดคอมพิวเตอร์ก็อาจเป็นอุปสรรคได้ และบางคนอาจไม่มีคอมพิวเตอร์ Downpour จึงให้ความสำคัญกับ การใช้มือถือ เป็นศูนย์กลาง
  • มือถือมีกล้องในตัว จึงถ่ายสิ่งที่กำลังมองอยู่มาใช้เป็นวัตถุดิบในเกมได้ง่าย
  • พัฒนาแบบ ข้ามแพลตฟอร์ม เพื่อรองรับทั้งผู้ใช้ iPhone และ Android
  • ในขั้นตอนเลือกเฟรมเวิร์ก ความเร็วในการเริ่มต้นเป็นเกณฑ์เปรียบเทียบสำคัญ
    • Unity ช้ามาก
    • React Native ก็ถือว่าค่อนข้างช้า
    • การพัฒนาแบบเนทีฟอาจเร็วที่สุด แต่ต้องสร้างแยกสองครั้งตามแพลตฟอร์ม
    • Flutter เป็นตัวเลือกที่ทั้งข้ามแพลตฟอร์มและเร็วเพียงพอ
  • ยืนยันว่า Downpour เปิดบนมือถือของผู้พัฒนาได้ในเวลา ต่ำกว่า 1 วินาที

UI บนมือถือและบทเรียนสอนใช้งาน

  • การแก้ไข แคนวาสแบบไม่มีที่สิ้นสุด บนมือถือต้องออกแบบ UI แตกต่างจากเดสก์ท็อป
  • พยายามให้ทำงานที่ใช้บ่อยได้แม้ถือมือถือด้วยมือเดียว
    • เคล็ดลับสำคัญคือวางองค์ประกอบไว้ด้านล่างของหน้าจอ
  • ผู้พัฒนารู้สึกอิจฉาสภาพแวดล้อมแบบซอฟต์แวร์คอมพิวเตอร์อย่าง tldraw ที่ใช้สถานะ hover และคลิกขวาได้
  • Downpour มี บทเรียนสอนใช้งาน สำหรับเรียนรู้วิธีใช้ UI นี้

เกมที่ยังไม่เสร็จเพื่อลดอุปสรรคในการเริ่มต้น

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

รวมการสร้างและการแชร์ไว้ในโฟลว์เดียว

  • Downpour มองว่า การแชร์ เป็นส่วนหนึ่งของกระบวนการสร้างเกม
  • เกม Downpour สามารถอัปโหลดไปที่ itch.io ได้ แต่การอัปโหลดบน itch.io เป็นกระบวนการที่ใช้เวลาหลายนาทีขึ้นไป เช่น ต้องกรอกแบบฟอร์มยาวและเลือกสี
  • itch.io เหมาะกับเกมที่ใช้เวลาสร้างหลายวัน หลายสัปดาห์ หรือหลายปี แต่ Downpour โฟกัสเกมที่สร้างได้ในไม่กี่นาทีหรือไม่กี่ชั่วโมง
  • เมื่อกด ปุ่มอัปโหลด ในแอป เกมจะถูกส่งขึ้นเซิร์ฟเวอร์และทุกคนสามารถเล่นได้
  • การทำปุ่มนี้ต้องมีทั้งเซิร์ฟเวอร์ การโฮสต์รูปภาพ ระบบบัญชี การแก้ปัญหาความขัดแย้ง การป้องกัน DDOS ฯลฯ

บัญชี การเล่นในแอป และการเล่นบนเว็บ

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

การส่งออกและเอนจินเบราว์เซอร์แบบโอเพนซอร์ส

  • Bitsy มีชุมชน hacks for Bitsy ที่ขยาย HTML และ Downpour ก็พิจารณา ความเป็นไปได้ในการขยาย ในลักษณะคล้ายกัน
  • Downpour มี ปุ่มส่งออก สำหรับดาวน์โหลดเกมและเว็บเพจที่ใช้รันเกมนั้น
  • โค้ดสำหรับเบราว์เซอร์ที่ชื่อ engine เปิดเป็นโอเพนซอร์ส
  • โค้ดเบราว์เซอร์แยกออกจากข้อมูลเกม ทำให้เปลี่ยนฝั่งหนึ่งโดยอิสระจากอีกฝั่งได้ง่าย
  • ผู้ใช้สามารถเพิ่มฟีเจอร์ใหม่แปลก ๆ ให้เกม Downpour และแก้ไขข้อมูลเกมแล้วอัปโหลดกลับเข้าแอปได้

เครื่องมือที่ช่วยให้สร้างเกมสั้น ๆ เล็ก ๆ จนเสร็จ

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

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

 
GN⁺ 2024-03-09
ความคิดเห็นจาก Hacker News
  • ผมดาวน์โหลดแอปมา แล้วลองเล่น “Where’s Madeleine” แบบสุ่มเป็นเกมแรก สนุกมากจริง ๆ: https://downpour.games/~holly/where-s-madeleine
    ให้ความรู้สึกเหมือนได้ย้อนกลับไปสมัยที่อะไร ๆ เรียบง่ายกว่านี้มาก และจับบรรยากาศเวทมนตร์ของ อินเทอร์เน็ตยุคแรก ได้ค่อนข้างดี

    • จนกระทั่งท้ายเกมมีโฆษณาหนังสือโผล่มา ถึงตรงนั้นก็ยังให้ความรู้สึกแบบ อินเทอร์เน็ตยุคแรก อยู่
      แต่จังหวะนั้นทำให้รู้สึกกลับมาเป็นอินเทอร์เน็ตธรรมดาอีกครั้ง บางทีควรทำเป็นป๊อปอัปแทนก็ได้
    • นี่คือ HyperCard นะ ยากกว่าที่คิดไว้เยอะเลย
    • Madeleine ที่ซ่อนอยู่หลังชั้นหนังสือน่ารักมาก
    • สนุกดี และไม่รู้มาก่อนว่าแมวจะน่ารักได้ขนาดนั้น แมวที่เลี้ยงตอนเด็ก ๆ นี่นิสัยร้ายมาก
  • ตื่นเต้นเลย V มีพรสวรรค์ในการทำเครื่องมือที่ช่วยให้คนอื่นสร้างสรรค์ผลงานได้ง่าย
    ผมเคยชอบผลงานเก่าของเขาอย่าง https://cheapbotsdonequick.com/ ด้วย น่าเสียดายที่งานเจ๋ง ๆ ที่ผู้คนสร้างไว้หายไปเมื่อ Twitter ปิดกั้นการเข้าถึง API รอดูเลยว่าผู้คนจะสร้างอะไรด้วย Downpour

  • ตรงนี้ให้กลิ่นอาย HyperCard แรงมาก ซึ่งเป็นเรื่องดีจริง ๆ

    • ผมไม่เคยรู้จัก HyperCard เลย พอไปค้นดูแล้วรู้สึกไม่ใช่โพรงกระต่าย แต่เหมือนสถานีรถไฟใต้ดินที่พาไปสู่พิพิธภัณฑ์ที่จัดไว้อย่างดีมากกว่า
      ไม่เคยรู้มาก่อนว่าระยะห่างแบบ “Kevin Bacon degrees” ระหว่าง HyperCard กับ ไฮเปอร์มีเดีย จะสั้นขนาดนี้ และบทความย้อนหลัง 30 ปีของ Ars [3] ก็เล่าว่า HyperCard แทบจะให้กำเนิด Mosaic โดยตรง

      "I got a HyperCard manual and looked at it and just basically took the concepts and implemented them in X-windows"

      ตอนที่ผู้สร้าง Bill Atkinson ตระหนักว่าจริง ๆ แล้วตัวเองอยู่ใกล้แค่ไหนกับประสบการณ์การท่องเว็บเวิลด์ไวด์เว็บทั้งหมด ก็น่าสนใจมากเหมือนกัน

      "I grew up in a box-centric culture at Apple. If I'd grown up in a network-centric culture, like Sun, HyperCard might have been the first Web browser. My blind spot at Apple prevented me from making HyperCard the first Web browser."

      ว่ากันว่า Myst ก็เป็นทายาทโดยตรงด้วย

      the Cyan software company originally wrote their hugely popular puzzle/adventure game Myst as a HyperCard stack.

      พอกลับมาอ่านอีกครั้ง ก็สงสัยว่าทำไมบนเว็บเพจถึงมี เกมแบบสตอรีบอร์ด, เกมภาพนิ่ง หรือเกมผจญภัยแบบคลิกเลือกน้อยขนาดนี้ รูปแบบที่คลิก/ลากวัตถุ แล้วเลือกปุ่มหรือพื้นที่เพื่อย้ายไปมาระหว่างฉากเหมือน Myst หรือ 7th Guest ดูเป็นอะไรที่เหมาะมาก ๆ

      ในแนวเดียวกันนี้ ยังนึกถึง infinite canvas ของ Scott McCloud และ Follow That Trail ด้วย [4]

      [1] https://en.wikipedia.org/wiki/HyperCard

      [2] https://en.wikipedia.org/wiki/Hypermedia

      [3] https://arstechnica.com/gadgets/2019/05/25-years-of-hypercar...

      [4] http://www.scottmccloud.com/1-webcomics/icst/icst-4/icst-4.h...

    • ลองดู https://castle.xyz/ ด้วย ได้แรงบันดาลใจจาก HyperCard มาเยอะมาก

  • ยอดเยี่ยมเลย ถ้ามีฟีเจอร์ การเข้าถึง เพิ่มเข้ามาด้วยก็คงดี
    สำหรับโรงเรียนที่มีเด็ก ๆ เรียนรู้การใช้สวิตช์ การติดตามสายตา และวิธีเข้าถึงแบบอื่น ๆ นี่อาจเป็นเครื่องมือที่ทรงพลังมาก และยังใช้เพื่อการศึกษาได้ด้วย ตัวอย่างที่ไปในทิศทางคล้ายกันคือ https://www.helpkidzlearn.com/cm-info แต่ Downpour ยืดหยุ่นกว่ามาก

    ดังนั้นจึงอยากได้ฟีเจอร์ switch scanning คือไฮไลต์แต่ละส่วนเป็นลำดับ เลือกด้วยปุ่ม Space และย้ายรายการด้วย Enter

    ไม่แน่ใจว่าจะทำได้ไหม แต่ลองดู https://tools.openaac.org/ และ https://tools.openaac.org/demo.html แล้วกด scan ที่มุมขวาบนเพื่อดูเดโมได้ ผมยินดีช่วยเพิ่มเติมด้วย

    • สวัสดีครับ/ค่ะ ขอบคุณนะ เกมที่ export ออกมาจะทำงานเป็น หน้า HTML ปกติ ดังนั้นเราหวังว่าจะผ่านเกณฑ์ขั้นต่ำด้านการเข้าถึงแบบนี้อยู่แล้ว
      สามารถใช้ Tab วนไปตามลิงก์ และกด Enter เพื่อเลือกได้ รูปแบบเอาต์พุตจริงเป็นโอเพนซอร์ส(https://github.com/downpourlimited/engine) ดังนั้นหลังจากสร้างเกมใน Downpour แล้ว export ออกมา การเพิ่มเลเยอร์ช่วยเหลือ AAC หรือเทคโนโลยีอื่น ๆ ก็น่าจะค่อนข้างง่าย

      ถ้าจะรองรับเทคโนโลยีนี้เป็นค่าเริ่มต้นให้มากขึ้น ควรออกมาเป็นแบบไหนนั้นยังไม่แน่ใจ แต่ยินดีคุยต่อ ส่งเมลมาได้ที่ v@downpour.limited

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

    • ผู้สร้างเองครับ/ค่ะ เห็นด้วยว่าเป็นประเด็นที่ยาก
      โดยเฉพาะในฐานะคนข้ามเพศที่ชอบงานศิลปะซับซ้อนและก้าวข้ามขอบเขต เลยไม่อยากปิดกั้นการแสดงออกแบบนั้นบนแพลตฟอร์ม แต่ในเมื่อเป็นแอปที่จะขึ้น App Store ก็มีข้อกำหนดเกี่ยวกับคอนเทนต์ที่สามารถให้บริการภายในแอปด้วย

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

สุดท้าย แอปสามารถใช้เป็นเครื่องมือแบบสแตนด์อโลนได้ แม้ไม่โฮสต์เกมบนแพลตฟอร์มก็ได้ สามารถสร้างและส่งออกคอนเทนต์โจ่งแจ้ง แล้วนำไปโฮสต์ที่อื่นได้

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

  • อยากสมัครเพื่อแชร์ผลงาน แต่พอสมัครหรือล็อกอิน จะมี Firebase URL โผล่ขึ้นมาที่รีไดเรกต์ไปแค่ App Store
    กด “Sign in to Downpour” แล้วจะไปหน้า “Open link in App?” พอกด “Open” ก็ขึ้นหน้า “Downpour -- make a game” จากนั้นกด open อีกทีแล้วก็ไป App Store ทั้งที่ติดตั้งแอปไว้ในมือถือแล้ว

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

  • เรียกสิ่งนี้ว่า เกม ดูจะฝืนไปหน่อย มันใกล้เคียงกับการสร้างสตอรีบอร์ดแบบอินเทอร์แอคทีฟมากกว่า

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

  • เคยเห็นแมวบนอินเทอร์เน็ตมาบ้างหนึ่งสองตัว แต่ตอนนี้ Madeleine กลายเป็นตัวที่ชอบที่สุดแล้ว