Fork me on GitHub

Mới & Gọn nhẹ

melonJS là một cơ chế phát triển trò chơi HTML5 mã nguồn mở giúp các nhà phát triển và nhà thiết kế tập trung vào nội dung.

Framework này cung cấp một bộ các thực thể và hỗ trợ khả thi cho nhiều công cụ bên thứ ba.. Mang đến cho bạn một sự kết hợp mạnh mẽ để có thể sử dụng toàn bộ hoặc từng phần.

Tải về Đọc tài liệu »

Thử nghiệm nào!


Dùng các phím sau để bắt đầu chơi một trò chơi đơn giản được xây dựng bằng melonJS. Hãy thử nó với một gamepad (tay cầm chơi game)!

KeyAction
W SpacebarNhảy
AĐi về trái
SRơi xuống
DĐi về phải
FChế độ toàn màn hình
EscThoát trò chơi

Gặp lại bạn trong chốc nữa nhé!

melonJS là một framework HTML5 mạnh mẽ và nhỏ gọn cung cấp một plugin miễn phí - nền tảng trò chơi 'viết một lần, chạy mọi nơi'. melonJS là một dự ãn mã nguồn mở và được hỗ trợ bởi một cộng đồng những người đam mê nó. Xem Phòng tranh để khám phá các ví dụ trò chơi được hỗ trợ bởi melonJS.

Làm Quen


Nhanh

HTML5

Xây dựng với công nghệ tương lai.

  • WebGL
  • WebAudio
  • ES6 Collections

Miễn phí

Phát hành dưới giấy phép MIT đã được cấp phép.

Không tốn phí.

Miễn phí bản quyền.

Mãi mãi.

Sang trọng

Đồ thị cảnh chơi của bạn là một hệ thống cấp bậc các container.

Các bản cập nhật và hoạt động đồ họa được phát hành riêng biệt.

Đồ họa là tùy chọn; thêm các thực thể tạo bởi máy tính cho AI, các hiệu ứng đặc biệt, v.v...

Thiết Kế Màn Chơi Mạnh Mẽ


melonJS tích hợp định dạng bản đồ Tiled (chia ô) phổ biến, cho phép các nhà thiết kế dễ dàng tạo các màn chơi bằng cách dùng Công cụ chỉnh sửa bản đồ Tiled, và tập trung vào các tính năng trò chơi.

Nhà phát triển tiêu biểu

Master Spy bởi Turbogun Radmars Team - Ludum Dare & GameJam
radmars intro

Tính năng


  • Một cơ chế dựa trên sprite 2D mới và gọn nhẹ
  • Thư viện độc lập (không có phụ thuộc)
  • Các tính năng HTML5 hiện đại; WebGL & WebAudio
  • DPI cao & tự động canh chỉnh chế độ video phù hợp
  • Các hiệu ứng Tween & Chuyển tiếp
  • Vật lý 2D với yêu cầu cpu thấp:
    • Thuật toán va chạm dựa trên đa giác (SAT) cho phát hiện và phản hồi chính xác
    • Phát hiện nhanh va chạm giai đoạn rộng bằng cách sử dụng phân vùng không gian
    • API toán học nâng cao cho Vector và Ma trận
  • Bộ Thực thể Đối tượng mở rộng cơ bản:
    • Kho đối tượng
    • Hệ thống Hạt cơ bản
    • Quản lý chuyển động hoạt hình cơ bản
    • Bảng sprite cơ bản và hỗ trợ Kết cấu đóng gói
    • Một số yếu tố Giao diện đồ họa người dùng (GUI) cơ bản
  • Tích hợp định dạng bản đồ chia ô cho thiết kế màn chơi dễ dàng:
    • Hỗ trợ bản đồ chia ô Trực giao, Đẳng số, Lục giác và Phối cảnh
    • Đa lớp với hiệu ứng di chuyển cuộn song song
    • Các lớp va chạm dựa trên hình dạng (Hình chữ nhật, Elip, Đa giác và Đường đa giác)
    • Định dạng JSON và XML
  • Font Hệ thống và Bitmap
  • Trình quản lý trạng thái và trình tải tùy chỉnh
  • Hỗ trợ Chuột, Chạm, Con trỏ và thiết bị Gamepad
  • Hỗ trợ chuyển động, định hướng và gia tốc thiết bị
browser icons example

Tính tương thích


melonJS làm việc với bất kỳ trình duyệt tương thích ES5 đầy đủ

BrowserVersionStatus
Chrome 55+
Safari 10+
Firefox 50+
Opera 42+
IE 11+
CocoonJS 2.0+
Chrome for Mobile 55+
iOS Safari 9.3+

Tích hợp Công cụ bên thứ ba


melonJS cung cấp tích hợp nguyên thủy và hỗ trợ cho các công cụ bên thứ ba sau đây :