CF

Up and Running With PixiJS

2h 8m 52s
English
Paid
Updated September 2026

Up and Running With PixiJS is a 13-lesson 2 hours 8 minutes self-paced course by Envato Tuts+. PixiJS renders fast, GPU-accelerated 2D graphics in the browser without much boilerplate, and this compact 13-lesson course covers exactly what you need to get a scene on screen.

Course facts

Lessons
13
Duration
2 hours 8 minutes
Level
All levels
Language
English
Updated
2026-09-11
Instructor
Envato Tuts+
Price
Premium

PixiJS renders fast, GPU-accelerated 2D graphics in the browser without much boilerplate, and this compact 13-lesson course covers exactly what you need to get a scene on screen.

What you'll build

  • Setting up a PixiJS scene from scratch
  • Loading images and working with sprites
  • Drawing shapes and composing simple animations

It's intentionally short and focused: by the end you'll have a small, working visual demo and a clear enough grasp of PixiJS's core pieces to extend it into something more ambitious on your own.

Who teaches Up and Running With PixiJS? Envato Tuts+

Envato Tuts+ thumbnail

Envato Tuts+ (formerly known as Tuts+ and now part of the Envato family) is one of the longest-running creative-tech tutorial publishers on the open web, dating back to 2007. The platform covers an unusually wide span of disciplines — code (the technical track), design (Photoshop, Illustrator, Figma), photography, video editing, music production, and the broader creative-craft topics adjacent to digital work.

The course catalog includes contributions from a large roster of independent instructors across each discipline. Material is structured for self-directed adult learners filling in specific technical or creative skills, with both individual courses and longer learning paths.

The CourseFlix listing under this source carries 5 Envato Tuts+ courses spanning the catalog's range. Material is paid; Envato Tuts+ historically ran on a monthly / annual subscription on the original platform.

What lessons are included in Up and Running With PixiJS?

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 13 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: 1.1 Welcome to the Course
All Course Lessons (13)
#Lesson TitleDurationAccess
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
Unlock unlimited learning

Get instant access to all 12 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

What courses are similar to Up and Running With PixiJS?

More courses by Envato Tuts+

Frequently asked questions

What are the prerequisites for taking this course?
This course does not list specific prerequisites, but a basic understanding of JavaScript and web development would be beneficial. Familiarity with 2D graphics concepts can also help in grasping how PixiJS operates within a web environment.
What projects will I be able to create by the end of this course?
By the end of the course, you will be able to create small visual demos using PixiJS. These include setting up a basic application, creating animations like an animated god ray image and colored spotlight mask, implementing a custom cursor, and applying effects like gradients and blend modes.
Who is the target audience for this course?
The target audience includes web developers and designers interested in enhancing their projects with 2D graphics using PixiJS. It is also suitable for individuals looking to learn how to implement visual effects and animations on web pages.
How does this course compare in depth to other PixiJS courses?
This course focuses on the core parts of PixiJS, providing foundational knowledge to set up scenes, use sprites, and build simple animations. It is an introductory course and may not cover advanced topics or complex applications found in more comprehensive PixiJS courses.
What specific tools or platforms will I use in this course?
This course specifically uses the PixiJS 2D graphics library. Lessons cover various features such as sprites, containers, displacement, and using video within graphics projects. No additional tools or platforms are specified in the course material.
What topics or tools are not covered in this course?
The course does not cover advanced PixiJS features, 3D graphics, or integration with complex web frameworks. It focuses on basic setup and simple animations rather than comprehensive application development or advanced graphics techniques.
How much time should I commit to this course?
The course consists of 13 lessons, but the total runtime is not specified. To fully benefit from the material, consider dedicating time to experiment with the examples and build on the demos provided to reinforce learning.