Сhallenge 1 - решение JS Колесо времени/плавная прокрутка
Решение задачи Challenge 1
Плавная прокрутка 3d колеса. События Pointer Events
===== Timе-коды =====
00:00 Intro / разбор задачи
01:40 Вешаем обработчики событий
02:35 Получаем координаты касаний
03:50 Мув только по нажатию
05:10 Передаем координаты в стили и вращаем
06:35 Запоминаем прогресс прокрутки
09:24 Финальная заставка
Задача:
Сделать плавное вращение колеса, без рывков
При каждом новом касании, колесо не должно дергаться и продолжать движение с того места, на котором остановилось
Дополнительно:
Вращение должно работать не только при помощи мыши, но и на мобильных устройствах
Исходники Git:
===== группа в контакте =====
===== канал в telegram: =====
44 views
143
35
2 weeks ago 00:02:41 1
Freelance - Short Film
3 weeks ago 00:00:32 1
…but the people are retarded
3 weeks ago 00:12:48 1
The Brand New STIHL MS400.1! WHY is this CHAINSAW different?
4 weeks ago 00:08:38 1
Retired General on How Ukraine Is ‘Bleeding Out’ Against Russia | WSJ
1 month ago 00:04:30 1
Two Storey House | Tiny Home ( 3X6 Meters )
1 month ago 00:11:44 1
Apple CEO’s High Stake Visit To China For Apology & Request To Market Share
1 month ago 00:07:33 1
Jeep Avenger 4xe The North Face Edition - NON PLUG-IN AWD
1 month ago 00:01:00 1
⚡ ВСЯ УКРАИНА ПРИТИХЛА И СЛУШАЛА ЭТУ РЕЧЬ ЕЛЕНЫ БОНДАРЕНКО! КТО УБИЛ ШЕРЕМЕТА И БУЗИНУ? #бондаренко
1 month ago 00:04:25 3
“Mary On A Cross“ - Ghost (Cover by First To Eleven)