PixiJS topics
12 short topics in Games Graphics and XR. Each one is a single focused exercise with a clear piece of evidence at the end.
12 topics, one exercise each.
Work through them in order, or jump to the one you need.
These are draft topic outlines (draft; instructor review pending). Full lessons follow after review; ask Ajay if you need a topic sooner.
- 01
Drawing surface and lifecycle
Demonstrate drawing surface and lifecycle in a focused PixiJS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 02
Shape and scene representation
Demonstrate shape and scene representation in a focused PixiJS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 03
Coordinates and transforms
Demonstrate coordinates and transforms in a focused PixiJS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 04
Styling and rendering
Demonstrate styling and rendering in a focused PixiJS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 05
Input hit testing
Demonstrate input hit testing in a focused PixiJS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 06
Selection and manipulation
Demonstrate selection and manipulation in a focused PixiJS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 07
Object grouping and hierarchy
Demonstrate object grouping and hierarchy in a focused PixiJS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 08
Asset loading
Demonstrate asset loading in a focused PixiJS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 09
Serialization and replay
Demonstrate serialization and replay in a focused PixiJS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 10
Animation and update behavior
Demonstrate animation and update behavior in a focused PixiJS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 11
Rendering resource budgets
Demonstrate rendering resource budgets in a focused PixiJS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 12
Interactive rendering verification
Demonstrate interactive rendering verification in a focused PixiJS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course →
Learn the same ideas beyond PixiJS.
These courses share topics with this one, so you can compare how each language or tool handles the same concept.
More in Editors visualisation and component tooling.
You have the curiosity.
Let’s turn it into capability.
Start with a practical workshop or bring a specific question to Ajay.