{"id":16514176,"url":"https://github.com/stevesims/vpanimengine","last_synced_at":"2026-05-31T21:32:12.009Z","repository":{"id":74149548,"uuid":"13684996","full_name":"stevesims/vpanimengine","owner":"stevesims","description":"The VPAnimEngine animation engine library collection","archived":false,"fork":false,"pushed_at":"2014-09-04T15:16:15.000Z","size":192,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-05-04T01:00:14.020Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-2-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/stevesims.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-10-18T17:50:07.000Z","updated_at":"2013-10-18T17:54:24.000Z","dependencies_parsed_at":"2023-02-22T11:25:44.262Z","dependency_job_id":null,"html_url":"https://github.com/stevesims/vpanimengine","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/stevesims/vpanimengine","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stevesims%2Fvpanimengine","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stevesims%2Fvpanimengine/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stevesims%2Fvpanimengine/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stevesims%2Fvpanimengine/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stevesims","download_url":"https://codeload.github.com/stevesims/vpanimengine/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stevesims%2Fvpanimengine/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33750474,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-31T02:00:06.040Z","response_time":95,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2024-10-11T16:11:41.610Z","updated_at":"2026-05-31T21:32:11.987Z","avatar_url":"https://github.com/stevesims.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# VPAnimEngine\nby [Vert Pixels Ltd.](http://vertpixels.com)\n\n## Description\n\nVPAnimEngine is a collection of JavaScript libraries for creating and running programatically driven animations.\n\n## Usage\n\nVPAnimEngine is an extensible animation library collection that provides programatic ways to create and run animation pipelines. Those pipelines may be used to render to HTML5 canvas, or they can be used to animate DOM elements.\n\n## Notes\n\nVPAnimEngine is a family of libraries, at the heart of which is the core VPAnimEngine library module. By itself, VPAnimEngine can do very little animation, and one must use a \"renderer\" module. Further enhancements can be obtained through the addition of \"action\" modules. There are quite a few renderer modules provided here for you to experiment with, and creating new ones is relatively easy.\n\nBasic documentation is provided, however this is a work in progress. Some basic examples will be added soon.\n\nVPAnimEngine was designed so as to allow for animations to be defined purely as JSON data. In part this is to allow for the development of tools to aid in animation pipeline design. Additionally it was intended to allow for identical animation pipeline definitions to be used with versions of VPAnimEngine ported to different platforms, such as an Objective-C-based port on iOS or a Java-based port on Android. No such ports yet exist, but when we get the chance and/or a project demands it we'll be working on that.\n\nThe provided renderers generally deal with either manipulating an HTML5 2D canvas, or the HTML DOM (style or class attributes). We do not currently include any renderers that work with WebGL, however these are possible and we have experimented with this. No promises, but some examples may follow.\n\n## Real-life Examples\n\nVPAnimEngine started out as the technology that drove the music visualizer in the [Deadmau5 iTunes LP 4x4=12](https://itunes.apple.com/us/album/4x4-12-deluxe-version/id406919167).\n\nFrom there it developed and went on to be used as the basis for several other visualizers in various different iTunes LPs, gaining new features and new modules along the way.\n\nIt's latest public outing has been in the [Tinie Tempah Demonstration album promo site](http://listen.tinietempah.com/), which also makes use of our application framework [VPBooklet](https://github.com/stevesims/vpbooklet). It was used there to drive title-card canvas animations, produce a kaleidoscope effect, gradually draw a line-art heart, 'glitch' some images and videos, and also to provide fallback animation support to users Internet Explorer 9, as that browser does not provide CSS3 animation support.\n\nBesides VPAnimEngine, the Deadmau5 iTunes LP also spawned [VPTimelineHandler](https://github.com/stevesims/vptimelinehandler). This companion library can be used to add time-driven events to animations, and is used in the Tinie Tempah site to drive lyrics displays.\n\n## Compatibility\n\nVPAnimEngine requires a modern browser environment in which to run, one in which HTML5 and ECMAScript 5 is supported. Practically speaking this means most versions of Safari and Chrome, recent versions of Firefox (from late 2012 onwards), and IE 9.\n\nIt is possible to use VPAnimEngine in older environments through the use of compatibility shims and/or polyfills.\n\n## License\n\nVPAnimEngine is licensed under the [BSD License](http://opensource.org/licenses/BSD-2-Clause)\n\n## Credits\n\nVPAnimEngine was designed and built by Steve Sims and John-Paul Harold of Vert Pixels Ltd.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstevesims%2Fvpanimengine","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstevesims%2Fvpanimengine","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstevesims%2Fvpanimengine/lists"}