YouTube tutorial
I store all the code I used in my YouTube tutorial here. Feel free to download and play around them😉
I take you p5 guys/girls to the Next Level with my tutorials. Combine p5.js with * Machine learning APIs * Math equations, * Glow effects, Gradient effects... The project is written primarily in JavaScript, first published in 2020. Key topics include: api, creative-coding, machine-learning, p5js, perlin-noise.
Welcome to my YouTube tutorial page
My channel
I take you p5 guys/girls to the Next Level with my tutorials.
Combine p5.js with
- Machine learning APIs
- Math equations,
- Glow effects, Gradient effects...
I cover a lot of topics you will be excited about.
If you're into p5.js and looking for some inspiration and tips, you're in the right place.
My tutorial videos below
web APIs
| Face detection (webcam) for p5.js coders. | Multiple hands detection for p5.js coders | Build a spooky mask maker with facemesh & p5.js |
|---|---|---|
![]() | ![]() | ![]() |
p5.js hacks
| Easiest Glow Effect | Easy gradient effect | Fast blur effect |
|---|---|---|
![]() | ![]() | ![]() |
Play with geometry
| Implement Polar Coordinates by p5.js | Sound Visualization with Polar Coordinates | Implement Spherical Coordinates by p5.js |
|---|---|---|
![]() | ![]() | ![]() |
| Implement Toroidal Coordinates by p5.js | Make 3D Math Flowers in p5.js | Super shapes |
|---|---|---|
![]() | ![]() | ![]() |
Play with noise
| Make a planet in p5.js | Water surface effect in p5.js |
|---|---|
![]() | ![]() |
Contributors
Showing top 1 contributor by commit count.
This article is auto-generated from Creativeguru97/YouTube_tutorial via the GitHub API.Last fetched: 6/27/2026














