анимация бесконечная

This commit is contained in:
2021-11-30 16:59:54 +03:00
parent e8a18ab9ee
commit 268bca5ba4
2 changed files with 12 additions and 43 deletions

View File

@@ -6,6 +6,17 @@ function Анимации(события)
this.анимации = {};
};
this.запустить = function(имя, элемент)
{
// Останавливаем прошлый экземпляр этой анимации.
if (имя in this.анимации)
{
this.анимации[имя].остановить();
delete this.анимации[имя];
}
this.анимации[имя] = new Анимация(элемент, this.задано[имя]);
}
this.обработатьКлюч = function(ключ, путь, значение)
{
if (путь[0] != "анимации")

View File

@@ -9,9 +9,6 @@ function Изображения(события, виды, анимации, ко
this.задано = {};
this.элементы = {};
события.подписать(this);
this.омер = 0;
this._анимация = null;
};
// Ключи и события.
@@ -152,33 +149,7 @@ function Изображения(события, виды, анимации, ко
if (анимация)
{
let за = анимации.задано[анимация];
let в = Number(за["воспроизведений"]);
let к0 = Number(за["кадр.0"]);
let к1 = Number(за["кадр.1"]);
let с = Number(за["скорость"]);
let д0 = Number(за["диапазон.0"]);
let д1 = Number(за["диапазон.1"]);
let д2 = Number(за["диапазон.2"]);
let д3 = Number(за["диапазон.3"]);
if (в != null && к0 != null && к1 != null && с != null && д0 != null && д1 != null && д2 != null && д3 != null)
{
let кадр = [к0, к1];
let диапазон = [д0, д1, д2, д3];
/**/console.debug("ИГР Изображения.обновитьВА", в, кадр, с, диапазон);
this.адр = кадр;
this._диапазон = диапазон;
let ширинаДиапазона = Math.abs(д2 - д0);
let высотаДиапазона = Math.abs(д3 - д1);
let ширинаКадра = Math.abs(к0);
let высотаКадра = Math.abs(к1);
let кадровX = Math.floor(ширинаДиапазона / ширинаКадра);
let кадровY = Math.floor(высотаДиапазона / высотаКадра);
this.адрыX = кадровX > кадровY;
this.адров = this.адрыX ? кадровX : кадровY;
this.анимация = setInterval(() => { this._анимировать(эл); }, с);
}
анимации.запустить(анимация, эл);
}
this.обновитьУгол(имя);
@@ -207,19 +178,6 @@ function Изображения(события, виды, анимации, ко
}
};
this._анимировать = function(эл)
{
this.омер += 1;
if (this.омер >= this.адров)
{
this.омер = 0;
}
let x = this.адрыX ? this.омер * this.адр[0] : 0;
let y = this.адрыX ? 0 : this.омер * this.адр[1];
/**/console.log("ИГР Изображения._анимировать x/y", x, y);
эл.style.backgroundPosition = `${x}px ${y}px`;
};
// Конструктор.
this.создать();
}