AgileJS is a simple, fast and easy to use engine which uses javascript generated pure CSS3. Check out examples at http://drawcall.github.io/AgileJS/
- 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.
Download the minified library and include it in your html document.
<script src="js/agile.min.js"></script>
npm install agilejs --save
...
import Agile from 'agilejs';//init AgileJS
Agile.mode = '3d';
const container = new Agile.Container('container');
container.select = false;
container.perspective = 1000;
//create a displayobject
const circle = new Agile.Circle(80, '#ff0000');
circle.x = 100;
circle.y = 120;
container.addChild(circle);
//add a keyframes
const keyframes = new Agile.Keyframes(100, {
scaleX : .5,
scaleY : .5
});
circle.addFrame(1, keyframes, {
yoyo : true,
loop : -1
}); Node is a dependency, use terminal to install it with with:
git clone git://github.com/drawcall/AgileJS.git
...
npm install
npm run buildand run examples
npm start
//vist http://localhost:3001/examples/es6 lint
npm run lintLicenseFinder is released under the MIT License. http://www.opensource.org/licenses/mit-license