🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Agile is a simple, fast and easy to use engine which uses javascript generated pure CSS3.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.

Animation Core Java Script CSS

Documentation

AgileJS - The Css3 Creation Engine

license Release Version PRs Welcome npm

Agile banner

Using javascript generated pure CSS3

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

Features

  • AgileJS uses javascript to generate pure CSS3, without canvas, webGL or SVG.
  • Performant on mobile devices, being truly cross platform.
  • AgileJS’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>

Or install using npm

anix

npm install agilejs --save ...   import Agile from 'agilejs'; 

Create and move a circle:

//init AgileJS 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 AgileJS

Node is a dependency, use terminal to install it with with:

git clone git://github.com/a-jie/AgileJS.git ... npm install npm run build

and run examples

npm start //vist http://localhost:3001/examples/

es6 lint

npm run lint

License

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


You May Also Like