Я пытаюсь создать на своей странице персонажа, который использует сценарий Spritely для анимации. Лист спрайтов, который я использую, содержит в общей сложности 92 кадра. Я хотел бы, чтобы анимация была кликабельной.
При первом нажатии я хочу, чтобы он воспроизводился до 70 кадра и останавливался. Затем, в следующий раз, когда вы щелкнете по нему, я бы хотел, чтобы анимация воспроизводилась с 70 по 92 кадры и останавливалась.
Как мне написать код?
Пока что я могу заставить анимацию воспроизводиться до 70 кадра и останавливаться. Даже будучи начинающим веб-разработчиком, это было довольно легко.
Вот что у меня есть до сих пор:
$('#stacheguy2').click(function() {
$(this)
.sprite({fps: 30, no_of_frames: 92, play_frames: 70,})
});
С этим кодом, когда вы нажимаете на символ, он воспроизводит кадры 1-70 и останавливается. Это хорошо. Однако в следующий раз, когда вы щелкнете по нему, он начнется с 70-го кадра и продолжится еще на 70 кадров. Как я могу изменить это так, чтобы анимация воспроизводила только кадры с 70 по 92 при втором щелчке?
PS: я бы хотел, чтобы в конечном итоге персонаж выполнял другую последовательность кадров для каждого клика.
Если бы вы могли помочь мне с этим, я был бы так благодарен! Спасибо!