Alloy Game Engine

A Powerful Javascript Game Engine.

Overview

programming language : javascript

platform : web browse

license : MIT License

oriented : 2D base on webgl or canvas rendering

sound effect : true

physics engine : true

integrated support tools : true

Tools

• kmdjs
• vertex generator
• text to image
• particle editor
• map editor
• text to texture
• combine images
• tiled
• image splitter
• thumbnail generator
• image zoom

AlloyRenderingEngine

Super fast HTML 5 2D rendering engine , supporting Canvas and WebGL rendering

Demos

• tween
• dom element
• bitmap
• transform
• flip
• filter
• shape
• sprite
• text
• particle system
• box2d
• keyboard events
• collision
• loader
• scalable

Tutorials

• lesson1

Usage

To achieve this effect:

You need to use the following code:

var bmp, stage = new Stage("#ourCanvas");
bmp = new Bitmap("img/atLogo.png");
//（0.5,0.5）==〉The center is the point of rotation
bmp.originX = 0.5;
bmp.originY = 0.5;
//bind click event, the event monitor can be accurate to pixel
bmp.onClick(function () {
    //apply a random filter to the bmp
    bmp.filter=[Math.random(), Math.random(), Math.random(), 1];
});
//add object to stage
stage.add(bmp);

var step = 0.01;
//loop
stage.onTick(function () {
    bmp.rotation += 0.5;
    if (bmp.scaleX > 1.5 || bmp.scaleX < 0.5) {
        step *= -1;
    }
    bmp.scaleX += step;
    bmp.scaleY += step;
});

AlloyAnimationEngine

coming soon...

This content is released under the (http://opensource.org/licenses/MIT) MIT License.