SimCity di browser web dengan WebAssembly dan OpenGL

 (micropolisweb.com)
3 poin oleh GN⁺ 2024-06-17 | 1 komentar | Bagikan ke WhatsApp

Micropolis in WebAssembly

Ikhtisar

  • Micropolis pada awalnya didasarkan pada SimCity Classic, sebuah gim yang didesain oleh Maxis dan dirancang oleh Will Wright.
  • Ini adalah versi yang di-porting ke WebAssembly oleh Don Hopkins.
  • Saat ini masih dalam tahap pengembangan, dan lebih banyak fitur akan ditambahkan.

Fitur utama

  • Panning dan zoom: drag tombol kiri mouse untuk melakukan panning, dan putar roda mouse untuk zoom.
  • Kontrol keyboard: gunakan tombol panah untuk panning, dan tombol koma serta titik untuk zoom.
  • Memuat kota: tekan tombol huruf untuk memuat berbagai kota, dan tekan tombol Tab untuk membuat kota.
  • Pengaturan kecepatan: atur kecepatan dengan tombol angka, dan gunakan tombol 0 untuk menjeda.
  • Penyesuaian pajak: sesuaikan tarif pajak dengan tombol kurung siku.

Informasi tambahan

  • GitHub: MicropolisCore
  • YouTube: "MicropolisWeb Demo 1" dan "Space Inventory Cellular Automata Music 1"
  • Referensi: buku Chaim Gingold "Building SimCity" dan "SimCity Reverse Diagrams"

Hal yang perlu diperhatikan

  • Space bar: menekan Space bar akan membuka Space Inventory, jadi perlu diperhatikan.

Opini GN⁺

  • Hal yang menarik: menarik karena SimCity Classic versi asli bisa dimainkan di browser web.
  • Tantangan teknis: penggunaan WebAssembly untuk mewujudkan gim simulasi yang kompleks di web merupakan tantangan teknis.
  • Pengalaman pengguna: meningkatkan pengalaman pengguna melalui beragam kontrol keyboard dan antarmuka mouse.
  • Masih dikembangkan: proyek ini masih dalam pengembangan, sehingga fitur tambahan dan easter egg patut dinantikan.
  • Proyek terkait: proyek serupa termasuk gim simulasi open source seperti OpenTTD.

Bacaan terkait

1 komentar

 
GN⁺ 2024-06-17
Komentar Hacker News
  • Mem-porting game klasik ke web itu menyenangkan. Banyak game berukuran lebih kecil, memuat lebih cepat, dan berjalan lebih baik daripada halaman web modern.
  • Saya ingat pernah memainkan SimCity saat kecil. Namun, sepertinya sekarang ini tidak benar-benar berfungsi di browser. Kita bisa memuat dan mengamati kota, tetapi anehnya tidak bisa membangun kota sendiri.
  • Saya tidak mengharapkan SimCity di perangkat mobile, tetapi halaman ini benar-benar membuat Firefox macet. Saya harus menghentikan prosesnya di Android. Sebagai catatan, saya juga punya game kecil yang saya port ke browser. Menjalankannya dengan Emscripten dan SDL2 cukup mudah, tetapi upaya terbesar diperlukan untuk membuatnya benar-benar bisa dimainkan di ponsel.
  • Saya punya pengalaman mem-porting klien RuneScape ke web. Menggunakan Wasm, Typescript, dan WebGL.
  • Kontrolnya tidak berfungsi, dan begitu browser mulai memuat sesuatu, kipas CPU langsung berputar. Saya curiga ini semacam program penambangan kripto. Kalau bukan, saya penasaran kenapa sesuatu yang tidak berfungsi dirilis ke publik.
  • Demo web Micropolis 1: Micropolis adalah SimCity open source berbasis browser yang menggunakan WebAssembly, WebGL, dan SvelteKit. Versi awalnya menjalankan simulator WebAssembly dan menganimasikan tile dengan WebGL, tetapi sebagian besar antarmuka pengguna masih dalam pengerjaan.
  • Di situs web Micropolis dan repositori GitHub, Anda bisa melihat kode sumber dan dokumentasinya.
  • Anda bisa mendapatkan lebih banyak informasi dari buku Chaim Gingold "Building SimCity".
  • Spatial Inventory Cellular Automata Music 1: Video pertama Micropolis Web menampilkan musik oleh Juho Hietala, Blamstrain, serta spatial inventory cellular automata yang dibuat oleh Don Hopkins.
  • Terkejut dengan apa yang terjadi saat menekan tombol spasi. Muncul fraktal yang keren.
  • Saya penasaran kenapa hampir setiap blok kota memiliki kantor pemadam kebakaran.
  • Saya penasaran apakah LLM bisa langsung mem-porting game seperti ini.