{"id":16188298,"url":"https://github.com/konsumer/animillusion","last_synced_at":"2025-03-19T03:30:46.941Z","repository":{"id":11887845,"uuid":"14449827","full_name":"konsumer/animillusion","owner":"konsumer","description":"Make printable linear zoetropes with javascript","archived":false,"fork":false,"pushed_at":"2023-01-04T08:40:58.000Z","size":16318,"stargazers_count":10,"open_issues_count":19,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-28T14:56:39.138Z","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":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/konsumer.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-11-16T16:05:56.000Z","updated_at":"2025-02-20T13:16:34.000Z","dependencies_parsed_at":"2022-08-20T03:50:44.542Z","dependency_job_id":null,"html_url":"https://github.com/konsumer/animillusion","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/konsumer%2Fanimillusion","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/konsumer%2Fanimillusion/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/konsumer%2Fanimillusion/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/konsumer%2Fanimillusion/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/konsumer","download_url":"https://codeload.github.com/konsumer/animillusion/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243965774,"owners_count":20375917,"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":[],"created_at":"2024-10-10T07:25:53.358Z","updated_at":"2025-03-19T03:30:43.589Z","avatar_url":"https://github.com/konsumer.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# animillusion\n\nMake printable linear zoetropes of animations with javascript\n\nSee it in action, [here](http://konsumer.github.io/animillusion/)\n\n![animillusion](demo.gif)\n\nThis technique is called \"linear zoetrope\".\n\nIt tends to work well with less than 10 frames, but your animation may work with more, especially if you make it really big (in terms of pixels.) Sillouettes, especially in colors other than black work really well, even with many frames.\n\nYou can also print the images on paper/plastic, and it works pretty well.\n\nIf you'd like some nice animation examples, I put some [here](https://github.com/konsumer/animillusion/tree/master/demo/src/examples). Just drag the images on to the [demo](http://konsumer.github.io/animillusion/).\n\n## installation\n\nYou can import/require it in webpack/browserify/etc:\n\n```\nnpm i animillusion\n```\n\nnow you can do this:\n```js\nconst animillusion = require('animillusion')\n```\n\nor you can point to the js file in your HTML:\n\n```html\n\u003cscript src=\"http://konsumer.js.org/animillusion/animillusion.min.js\"\u003e\u003c/script\u003e\n```\n\n## usage\n\nAll your frames should be images, of the same dimensions.\n\n```js\n// get 2 image URLS for the slotted image, and the slots:\nconst images = animillusion([\n  'image1.png',\n  'image2.png',\n  'image3.png',\n  'image4.png'\n])\n```\n\nThe [demo](demo/) is also made with react, if you want an example of that.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkonsumer%2Fanimillusion","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkonsumer%2Fanimillusion","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkonsumer%2Fanimillusion/lists"}