An image "sprite" is a collection of smaller photos, all taped together in one big image. When this image is used in production, using CSS positioning, each element is showed, but without showing the others.
This technique is widely used on large scale websites, being an ideal way of optimizing page load times by loading all images at once.
The technique is also used with games and animation engines, where sprite images are used to render out animation loops.
For these kind of sprites, the animation is plotted out as a single image, each frame taped next to the previous frame.
The animation then moves from one frame to the next, in a quick succession, giving the illusion of a constant motion.
The "Animated sprites" class is a MooTools library for creating such animation sequences, using sprite images and HTML5 canvas.
What is new in this release:
- Fixed base64 size bug.
Requirements:
- JavaScript enabled on client side
- MooTools
Comments not found