Agile

Using javascript generated pure CSS3

Agile is a simpe, fast and easy to use engine which uses javascript generated pure CSS3. Check out examples at http://a-jie.github.io/Agile/

Features

Agile uses javascript to generate pure CSS3, without canvas, webGL or SVG.
Performant on mobile devices, being truly cross platform.
Agile’s API has high similar characteristic with actionscript 3.0, you can learn it in 10 minutes.

Usage

Download the minified library and include it in your html document.

<script src="js/agile.min.js"></script>

Create and move a circle:

//init Agile
Agile.mode = '3d';
var container = new Agile.Container('container');
container.select = false;
container.perspective = 1000;

//create a displayobject
var circle = new Agile.Circle(80, '#ff0000');
circle.x = 100;
circle.y = 120;
container.addChild(circle);

//add a keyframes
var keyframes = new Agile.Keyframes(100, {
	scaleX : .5,
	scaleY : .5
});
circle.addFrame(1, keyframes, {
	yoyo : true,
	loop : -1
});

Building Agile

Node is a dependency, use terminal to install it with with:
git clone git://github.com/a-jie/Agile.git
Then navigate to the build directory by running:
cd ./build
Finally run the build command:
node build.js

License