Простая проблема с твин JS - от новичка - PullRequest
Новая
       50

Простая проблема с твин JS - от новичка

0 голосов
/ 03 апреля 2020

Я полный новичок в Javascript и кодировании, но начинаю пытаться научиться чему-то, и я пытаюсь создать простую анимацию анимации в Adobe animate, используя create JS, но не могу заставить ее работать. Это простой интерфейс меню, который я пытаюсь создать.

У меня есть четыре разноцветных квадратных кнопки, расположенных друг над другом как меню, и я пытаюсь получить пятую рамку слева для анимации и вниз значения y рядом с ними в качестве индикатора, на какую кнопку нажал пользователь. Так что это будет похоже на то, как лифт вызывается вверх и вниз на каждый этаж.

«Лифт» - это просто серая коробка, и я пытаюсь облегчить его, когда он достигает каждого этажа, как лифт. а затем измените цвет на цвет пола, которого он только что достиг, сразу после того, как перестал двигаться.

Пока все, что у меня есть, это: 

this.groundfloor.addEventListener("click", fl_MouseClickHandler.bind(this));

function fl_MouseClickHandler()
{
var target = this.elevator;
var tween = createjs.Tween.get(target, {
    loop: false
})
    .to({
        x: target.x,
        y: 300,

    }, 1500, createjs.Ease.sineOut)


}


this.firstfloor.addEventListener("click", fl_MouseClickHandler.bind(this));

function fl_MouseClickHandler()
{
var target = this.elevator;
var tween = createjs.Tween.get(target, {
    loop: false
})
    .to({
        x: target.x,
        y: 300,

    }, 1500, createjs.Ease.sineOut)


}

и так далее и так далее с другие кнопки. Значения у не совсем правильные. Но он воспроизводится только один раз, поэтому нажатие на другую кнопку ничего не дает.

Я не знаю, как правильно это кодировать?

Кажется, это было бы очень просто, и, может быть, уже есть пример такой работы где-то здесь, но я не могу ничего найти Приносим свои извинения.

Если бы кто-нибудь мог опубликовать некоторый код того, как "вызвать" лифт на каждый этаж и заставить его переключать цвет на что-то другое, как только он прибудет, это было бы огромной помощью.

Спасибо, ребята!

Дэвид

...