Lynda.com | Изучение HTML Canvas / Learning HTML Canvas (2018) PCRec [H.264/720p-LQ] [EN]

Released: 11/26/2018

JavaScript developers can create freeform graphics on a drawing surface known as the Canvas. The Canvas unlocks the ability to create rich, native web applications with 2D and 3D graphics. In this course, instructor Joe Marini introduces the technical concepts behind Canvas and shows how to perform drawing operations directly in a webpage. Learn how to draw basic and complex shapes, adjust colors and styles, and add shadows, patterns, and gradients. Then explore more advanced techniques such as scaling, rotating, and compositing objects. Plus, discover how to use Canvas elements to build a full-featured slideshow and a double-buffered animation.

Topics include:
- Canvas examples
- Drawing shapes, arcs, paths, and curves
- Drawing text
- Drawing shadows, patterns, and gradients
- Using clipping paths
- Displaying images and video
- Transforming objects with scaling and rotation
- Manipulating raw pixels
- Applying transitions
- Creating animations

Дата релиза: 26.11.2018

Сначала вы узнаете о том, как рисовать основные и сложные фигуры, настраивать цвета и стили, а также как добавлять тени, узоры и градиенты. Затем вы изучите более продвинутые методы, такие как масштабирование, вращение и наложение объектов. Кроме того, вы узнаете как использовать элементы Canvas для создания полнофункционального слайд-шоу и анимации с двойной буферизацией (double-buffered animation).

Темы курса включают в себя:
- Примеры Canvas
- Рисование фигур, дуг, контуров и кривых
- Отображение текста
- Рисование теней, узоров и градиентов
- Использование контуров
- Отображение видео и изображений
- Преобразование объектов с масштабированием и вращением
- Управление необработанными пикселями (Raw Pixels)
- Применение переходов
- Создание анимации

Внутри ZIP архивов находятся файлы примеров и субтитры (язык Английский, формат SRT)