«Профессиональный онлайн‑курс Анимация для фронтендеров» от платформы HTML Academy научит вас построению анимации в браузере практически любого уровня сложности.
Вы узнаете что такое камера в WebGL, рассмотрите программы для работы с анимацией, поймете, как сделать 3D-анимацию и многое другое.
Вам подойдет этот курс, если вы:
- умеете верстать и программировать на JavaScript;
- уверенно владеете HTML и CSS;
- знакомы с адаптивной версткой и автоматизацией.
Ключевые навыки, которые вы освоите на этом курсе:
- использование pipeline;
- создание иллюзии реалистичности;
- планирование анимации;
- использование SMIL;
- моушн-дизайн;
- использование Canvas;
- манипуляции с траекториями;
- работа с WebGL и OpenGL;
- создание 3D-анимации;
- работа с камерой;
- знание основ Houdini API.
Учебная программа:
- основы анимации: линейная и покадровая анимация, принципы выразительной анимации, pipeline, временные функции;
- CSS: отладка, Material design, перенос на видеоускоритель, планирование анимации, работа с таймлайном;
- SVG: SMIL, полет, движение объекта;
- JS и Canva: покадровая анимация, моушн-дизайн, JS Tween, игры отслеживания, цикл отрисовки, JS Morph, маскирование, траектория и манипуляции с ней;
- WebGL и shaders: маски, OpenGL, размытие, шумы, 3D и 2D, GLSL;
- Three.js. 3D: цикл работы движка, плавающий FPS, метод Morph, группировка объектов, Matcap, свет и виды его источников;
- Three.js. Камера: риги, управление, виды камер, монтаж;
- что ждет анимацию в браузере: Houdini API, построение кроссплатформенного ПО с 3D, Web Animation API.
После каждого модуля есть практическое задание по проекту. Правильность выполненных заданий проверяется личным наставником.
Также в учебную программу включена работа на тренажере и прохождения тестов.
Загрузка...
