Thư viện JS tốt cho nhà phát triển trò chơi là gì? [đóng cửa]

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) tôi sẽ sử dụng thư viện 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ĩ đến

• Hiển thị văn bản trên màn hình
• Hoạt hình họa tiết (sử dụng hình ảnh / css)
• Nhập liệu (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 động tài nguyên và chọn thứ tự
• Âm thanh (nhưng tôi không chắc lúc đầu điều này sẽ quan trọng với tôi như thế nào). Có lẽ với âm thanh trộn và xâu chuỗi hoặc lặp đi lặp lại mãi cho đến khi dừng lại.
• Kết nối mạng (mức độ ư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 NHẬN 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 cách dễ dàng để thiết lập hoặc sử dụng. Nhưng điều này không quan trọng đối với tôi. câu hỏi).

jQuery và MooTools là các thư viện JavaScript tuyệt vời; Tôi thích jQuery hơn. Một trong hai sẽ hỗ trợ bạn trong việc phát triển trò chơi JS nếu bạn sử dụng DOM. Nếu bạn đi với kết xuất Canvas, tôi vẫn nghĩ bạn nên sử dụng một trong những thư viện đó, nhưng bạn sẽ cần học các hàm Canvas. Đây là một hướng dẫn giới thiệu cho bạn về canvas bằng cách tạo một bản sao Breakout, vì vậy nó có thể chính xác là thứ bạn đang tìm kiếm (và nó sử dụng jQuery).

Các họa tiết hoạt hình là một vấn đề thay đổi một src hình ảnh, hoặc tải trước một số hình ảnh và hoán đổi chúng, hoặc trong một khung vẽ chỉ vẽ các khung hình của một hình ảnh động. Các thư viện trên có thể giúp với bất kỳ trường hợp nào. Các thư viện cũng giúp nhập liệu (xem xét các sự kiện như onkeypress và onmousemove).

Để tải trước tài nguyên, tôi dường như một số trò chơi sử dụng một hình ảnh "tấm sprite" duy nhất ( đây là trò chơi dành cho trò chơi Pacman của Google ). Tôi tin rằng về cơ bản họ tạo ra một DIV có kích thước một ô, với thuộc tính hình ảnh nền CSS được đặt thành trang sprite và thuộc tính vị trí nền được đặt thành phần bù của ô trên trang sprite. Tôi chưa thấy một thư viện sẽ làm điều này cho bạn, nhưng jQuery hoặc MooTools có thể giúp bạn tự động tạo DIV và thao tác CSS của nó. Mặt khác, tải trước hình ảnh là vấn đề tạo <img>thẻ của hình ảnh bạn muốn tải trước và không thêm chúng vào trang (hoặc thêm chúng vô hình). Đây là một bài viết trên blog có một số mã cho một hàm sử dụng jQuery để tải trước hình ảnh cho bạn.

SoundManager 2 dường như là thư viện âm thanh JS để sử dụng; Tôi biết Vanthia sử dụng nó và Pacman của Google đãsử dụng một cái gì đó tương tự (hoặc ít nhất là cùng một kỹ thuật, sử dụng tệp Flash ẩn trên trang để phát âm thanh).

Để kết nối mạng, jQuery có thể xử lý AJAX cho bạn hoặc nếu bạn muốn kết nối mạng thời gian thực hơn nhiều (và có máy chủ để làm như vậy), hãy xem xét các ổ cắm JavaScript . Tôi không biết nếu có một thư viện ổn định ngoài đó cho nó, nhưng bạn có thể xem xét cái này hay cái này . Về cơ bản, nó sử dụng tệp Java hoặc Flash ẩn trên trang để bạn có thể thực hiện giao tiếp ổ cắm thực sự với JavaScript, nhanh hơn nhiều so với bỏ phiếu AJAX và hiệu quả hơn một chút so với "AJAX Push" . Tuy nhiên, rất có thể, AJAX Push sẽ là những gì bạn muốn và APE (Ajax Push Engine) có lẽ là thư viện để sử dụng.

Ngoài ra, đây là một cuộc thảo luận công nghệ của Google về "Xây dựng công cụ trò chơi dựa trên JavaScript cho web" . Nó trông gọn gàng.

Khi tôi đánh giá các công cụ JavaScript cách đây ít lâu, yêu thích của tôi là Crafty:

http://craftyjs.com/

Có rất nhiều lựa chọn mà tôi phải xem xét, và một số lựa chọn khác tôi thích là:

http://easeljs.com/

http://www.limejs.com/

http://code.google.com.vn/p/casualjs/

(Ngẫu nhiên, một tùy chọn khác ban đầu trông khá hấp dẫn là http://impactjs.com/ nhưng xem xét nó có tốn tiền và các tùy chọn khác mà tôi đã xem là các công cụ nguồn mở có một số thiếu sót rõ ràng, như không thể đính kèm các yếu tố hiển thị trong một người thừa kế.)

CẬP NHẬT: Đã gần 2 năm kể từ khi tôi đăng câu trả lời đó và tình hình đã thay đổi một chút (đây là một lĩnh vực công nghệ còn non trẻ.) Mặc dù Crafty vẫn là một lựa chọn tuyệt vời, trong năm qua EaselJS đã đón đầu rất nhiều động lực (đặc biệt là xem xét Adobe đã nhảy vào tàu EaselJS .) Tôi sẽ chuyển sang công cụ đó cho các dự án trong tương lai (cũng lưu ý rằng nó có một trang web mới )

Công cụ hiệu ứng trò chơi (javascript) là tuyệt vời cho các trò chơi 2d, gạch / sprite. Trang web này không làm tốt lắm việc mô tả những gì tuyệt vời về nó, nhưng ngay khi bạn tìm hiểu các tài liệu tuyệt vời, bạn sẽ thấy bao nhiêu đã được bảo hiểm cho bạn:

• mọc
• phát hiện va chạm
• chỉnh sửa cấp độ
• quản lý tài sản
• âm thanh
• đầu vào và kiểm soát
• quản lý và tạo gạch
• lớp
• hoạt hình
• hiệu suất (khóa với tốc độ khung hình)
• hỗ trợ và trừu tượng trên nhiều trình duyệt
• lưu trữ
• nhúng
• Hỗ trợ của HUD

Tôi thực sự không thể cung cấp một danh sách đầy đủ vì nó rất đầy đủ tính năng. Một điều còn thiếu là khả năng tạo menu và giao diện người dùng trong trò chơi (ví dụ: người quản lý thiết bị, v.v.), nhưng nó được cho là nằm trong danh sách việc cần làm.

Tôi duy trì một công cụ trò chơi 2D canvas có tên là JawsJS - http://jawsjs.com/

Nguồn @ https://github.com/ippa/jaws

vách đá:

• Mã tài liệu có thể đọc được
• Hơn 12 ví dụ tài liệu đi kèm
• Các hàm tạo hữu ích như Sprite (), SpriteSheet () và Animation ()
• Trạng thái trò chơi - Các phần riêng biệt trong trò chơi của bạn để có mã được tổ chức tốt hơn
• Tài sản - Hàm sẽ tải trước tất cả tài sản của bạn trước khi trò chơi bắt đầu
• Không phụ thuộc vào bất kỳ thư viện javascript nào khác
• Xây dựng dựa trên những bài học rút ra từ nhiều năm phát triển Chingu, một trò chơi Ruby lib

Tác động là sẽ bị bệnh! Chỉ cần nhìn vào trò chơi demo, Biolab Disaster .

Gần đây tôi đã thực hiện một số nghiên cứu trong lĩnh vực này, vì vậy hãy để tôi chip trong 0,02 đô la của tôi:

PlayN là một thư viện đa nền tảng từ Google, nơi biên dịch một trò chơi hướng đối tượng từ Java sang javascript / Flash / Android. Nó sẽ xử lý JSON (AJAX), các mô hình dữ liệu và có ngữ nghĩa lành mạnh để cập nhật và kết xuất. Công cụ rất mát mẻ.

Xử lý Là một thư viện dễ sử dụng nhằm vào các nhà thiết kế và nghệ sĩ. Nó cực kỳ đơn giản để sử dụng và có thể cho bạn kết quả tuyệt vời. Tôi đã sử dụng phiên bản Java để mô hình hóa khoa học và rất vui khi sử dụng. Các cảnh 3D sẽ cần WebGL, nhưng các cảnh 2D hoạt động mà không có.

Three.js Có một số bản demo tuyệt vời. Nó đòi hỏi WebGL, nhưng kết quả có vẻ xứng đáng. Có một số ví dụ thoáttrực tuyến quá.

Dưới đây là một số mục khác trong các liên kết cá nhân của tôi liên quan đến WebGL:

• http://www.glge.org/
• http://scenejs.org/
• https://github.com/itsnotlupus/webgl-mmo
• http://www.c3dl.org/
• http://creativejs.com/

Akihabara là một khuôn khổ mà tôi đã thấy xuất hiện ở một số nơi. Một người bạn của tôi cũng tạo ra một loạt các hướng dẫn và tài liệu cho khung.

http://rocketpack.fi/ dường như có một cái gì đó sắp tới.

Một cái khác mà tôi gần đây đã tìm kiếm rất quan tâm là CreatJs . Nó là một tập hợp các thư viện nguồn mở để bao gồm ...

• EaslJs: Trình trợ giúp Canvas Html5
• Người trợ giúp hoạt hình TweenJs
• SoundJs: Âm thanh
• PreloadJs: Tải và quản lý tài sản

Bổ sung nó EaslJs Chơi tốt với Box2D JS

Plugin Pixie

Những người tạo ra contrasaurus đã phát hành rất nhiều thành phần riêng lẻ của họ !!!

Họ có mã để thực hiện các phép biến đổi ma trận , trừu tượng canvas và nhiều điều thú vị hơn nữa.

Mã của họ là tuyệt vời và thư viện của họ thực sự hữu ích.

Impact JavaScript Game Engine cho iOS có vẻ đầy hứa hẹn. Liên kết hiển thị bản demo, nhưng nó chưa được phát hành.

Điều kỳ lạ là Thư viện đóng cửa của Google chưa được đề cập. Nó có một API khổng lồ, cho phép nhiều kiểu mã hóa hướng đối tượng hơn và có trình biên dịch.

Tôi đã sử dụng cho đến nay chỉ có trình biên dịch nhưng tôi đang có kế hoạch nghiên cứu phần còn lại càng sớm càng tốt.

Tôi thường sử dụng jawsjs vì thực sự dễ dàng để thiết lập và bắt đầu phát triển một trò chơi trong vài phút. Nó có rất nhiều lớp mặc định thực sự hữu ích (Tilemap, Viewport, Sprite và các lớp khác) thực sự giúp phát triển trò chơi.

Bạn thực sự có rất nhiều trong số họ, nhưng điều đầu tiên chủ yếu phụ thuộc vào loại công cụ trò chơi mà bạn đang tìm kiếm. Tôi có thể cung cấp cho bạn một số tài liệu tham khảo đáng chú ý nhất.

Công cụ trò chơi 2D

• Cocos2D có xu hướng thời trang hơn một chút vào lúc này. Tôi thấy các câu hỏi Cocos2D xuất hiện ở đây và ở đó trên Stackoverflow gần đây.
• Tác động , bạn có thể thấy một điểm chuẩn chạy trên trang web chính thức.

Công cụ trò chơi 3D

Nền tảng Mozilla đã làm việc trên một công cụ trò chơi 3D có tên Paladin . Đó là Mozilla mà tôi thực sự không thể làm tổn thương tôi đoán.

Ngoài ra còn có gameQuery, một công cụ trò chơi dựa trên jQuery. Có tài liệu tốt về API của họ, cũng như, một vài API trình bao bọc âm thanh mà họ liên kết đến trên trang web của họ.

http://gamequery.onaluf.org/

Mozilla Gaming có một danh sách trên các trang Tài nguyên của nó . Nó liên kết với Diggy , một công cụ trò chơi DHTML mà tôi đã xây dựng một thời gian trước. Bản demo trực tiếp tại đây!

Matrix.js là tốt nếu bạn muốn có được các biến đổi ma trận kiểu Flash.

Tom ở đây từ Scirra, chúng tôi là một nhóm 2 người đã tạo ra Construct 2, nhà sản xuất trò chơi HTML5 . (Phiên bản miễn phí có sẵn).

Bạn có thể muốn xem xét một động cơ như của chúng tôi vì nó làm rất nhiều công việc cho bạn. Ví dụ, để tự thực hiện các va chạm trong mã có thể rất khó khăn (nghĩ rằng các va chạm đa giác). Mọi thứ trong danh sách của bạn đều có thể dễ dàng đạt được với Construct 2.