Slice animation in plain JavaScript
2007/12/15 09:53One day I wondered if it could be possible to do a 3D-style animation in plain JavaScript without Flash, SVG, Canvas or any other fancy stuff. The result can be found below.
The basic idea is simple:
- Slice a image in 1px wide slices
- Embed all the slides in the HTML using data-uris to avoid loading large number of images
- Move and scale image slices for each animation frame to create some nice effect
To see the details, read the documentation... I mean the source :)