Skip to content

knvpk/Agile

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

LicenseFinder is released under the MIT License. http://www.opensource.org/licenses/mit-license

Releases

No releases published

Packages

No packages published