window.onload = function() {
    Crafty.init();
    // 一个可以使用方向键控制的蓝色方块
    var player = Crafty.e("2D, Canvas, Color, Fourway")
        .attr({x:100, y:100, w:50, h:50})
        .color("blue")
        .fourway(3);
};
一个灵活的JavaScript游戏框架

开源

Crafty 使用 Github 进行开发, 我们期待大家贡献代码! 版本简介

跨浏览器

你的游戏将适用于所有现代浏览器,包括IE9。

Canvas or DOM

你可以选择渲染实体的方式,呈现效果看起来是一致的。

文件小

足够小,你不用担心它会给你的游戏增加额外负担。

实体组件系统

一种很好的进行游戏开发的方式,因为没有很长的继承链。

精灵地图支持

切割的精灵地图很容易绘制游戏实体。

碰撞检测

高级的 SAT 碰撞检测可以获得更多的信息,不仅仅是 true 或者 false 。

事件系统

自定义事件可以在任何时候触发,也可以轻松地绑定。

多种组件

众多的声音,动画,特效和输入组件使你的游戏脱颖而出!

安装

直接下载

你可以下载一个常规或者压缩版本的Crafty:

crafty.js crafty-min.js

npm 模块

Crafty 可以作为 npm 模块使用。

$ npm install craftyjs

你可以通过实例查看如何使用:

npm example

Bower 安装

使用 bower 安装, 命令如下

$ bower install crafty

将会获取并安装最新版本的 crafty 到你项目的 bower 目录。

最新分发

每次成功合并后 Travis 都会上传最新的构建:

Nightly distribution

开发小组

活跃成员:

原作者: Louis Stowasser