tutspluscom
Подраздел envato, продает курсы по всем разным направлениям, не считая разработки. Откройте для себя тысячи бесплатных обучающих программ, созданных творческими людьми для творческих людей.
Продолжительность
2 ч 8 мин
Категория
JavaScriptКоличество уроков
13 Видео
Дата добавления
1 июл. 2019 г., 19:47
Язык
Английский
Дата выхода
11 июн. 2019 г., 22:41
Дата обновления
29 апр. 2026 г., 03:46
PixiJS открывает перед веб‑разработчиками новые возможности для создания плавной, динамичной и визуально выразительной 2D‑графики. В этом курсе вы шаг за шагом освоите основные инструменты библиотеки и узнаете, как применять их в реальных веб‑проектах.
Что вы узнаете в этом курсе
Курс поможет вам быстро и уверенно начать работу с PixiJS, даже если вы впервые сталкиваетесь с рендерингом графики в браузере.
- Основные принципы работы рендера PixiJS
- Создание и управление спрайтами
- Работа с текстурами и графическими примитивами
- Анимация и интерактивность
- Оптимизация производительности
Почему стоит использовать PixiJS
Благодаря высокой производительности и широким возможностям, PixiJS стал популярным инструментом среди разработчиков, создающих интерактивные интерфейсы, игры и яркие визуальные элементы.
Высокая скорость работы
PixiJS использует WebGL с автоматическим переключением на Canvas, обеспечивая стабильный рендеринг даже сложных сцен.
Гибкость и масштабируемость
Библиотека подходит как для небольших элементов веб-дизайна, так и для полноценных 2D‑игр и интерактивных приложений.
Простота интеграции
PixiJS легко встроить в существующие проекты, а понятный API делает процесс разработки интуитивным.
Что входит в программу
В рамках курса мы разберём ключевые компоненты, составляющие основу PixiJS.
Создание сцены
Вы научитесь инициализировать приложение, работать с канвой и управлять основными объектами сцены.
Спрайты и текстуры
Рассмотрим загрузку текстур, создание спрайтов и их модификацию.
Графические примитивы
Мы изучим, как рисовать фигуры, линии и другие элементы при помощи встроенных классов PixiJS.
Анимация и события
Вы узнаете, как оживить графику с помощью анимаций, а также сделать элементы интерактивными.
Материалы для работы
Исходные файлы, примеры и дополнительные материалы доступны в репозитории:
https://github.com/tutsplus/up-and-running-with-pixijs
Итог
Курс станет отличной отправной точкой для разработчиков, которые хотят добавить в свои проекты динамическую и привлекательную графику. Освоив PixiJS, вы сможете воплощать идеи любой сложности — от простых интерактивных элементов до насыщенных визуальных интерфейсов.
- Урок 1.00:00:381.1 Welcome to the Course
- Урок 2.00:07:171.2 The “Why” and “How” of PixiJS
- Урок 3.00:13:332.1 A Basic PixiJS Application
- Урок 4.00:10:372.2 Animated God Ray Image
- Урок 5.00:14:042.3 Colored Spotlight Mask
- Урок 6.00:06:162.4 Custom Cursor
- Урок 7.00:11:342.5 Text Style
- Урок 8.00:11:272.6 Containers and Displacement
- Урок 9.00:07:212.7 Using Video
- Урок 10.00:20:452.8 Parallax Movement
- Урок 11.00:11:172.9 Gradients and Canvas2D API
- Урок 12.00:10:442.10 Blend Modes and Flicker Effect
- Урок 13.00:03:193.1 Wrapping Up
Автор - tutspluscom
Комментарии
brodderfaceЭтот курс бесплатен на оригинальном сайте