SimCity ในเว็บเบราว์เซอร์ด้วย WebAssembly และ OpenGL

 (micropolisweb.com)
3 คะแนน โดย GN⁺ 2024-06-17 | 1 ความคิดเห็น | แชร์ทาง WhatsApp

Micropolis in WebAssembly

ภาพรวม

  • Micropolis เดิมมีพื้นฐานมาจาก SimCity Classic และเป็นเกมที่ออกแบบโดย Maxis และวางโครงสร้างโดย Will Wright
  • เป็นเวอร์ชันที่ Don Hopkins พอร์ตไปเป็น WebAssembly
  • ขณะนี้ยังอยู่ระหว่างการพัฒนา และมีแผนจะเพิ่มฟีเจอร์อีกในอนาคต

ฟีเจอร์หลัก

  • การแพนและซูม: ลากปุ่มซ้ายของเมาส์เพื่อแพน และหมุนล้อเมาส์เพื่อซูม
  • การควบคุมด้วยคีย์บอร์ด: ใช้ปุ่มลูกศรเพื่อแพน และใช้ปุ่มจุลภาคกับปุ่มจุดเพื่อซูม
  • การโหลดเมือง: กดปุ่มตัวอักษรเพื่อโหลดเมืองแบบต่างๆ และกดปุ่ม Tab เพื่อสร้างเมือง
  • การปรับความเร็ว: ใช้ปุ่มตัวเลขเพื่อตั้งค่าความเร็ว และกดปุ่ม 0 เพื่อหยุดชั่วคราว
  • การปรับอัตราภาษี: ใช้ปุ่มวงเล็บเหลี่ยมเพื่อปรับอัตราภาษี

ข้อมูลเพิ่มเติม

  • GitHub: MicropolisCore
  • YouTube: "MicropolisWeb Demo 1" และ "Space Inventory Cellular Automata Music 1"
  • เอกสารอ้างอิง: หนังสือของ Chaim Gingold ชื่อ "Building SimCity" และ "SimCity Reverse Diagrams"

ข้อควรระวัง

  • Space bar: หากกด Space bar จะเปิด Space Inventory จึงควรระวัง

ความเห็นของ GN⁺

  • จุดที่น่าสนใจ: การได้เล่น SimCity Classic ต้นฉบับในเว็บเบราว์เซอร์เป็นเรื่องที่น่าสนใจ
  • ความท้าทายทางเทคนิค: การใช้ WebAssembly เพื่อนำเกมจำลองสถานการณ์ที่ซับซ้อนมาทำงานบนเว็บถือเป็นความท้าทายทางเทคนิค
  • ประสบการณ์ผู้ใช้: ปรับปรุงประสบการณ์ผู้ใช้ด้วยการควบคุมผ่านคีย์บอร์ดที่หลากหลายและอินเทอร์เฟซเมาส์
  • ยังอยู่ระหว่างพัฒนา: โครงการยังอยู่ระหว่างการพัฒนา จึงน่าคาดหวังทั้งฟีเจอร์เพิ่มเติมและ easter egg
  • โครงการที่เกี่ยวข้อง: โครงการลักษณะคล้ายกันมีเกมจำลองสถานการณ์โอเพนซอร์สอย่าง OpenTTD

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

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

 
GN⁺ 2024-06-17
ความคิดเห็นจาก Hacker News
  • การพอร์ตเกมคลาสสิกขึ้นเว็บเป็นเรื่องสนุก เกมจำนวนมากมีขนาดเล็กกว่า โหลดได้เร็วกว่า และทำงานได้ดีกว่าเว็บเพจสมัยใหม่หลาย ๆ หน้า
  • จำได้ว่าเคยเล่น SimCity ตอนเด็ก แต่ดูเหมือนว่าตอนนี้มันจะทำงานได้ไม่สมบูรณ์ในเบราว์เซอร์ สามารถโหลดเมืองขึ้นมาดูได้ แต่แปลกตรงที่ไม่สามารถสร้างเมืองเองได้
  • ไม่ได้คาดว่าจะได้เล่น SimCity บนมือถือ แต่หน้านี้กลับทำให้ Firefox ค้างจริง ๆ ต้องไปปิดโปรเซสบน Android อีกที อนึ่ง ผมก็มีเกมเล็ก ๆ ที่พอร์ตลงเบราว์เซอร์เหมือนกัน ใช้ Emscripten และ SDL2 ซึ่งทำให้รันได้ไม่ยากนัก แต่ส่วนที่ต้องใช้ความพยายามมากที่สุดคือการทำให้มันเล่นบนโทรศัพท์ได้อย่างสมบูรณ์
  • เคยมีประสบการณ์พอร์ตไคลเอนต์ RuneScape ขึ้นเว็บ โดยใช้ Wasm, Typescript, WebGL
  • คอนโทรลไม่ทำงาน และทันทีที่เบราว์เซอร์เริ่มโหลดอะไรบางอย่าง พัดลม CPU ก็หมุนแรงขึ้น ทำให้น่าสงสัยว่านี่ไม่ใช่โปรแกรมขุดคริปโตใช่ไหม ถ้าไม่ใช่ ก็สงสัยว่าทำไมถึงเผยแพร่ของที่ยังใช้งานไม่ได้
  • Micropolis เว็บเดโม 1: Micropolis เป็น SimCity โอเพนซอร์สที่ทำงานบนเบราว์เซอร์ โดยใช้ WebAssembly, WebGL และ SvelteKit เวอร์ชันแรกเริ่มนี้รันตัวจำลองด้วย WebAssembly และแอนิเมตไทล์ด้วย WebGL แต่ส่วนติดต่อผู้ใช้ส่วนใหญ่ยังอยู่ระหว่างพัฒนา
  • สามารถดูซอร์สโค้ดและเอกสารได้ ที่เว็บไซต์ Micropolis และคลังเก็บ GitHub
  • ดูข้อมูลเพิ่มเติมได้ในหนังสือ "Building SimCity" ของ Chaim Gingold
  • space inventory cellular automata music 1: วิดีโอแรกของ Micropolis เว็บมีเพลงโดย Juho Hietala, Blamstrain และมี space inventory cellular automata ที่ทำโดย Don Hopkins
  • ประหลาดใจกับสิ่งที่เกิดขึ้นเมื่อกดปุ่ม Space bar มีแฟร็กทัลสวย ๆ ปรากฏขึ้นมา
  • สงสัยว่าทำไมแทบทุกบล็อกของเมืองถึงมีสถานีดับเพลิง
  • สงสัยว่า LLM จะสามารถพอร์ตเกมแบบนี้ได้ทันทีหรือไม่