PixiJS is a fast 2D graphics library for the web. You can draw shapes, load images, and build smooth effects with simple code. In this course, you learn the core parts of PixiJS so you can add clear and polished visuals to your projects.
This course shows you the main tools you need to start with PixiJS. You learn how to set up a scene, use sprites, and build simple animations. By the end, you can create small visual demos and build on them as you grow.
Envato Tuts+ is part of Envato’s creative ecosystem. Our goal is simple: help people learn and earn online.
We see people change their lives when they learn creative skills and use them to sell their work or services. You can do the same.
Your day job may be creative or not. Still, life gets better when you learn and use creative skills often. This practice feels good, and it supports your future growth.
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | 1.1 Welcome to the Course Demo | 00:38 | |
| 2 | 1.2 The “Why” and “How” of PixiJS | 07:17 | |
| 3 | 2.1 A Basic PixiJS Application | 13:33 | |
| 4 | 2.2 Animated God Ray Image | 10:37 | |
| 5 | 2.3 Colored Spotlight Mask | 14:04 | |
| 6 | 2.4 Custom Cursor | 06:16 | |
| 7 | 2.5 Text Style | 11:34 | |
| 8 | 2.6 Containers and Displacement | 11:27 | |
| 9 | 2.7 Using Video | 07:21 | |
| 10 | 2.8 Parallax Movement | 20:45 | |
| 11 | 2.9 Gradients and Canvas2D API | 11:17 | |
| 12 | 2.10 Blend Modes and Flicker Effect | 10:44 | |
| 13 | 3.1 Wrapping Up | 03:19 |
Get instant access to all 12 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscription