Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

animillusion

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

animillusion

Make printable linear zoetropes of animations with javascript

  • 0.0.2
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
6
increased by500%
Maintainers
1
Weekly downloads
 
Created
Source

animillusion

Make printable linear zoetropes of animations with javascript

See it in action, here

animillusion

This technique is called "linear zoetrope".

It 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.

You can also print the images on paper/plastic, and it works pretty well.

If you'd like some nice animation examples, I put some here. Just drag the images on to the demo.

installation

You can import/require it in webpack/browserify/etc:

npm i animillusion

now you can do this:

const animillusion = require('animillusion')

or you can point to the js file in your HTML:

<script src="http://konsumer.js.org/animillusion/animillusion.min.js"></script>

usage

All your frames should be images, of the same dimensions.

// get 2 image URLS for the slotted image, and the slots:
const images = animillusion([
  'image1.png',
  'image2.png',
  'image3.png',
  'image4.png'
])

The demo is also made with react, if you want an example of that.

FAQs

Package last updated on 27 Jul 2018

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc