именно благодаря видеоиграм, и именно видеоигры больше всего повлияли на меня как на веб-разработчика.
Помимо обычной группировки изображений можно выделить еще несколько типов спрайтов.
Раскадровка
Раскадровка, по сути, представляет собой набор кадров для анимации, сохраненных в одном файле. Для такого спрайта пишется контроллер на JavaScript, который управляет скоростью и направлением смещения спрайта. По сравнению с обычной GIF-анимацией это дает нам следующие преимущества:
1. Можно использовать JPEG или полупрозрачный PNG.
2. Более широкие возможности по оптимизации изображения.
3. Можно самостоятельно управлять скоростью и направлением анимации, имея один и тот же набор кадров (то есть используя всего одно изображение).
При создании такого спрайта нужно помнить следующее. Для начала нужно выбрать размер кадра; такой, чтобы в нем без проблем уместилась любое изображение из раскадровки +10-20% свободного пространства по бокам для надежности. Это позволит в дальнейшем