Добавляем анимацию

Рисовать картинки в браузере я научился, но хотелось как-то оживить все это дело. Среди наработок с людума у меня сохранились не только статичные картинки, но и раскадровки различных состояний игрового персонажа. Таких как бег, атака или бездействие. Да, даже если персонаж ничего не делает, лучше чтобы он подавал хоть какие-нибудь признаки жизни, а не стоял столбом. Ну там, покачивался, дышал, или время от времени переминался с ноги на ногу. Так игра будет выглядеть более живой.

Возвращаясь к теме, я захотел добавить в игру поддержку анимаций.

Поскольку вся графика в моей игре состоит из различных, заранее нарисованных картинок, то, чтобы оживить какой-нибудь игровой объект, нужно с течением времени сменять его текущее изображение на другое, т.е. менять кадр. Так при наличии достаточного количества кадров и своевременной их смене, у игрока, глядя на экран, будет создаваться ощущение, что объект живой. Огонь будет гореть, ткань – развеваться на ветру и тд.

Для решения этой задачи я сделал дополнительную систему, которая следит за временем и периодически меняет изображения для всех игровых объектов, поддерживающих анимацию.