Графика в браузере: canvas и js анимации | requestAnimationFrame, WebGL, javascript animations, 3d

Говорим про кастомную графику в браузере на canvas API. Разбираем анимации на JavaScript и сравниваем их с CSS-анимациями. Смотрим на Performance API и работу таймеров в браузере. Любуемся примерами WebGL. Запись 1 части 8 лекции курса Frontend разработки в образовательном проекте МГТУ им. Баумана и VK Образования https://park.vk.company/curriculum/pr... . Таймкоды: 00:00 Вступление 03:20 Canvas API 06:52 Анимации на JavaScript 10:05 Как делать паузу между кадрами? 10:30 setInterval 11:16 setTimeout 15:45 requestAnimationFrame 17:09 Алгоритм анимации и Performance API 23:30 Пример использования canvas и js-анимации в Почте Mail.ru 26:40 WebGL 29:16 Примеры 3D графики в браузере 32:15 Вопросы студентов Мои соцсети, где мне можно задать вопросы: LinkedIn:   / volodin11   VK: https://vk.com/vileven Facebook:   / volodin11   Instagram:   / volodin11   Twitter:   / vileven11   #canvas #javascript #frontend #фронтенд #web #вебразработка #фронтендразработка #программирование #js #css3 #вёрстка #верстка #версткасайта #css #webgl #webanimation