Thư viện JS tốt cho dev trò chơi là gì? (HTML5)

Question

Nếu tôi quyết định viết một trò chơi đơn giản cả văn bản và đồ họa (2d) thì tôi có thể sử dụng libs nào? Giả sử chúng tôi đang sử dụng trình duyệt tương thích HTML5.

Những điều chính tôi có thể nghĩ về văn bản

• Rendering trên màn hình
• Animating sprites (sử dụng hình ảnh/css)
• Input (chụp các phím mũi tên và nhận vị trí chuột tương đối)
• Có lẽ một số tài nguyên tải trước hoặc tải tài nguyên động và chọn đơn đặt hàng
• Âm thanh (nhưng tôi không chắc chắn mức độ quan trọng của điều này đối với tôi lúc đầu). Có lẽ với sự pha trộn và chuỗi âm thanh hoặc lặp mãi mãi cho đến khi dừng lại.
• Mạng (ưu tiên thấp) để kết nối người dùng với người khác hoặc liên tục GET dữ liệu mà không cần nhiều yêu cầu (tôi biết điều này tồn tại nhưng tôi không biết việc thiết lập hoặc sử dụng dễ dàng như thế nào. Nhưng điều này không quan trọng đối với tôi. câu hỏi).

Answer 1

Vâng .... có Rocket Engine. Tôi đã không sử dụng nó, nhưng nó xuất hiện (trên bề mặt) để làm nhiều những gì bạn muốn.

tôi cũng khuyên bạn nên HTML5 Gamer, một blog về các vấn đề để xây dựng trò chơi trong HTML5/JS

Answer 2

GameJs thực hiện điều này:

• Sprites, SpriteGroups
• chữ render
• xử lý đầu vào (khóa/chuột)
• phát hiện va chạm
• sound
• tài nguyên tải trước

http://gamejs.org, Disclaimer: Tôi dev của GameJs.

Nội dung trên hoạt động tốt và tôi đã trò chơi với nó. API tương tự như http://PyGame.org mà một số người thích rất nhiều.

Mạng được lên kế hoạch.

Answer 3

tôi có thể khuyên Cometd cho việc sử dụng ajax đẩy mạng (ví dụ. Sao chổi)

Answer 4

Check-out cake js. Nó đã được khoảng một thời gian dài và nó thực sự tốt đẹp để sử dụng - đặc biệt là nếu bạn đã sử dụng ActionScript trước.

Answer 5

Nếu bạn đã quen với jQuery thì gamequery là một cách hay để thử. Đây là một bản demo tuyệt vời về những gì bạn có thể làm với nó: brainsnackers.

Dưới đây là một số tính năng:

• hình ảnh động đa lớp-ma Sprite
• phân cấp (nhóm) va chạm
• phát hiện trạng thái swappable hỗ trợ âm thanh
• callbacks kỳ bàn phím
• bỏ phiếu miễn phí và giấy phép nguồn mở

Answer 6

Cuộc thi http://js1k.com vừa kết thúc và trò chơi nền tảng 2D Legend Of The Bouncing Beholder (bởi marijnjh) là mục chiến thắng. Bạn có thể muốn xem qua nguồn vì nó sẽ cung cấp một cái nhìn tổng quan rất dễ dàng về các sidescrollers mà không cần phải đọc nhiều mã.

Một điều tốt nữa là two-player crazy pong rất thú vị.

Ngoài ra, trò chơi 1kb thật tuyệt vời.

Answer 7

tôi sẽ sử dụng RenderEngine tôi nghĩ rằng nó có tất cả bạn cần và giải quyết một trong những vấn đề quan trọng nhất mà sẽ phát hiện va chạm, và nó cũng đã hỗ trợ sprite ...

Tutorial < - đây là một hướng dẫn tuyệt vời tôi tìm thấy

tôi hy vọng điều này sẽ giúp

Answer 8

gì về createJS (createjs.com) hoặc melonJS (melonjs.github.io/tutorial)?

CreateJS có hỗ trợ tuyệt vời cho những mục mà bạn đã đề cập, tuy nhiên không chắc chắn về kết nối mạng.

MelonJS có hỗ trợ gốc để đọc tệp tilx tilx tiled.