{"id":13669039,"url":"https://github.com/drawcall/AgileJS","last_synced_at":"2025-04-27T01:32:21.535Z","repository":{"id":14486057,"uuid":"17198680","full_name":"drawcall/AgileJS","owner":"drawcall","description":"AgileJS - The Css3 Creation Engine 🍖🌭🍔 ","archived":false,"fork":false,"pushed_at":"2021-11-18T08:28:41.000Z","size":12528,"stargazers_count":499,"open_issues_count":2,"forks_count":62,"subscribers_count":35,"default_branch":"master","last_synced_at":"2025-04-09T14:35:34.326Z","etag":null,"topics":["animation","css-animations","css-framework","css-games","css3","css3-animations","css3-engine","game-framework","html5-css3"],"latest_commit_sha":null,"homepage":"http://drawcall.github.io/AgileJS/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/drawcall.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-02-26T04:24:01.000Z","updated_at":"2025-04-04T13:06:08.000Z","dependencies_parsed_at":"2022-09-16T19:23:05.068Z","dependency_job_id":null,"html_url":"https://github.com/drawcall/AgileJS","commit_stats":null,"previous_names":["a-jie/agile"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drawcall%2FAgileJS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drawcall%2FAgileJS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drawcall%2FAgileJS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drawcall%2FAgileJS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/drawcall","download_url":"https://codeload.github.com/drawcall/AgileJS/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251077102,"owners_count":21532607,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation","css-animations","css-framework","css-games","css3","css3-animations","css3-engine","game-framework","html5-css3"],"created_at":"2024-08-02T08:00:59.145Z","updated_at":"2025-04-27T01:32:16.522Z","avatar_url":"https://github.com/drawcall.png","language":"JavaScript","readme":"AgileJS - The Css3 Creation Engine\n======\n\n[![license](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat)](./LICENSE)\n[![Release Version](https://img.shields.io/badge/release-2.2.0-red.svg)](https://github.com/drawcall/Agilejs/releases)\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/drawcall/Agile/pulls)\n[![npm](https://img.shields.io/badge/npm-2.2.0-brightgreen.svg)](https://www.npmjs.com/package/agilejs)\n\n![Agile banner](https://github.com/drawcall/AgileJS/blob/master/image/banner.png?raw=true)\n\n## Using javascript generated pure CSS3\nAgileJS is a simple, fast and easy to use engine which uses javascript generated pure CSS3.\nCheck out examples at [http://drawcall.github.io/AgileJS/](http://drawcall.github.io/AgileJS/)\n\n## Features\n- AgileJS uses javascript to generate pure CSS3, without canvas, webGL or SVG.\n- Performant on mobile devices, being truly cross platform.\n- AgileJS’s API has high similar characteristic with actionscript 3.0, you can learn it in 10 minutes.\n\n## Usage\n#### Download the [minified library](https://github.com/drawcall/Agile/blob/master/build/agile.min.js) and include it in your html document.  \n\n```html\n\u003cscript src=\"js/agile.min.js\"\u003e\u003c/script\u003e\n```\n\n\n#### Or install using npm \n[![anix](https://nodei.co/npm/agilejs.png)](https://npmjs.org/package/agilejs)\n\n```shell\nnpm install agilejs --save\n... \n\nimport Agile from 'agilejs';\n```\n\n#### Create and move a circle:\n\n```javascript\n//init AgileJS\nAgile.mode = '3d';\nconst container = new Agile.Container('container');\ncontainer.select = false;\ncontainer.perspective = 1000;\n\n//create a displayobject\nconst circle = new Agile.Circle(80, '#ff0000');\ncircle.x = 100;\ncircle.y = 120;\ncontainer.addChild(circle);\n\n//add a keyframes\nconst keyframes = new Agile.Keyframes(100, {\n\tscaleX : .5,\n\tscaleY : .5\n});\n\ncircle.addFrame(1, keyframes, {\n\tyoyo : true,\n\tloop : -1\n}); \n```\n\n## Building AgileJS\nNode is a dependency, use terminal to install it with with:  \n\n```javascript\ngit clone git://github.com/drawcall/AgileJS.git\n...\nnpm install\nnpm run build\n``` \n\nand run examples \n\n```javascript\nnpm start\n//vist http://localhost:3001/examples/\n```\n\nes6 lint\n\n```javascript\nnpm run lint\n```\n\n## License\nLicenseFinder is released under the MIT License. http://www.opensource.org/licenses/mit-license\n","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdrawcall%2FAgileJS","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdrawcall%2FAgileJS","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdrawcall%2FAgileJS/lists"}