Crafty is a JavaScript game library that can help you create games in a structured way…
Key Features:
- Entities & Components - A clean and decoupled way to organize game elements. No inheritance needed!
- Eventbinding - Event system for custom events that can be triggered whenever, whatever and bound just as easily.
- No dom manipulation or custom drawing routines required.
Other Goodies:
- Thriving community - Help is readily available in the forum.
- Community modules - A growing collection of user-generated code you can use.
- Pure JavaScript - No magic. Works in all major browsers and can be combined with your favorite js library.
##Using Crafty
Follow this short tutorial to get started http://craftyengine.com/tutorial/bananabomber/create-a-game
A simple game of pong:
Crafty.init(600, 300);
Crafty.background('rgb(127,127,127)');
//Paddles
Crafty.e("Paddle, 2D, DOM, Color, Multiway")
.color('rgb(255,0,0)')
.attr({ x: 20, y: 100, w: 10, h: 100 })
.multiway(4, { W: -90, S: 90 });
Crafty.e("Paddle, 2D, DOM, Color, Multiway")
.color('rgb(0,255,0)')
.attr({ x: 580, y: 100, w: 10, h: 100 })
.multiway(4, { UP_ARROW: -90, DOWN_ARROW: 90 });
//Ball
Crafty.e("2D, DOM, Color, Collision")
.color('rgb(0,0,255)')
.attr({ x: 300, y: 150, w: 10, h: 10,
dX: Crafty.math.randomInt(2, 5),
dY: Crafty.math.randomInt(2, 5) })
.bind('EnterFrame', function () {
//hit floor or roof
if (this.y <= 0 || this.y >= 290)
this.dY *= -1;
if (this.x > 600) {
this.x = 300;
Crafty("LeftPoints").each(function () {
this.text(++this.points + " Points") });
}
if (this.x < 10) {
this.x = 300;
Crafty("RightPoints").each(function () {
this.text(++this.points + " Points") });
}
this.x += this.dX;
this.y += this.dY;
})
.onHit('Paddle', function () {
this.dX *= -1;
})
//Score boards
Crafty.e("LeftPoints, DOM, 2D, Text")
.attr({ x: 20, y: 20, w: 100, h: 20, points: 0 })
.text("0 Points");
Crafty.e("RightPoints, DOM, 2D, Text")
.attr({ x: 515, y: 20, w: 100, h: 20, points: 0 })
.text("0 Points");
See the game running at http://craftyengine.com/tutorial/getting-started/how-crafty-works
##Developing
If you want to fix a bug, please submit a pull request against the development branch.
If you would like to make larger contributions please catch us in the forum and we will help you get started. Much appreciated :-)