SimCity trên trình duyệt web với WebAssembly và OpenGL

Micropolis trong WebAssembly

Tổng quan

• Micropolis ban đầu dựa trên SimCity Classic, là trò chơi do Maxis thiết kế và Will Wright tạo ra.
• Đây là phiên bản được Don Hopkins port sang WebAssembly.
• Hiện vẫn đang trong quá trình phát triển và dự kiến sẽ được bổ sung thêm nhiều tính năng.

Tính năng chính

• Pan và zoom: Có thể pan bằng cách kéo chuột trái, và zoom bằng cách lăn bánh xe chuột.
• Điều khiển bằng bàn phím: Có thể pan bằng các phím mũi tên, và zoom bằng phím dấu phẩy và dấu chấm.
• Tải thành phố: Nhấn các phím chữ cái để tải nhiều thành phố khác nhau, nhấn phím Tab để tạo thành phố.
• Điều chỉnh tốc độ: Đặt tốc độ bằng các phím số, và có thể tạm dừng bằng phím 0.
• Điều chỉnh thuế suất: Có thể điều chỉnh thuế suất bằng các phím ngoặc vuông.

Thông tin bổ sung

• GitHub: MicropolisCore
• YouTube: "MicropolisWeb Demo 1" và "Space Inventory Cellular Automata Music 1"
• Tài liệu tham khảo: Sách "Building SimCity" của Chaim Gingold và "SimCity Reverse Diagrams"

Lưu ý

• Phím cách: Cần lưu ý rằng khi nhấn phím cách, Space Inventory sẽ mở ra.

Ý kiến của GN⁺

• Điểm thú vị: Việc có thể chơi SimCity Classic gốc ngay trên trình duyệt web là điều rất thú vị.
• Thử thách kỹ thuật: Việc hiện thực một trò chơi mô phỏng phức tạp trên web bằng WebAssembly là một thách thức kỹ thuật đáng chú ý.
• Trải nghiệm người dùng: Trải nghiệm người dùng được cải thiện nhờ nhiều thao tác bàn phím và giao diện chuột đa dạng.
• Đang phát triển: Dự án vẫn đang trong quá trình phát triển, nên có thể kỳ vọng thêm tính năng mới và các easter egg.
• Dự án liên quan: Một dự án tương tự là các trò chơi mô phỏng mã nguồn mở như OpenTTD.

[GN⁺]

Ý kiến Hacker News

• Việc port các trò chơi cổ điển lên web rất thú vị. Nhiều trò chơi nhỏ hơn, tải nhanh hơn và hoạt động tốt hơn các trang web hiện đại.
• Có ký ức từng chơi SimCity khi còn nhỏ. Nhưng có vẻ nó không thực sự hoạt động đúng trong trình duyệt hiện tại. Có thể tải và quan sát thành phố, nhưng điều kỳ lạ là không thể tự xây dựng thành phố.
• Không kỳ vọng SimCity trên di động, nhưng trang này thực sự đã làm Firefox bị treo. Phải buộc dừng tiến trình trên Android. Nhân tiện, tôi cũng có một trò chơi nhỏ đã port sang trình duyệt. Có thể chạy khá dễ bằng Emscripten và SDL2, nhưng để nó chơi được hoàn toàn trên điện thoại thì cần nhiều công sức nhất.
• Từng có kinh nghiệm port client RuneScape lên web. Sử dụng Wasm, Typescript và WebGL.
• Điều khiển không hoạt động, và quạt CPU bắt đầu chạy ngay khi trình duyệt tải thứ gì đó. Tôi nghi ngờ đây không phải là chương trình đào tiền mã hóa. Nếu không phải, tôi tự hỏi tại sao lại công khai thứ không hoạt động.
• Micropolis web demo 1: Micropolis là SimCity mã nguồn mở chạy trên trình duyệt, sử dụng WebAssembly, WebGL và SvelteKit. Phiên bản đầu chạy trình mô phỏng WebAssembly và tạo hoạt ảnh các ô bằng WebGL, nhưng phần lớn giao diện người dùng vẫn đang được hoàn thiện.
• Có thể kiểm tra mã nguồn và tài liệu trên trang web Micropolis và kho GitHub.
• Có thể tìm hiểu thêm từ cuốn sách "Building SimCity" của Chaim Gingold.
• Nhạc cellular automata kiểm kê không gian 1: Video đầu tiên của Micropolis web có nhạc của Juho Hietala, Blamstrain, cùng cellular automata kiểm kê không gian do Don Hopkins thực hiện.
• Ngạc nhiên với những gì xảy ra khi nhấn phím cách. Một fractal rất đẹp xuất hiện.
• Tò mò vì sao gần như mọi khối nhà trong thành phố đều có trạm cứu hỏa.
• Tò mò liệu LLM có thể port ngay những trò chơi như thế này hay không.