Video · YouTube
p5.js Coding Tutorial | Pixel Sorting
By Patt Vira
- Type
- Video
- Level
- Beginner
- Length
- 30 min
- Price
- Free
- Published
- 2025
About this lesson
Codes a pixel-sorting effect in p5.js from scratch: loading an image, reading pixel arrays, sorting by brightness or hue, and controlling the direction and threshold.
Related lessons

Pixel Sorting Tutorial
Free
Video · 11 min
zach whalen

An introduction to Shader Art Coding
Free
Video · 23 min
kishimisu

How to Datamosh
Free
Video · 12 min
zaqstoner

How I Started Making Analog Video Visuals (Glitches, Effects, Feedback) [2018-2021]
Free
Video · 21 min
YOVOZOL

How I Create Audio-Reactive Art | Touch Designer Crash Course
Free
Video · 49 min
pwnisher

Glitch Photography: The Ultimate Tutorial to Databending Photos with Audacity
Free
Video · 7 min
Kindred Cameras