Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как реализована анимация на сайте популярной игры? (https://javascript.ru/forum/misc/64980-kak-realizovana-animaciya-na-sajjte-populyarnojj-igry.html)

whoIam 17.09.2016 20:42

Как реализована анимация на сайте популярной игры?
 
Здравствуйте. Друзья очень любопытно как реализована анимация и взглянуть бы на кусок кода.
На странице расположено 2 персонажа. Баба с пушкой и чувак с красной рукой. При большой ширине проигрывается анимация, у бабы воздух плавится, у чувака рука горит. при уменьшении ширины анимация отключается (это не суть, на всякий случай вдруг у кого то не проигрывается).
Думал реализовано наверх наложенной гифкой или проигрывается спрайт секвенция. Возможно канвас прописана анимация (на что надеюсь и очень хочу посмотреть код).
Буду весьма благодарен за помощь в поиске.
Не сочтите за рекламу.

ссылка на сайт

warren buffet 17.09.2016 20:54

Селянин, там просто вебмка http://media.blizzard.com/heroes/vid...animation.webm

А на другом размере скорее всего жипежка

warren buffet 17.09.2016 20:57

html5 rules.

whoIam 17.09.2016 21:51

warren buffet
Спасибо большое, вот те +. Подскажи еще как ты ее нашел. Каким образом вышел на этот файлик в общем.

whoIam 17.09.2016 21:59

Все, горе от ума называется. Ищешь сложное решение, когда все реализовано довольно просто. Я полез в css, и js файлы. И впрочем не посмотрел код страницы ). Сам нашел. Тема закрыта.

warren buffet 19.09.2016 09:44

Цитата:

Сообщение от whoIam
Я полез в css, и js файлы

Капец. Первое что делает любой нормальный человек, нажимает правую кнопку мыши и смотрит что под указателем такое. Если есть сомнения, ищешь другое место тыкнуть. Нажми на фоне и увидишь команды управления видосом. Нажимаешь открыть видео и все.

warren buffet 19.09.2016 09:45

Если никаких особых пунктов в меню не появилось, тогда нормальный человек выбирает - Исследовать элемент - и исследует все в инспекторе.


Часовой пояс GMT +3, время: 06:39.