kornerr/MYPOM
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

поправить направление анимации

Browse Source
This commit is contained in:
Михаил Капелько
2022-05-17 18:51:30 +03:00
parent 10ce3ed32f
commit 4132af6c06
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
5.2/игра/075.Анимация.js
View File

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