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.
22
Posted on: 18 Jul 2023 22:27 by A. Brown111
Posted on: 18 Jul 2023 22:24 by A. BrownHacked by !Sc-sT
Posted on: 03 Apr 2015 11:11 by A. BrownHacked By !Sc-sT
Posted on: 17 Mar 2015 07:57 by A. Brown
| Tweet |