|
|
@@ -38,6 +38,9 @@ function Анимация(элемент, параметры) |
|
|
|
this.поГоризонтали = кадровПоГоризонтали > кадровПоВертикали; |
|
|
|
this.номерКадра = 0; |
|
|
|
this.колвоКадров = this.поГоризонтали ? кадровПоГоризонтали : кадровПоВертикали; |
|
|
|
this.началоДиапазона = [д0, д1]; |
|
|
|
// Выставляем первоначальное значение в начало диапазона. |
|
|
|
элемент.style.backgroundPosition = `${д0}px -${д1}px`; |
|
|
|
// Возможно, в будущем стоит заменить частные таймеры на один общий. |
|
|
|
// Вдруг в браузерах есть ограничение на количество таймеров от одной страницы. |
|
|
|
this.таймер = setInterval(() => { this.анимировать(); }, скорость); |
|
|
@@ -67,9 +70,11 @@ function Анимация(элемент, параметры) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
let x = this.поГоризонтали ? this.номерКадра * this.размерКадра[0] : 0; |
|
|
|
let y = this.поГоризонтали ? 0 : this.номерКадра * this.размерКадра[1]; |
|
|
|
элемент.style.backgroundPosition = `${x}px ${y}px`; |
|
|
|
let x0 = this.началоДиапазона[0]; |
|
|
|
let y0 = this.началоДиапазона[1]; |
|
|
|
let x = this.поГоризонтали ? x0 + this.номерКадра * this.размерКадра[0] : x0; |
|
|
|
let y = this.поГоризонтали ? y0 : y0 + this.номерКадра * this.размерКадра[1]; |
|
|
|
элемент.style.backgroundPosition = `${x}px -${y}px`; |
|
|
|
}; |
|
|
|
|
|
|
|
// Конструктор. |
|
|
|