Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Денис Гончаренко
@denis79513
JavaScript
HTML
SVG
Анимация
Canvas
В чем такое делают?
В чем делают такие анимации? Не может же быть, что в ручную прописывают каждую линию, например, при помощи snap js?
brightmedia.pl
Вопрос задан
более трёх лет назад
1996 просмотров
4
комментария
Подписаться
10
Оценить
4
комментария
Facebook
Вконтакте
Twitter
alvvi
@alvvi
По коду увидел EasleJS и GSAP , а также много мелких библиотек для детекта скролла и прочего, и да тут многое написано именно вручную на Canvas'e.
Написано
более трёх лет назад
Anton Filippov
@vicodin
А почему бы и не прописать такое ручками ?
Написано
более трёх лет назад
Samarkand
@Samarkand
Бред.
Написано
более трёх лет назад
Ильяс Якубов
@Ilyasyakubov
У меня на iPhone элементы управления браузера при скролле не скрываются на этом сайте. Не хорошо это как-то.
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
2
Максим Тимофеев
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
По большей части ручками с помощью js, svg, canvas.
Но есть ПО и js библиотеки, которые упрощают процесс.
Так например для svg есть редактор
inkscape.paint-net.ru
Есть библиотеки:
https://d3js.org
www.hongkiat.com/blog/javascript-libraries-animate-svg
и др.
Конкретно в Вашем примере используют Greensock TweenMax и кучу плагинов к нему. Есть статья на хабре по теме:
Greensock: анимация на JavaScript
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
Полина Емельянова
@bugo_aneo
Верстальщик по жизни, буддист, кофеман
Обратите внимание вот на этот пен
codepen.io/nolakat/pen/mWNvdb
в установках js есть несколько интересных штук)
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
1
комментарий
Facebook
Вконтакте
Twitter
Антон Мудренок
@mudrenokanton
Не, там дело не в морфе.
Вот основной:
https://greensock.com/drawSVG
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
Простой
Как сделать переключение кнопок Html?
1 подписчик
21 час назад
53 просмотра
0
ответов
JavaScript
+2 ещё
Средний
Как манипулировать файлами в React с State Manager-ами?
1 подписчик
22 часа назад
35 просмотров
0
ответов
HTML
Средний
Как обратиться к конкретному элементу вложенному в кастомный тег в JS?
1 подписчик
23 часа назад
72 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Почему дрожит содержимое при измении размера окна браузера?
2 подписчика
вчера
301 просмотр
1
ответ
HTML
+1 ещё
Средний
Как правильно нужно скопировать элемент сайта?
1 подписчик
22 мар.
99 просмотров
1
ответ
JavaScript
+1 ещё
Средний
Анимация JS, CSS. Как сделать эффект фонарика?
1 подписчик
22 мар.
157 просмотров
1
ответ
JavaScript
Средний
Gsap scroll trigge как сделать рабочим скроллинг внутри окна?
1 подписчик
22 мар.
25 просмотров
0
ответов
HTML
+1 ещё
Простой
Как поменять цвет фона у кнопки в html?
1 подписчик
21 мар.
84 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Есть ли аналоги kladr api с возможностью запросов через JS?
1 подписчик
21 мар.
84 просмотра
1
ответ
JavaScript
+3 ещё
Простой
Почему node.js runtime есть столько памяти?
4 подписчика
21 мар.
1193 просмотра
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Бэкэнд-разработчик JavaScript
Wanted.
•
Москва
от 250 000 до 400 000 ₽
JavaScript веб-разработчик (Backend)
TurboProject
от 60 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 420 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама