Fork me on GitHub

全新&轻量

melonJS是一项旨在帮助开发人员与设计人员专注于内容创造的开源HTML5游戏引擎。

本框架提供一系列实体,并支持多种 第三方工具。其所包含的各种强大工具能够让您便捷地进行整体或单独使用。

下载 阅读文档 »

尝试一下!


使用下述的按键游玩一项使用melonJs编写的简单游戏。可以试试手柄!

KeyAction
W Spacebar跳跃
A向左走
S跳下
D向右走
F全屏模式
Esc退出游戏

一会儿见!

melonJS是一种轻量却功能强大的HTML5框架,其完全是为实现无需插件的‘一次编写,到处运行’游戏平台而设计。melonJS是一项开源项目,并由社区爱好者进行维护支持。前往我们的图库以查看使用melonJS编写的游戏示例。

现在开始


快速

HTML5

使用先进技术构建。

  • WebGL
  • WebAudio
  • ES6 Collections

免费

基于MIT自由协议发布

无需花费。

版权免费。

永久可用。

优雅

您的场景图形将包含容器层级结构。

更新与绘制操作将分别进行。

优化绘制;增加AI、特效等的计算单位。

强大的关卡设计


melonJS集成了时下流行的Tiled map格式,允许设计师使用 平面地图编辑器轻松设计关卡,并将自己的精力放在游戏功能上。

明星开发人员

Master Spy 由 Turbogun Radmars Team - Ludum Dare & GameJam
radmars intro

特性


  • 一种全新的基于精灵图的轻量2D引擎
  • 独立引用库(无需额外依赖)
  • 现代HTML5特性;WebGL & WebAudio
  • 高DPI&自适应视频模式
  • 飘字&渐变过渡效果
  • 2D物理特性对于CPU的要求较低:
    • 基于多边形(SAT)的碰撞算法能够提供准确的探测与反应
    • 基于空间分割的快速宽相碰撞检测
    • 向量与矩阵的高级数学API
  • 一组基本的可扩展对象实体:
    • 对象池
    • 基础粒子系统
    • 基础动画管理
    • 标准精灵图与纹理填充(Texture Packer)支持
    • 一些基础GUI元素
  • 适用于轻松设计关卡的Tiled map格式集成:
    • 支持正交、等长、六角形以及透视tilemap
    • 多层视差滚动
    • 基于形状的碰撞层(矩形、椭圆、多边形以及折线)
    • JSON与XML格式
  • 系统与点阵字体
  • 状态管理器与可定制的加载器
  • 支持鼠标、触控、指针以及手柄设备
  • 支持设备动作、方向以及加速传感器
browser icons example

兼容性


melonJS适用于兼容ES5的任何浏览器

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

第三方工具集成


melonJS将对下述第三方工具提供原生集成域支持: