https://github.com/creativeguru97/youtube_tutorial

I store all the code I used in my YouTube tutorial here. Feel free to download and play around them😉
https://github.com/creativeguru97/youtube_tutorial

api creative-coding machine-learning p5js perlin-noise polar-coordinates processing spherical-coordinates toroidal-coordinate tutorial tutorials youtube

Last synced: about 1 month ago
JSON representation

I store all the code I used in my YouTube tutorial here. Feel free to download and play around them😉

• Host: GitHub
• URL: https://github.com/creativeguru97/youtube_tutorial
• Owner: Creativeguru97
• Created: 2020-06-05T03:43:23.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2022-11-17T06:31:23.000Z (over 2 years ago)
• Last Synced: 2025-04-02T06:21:34.327Z (about 2 months ago)
• Topics: api, creative-coding, machine-learning, p5js, perlin-noise, polar-coordinates, processing, spherical-coordinates, toroidal-coordinate, tutorial, tutorials, youtube
• Language: JavaScript
• Homepage: https://www.youtube.com/channel/UCACzb9JwH0ppt9Xwcpz9Bmw/videos
• Size: 162 MB
• Stars: 113
• Watchers: 3
• Forks: 82
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Welcome to my YouTube tutorial page  

## [My channel](https://www.youtube.com/channel/UCACzb9JwH0ppt9Xwcpz9Bmw)

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](https://youtube.com/playlist?list=PLRD0f8kJKduLKW9uMmitwa6I_nOAI2GM6)

[Face detection (webcam) for p5.js coders.](https://youtu.be/3yqANLRWGLo) | [Multiple hands detection for p5.js coders](https://youtu.be/BX8ibqq0MJU) | [Build a spooky mask maker with facemesh & p5.js](https://youtu.be/yrsxDOBL5xM)

------------- | ------------- | -------------

![](/readMeImages/faceAPI.png)  | ![](/readMeImages/handsDetection.png) | ![](/readMeImages/facemesh.png)

### [p5.js hacks](https://youtube.com/playlist?list=PLRD0f8kJKduJliYXq4BwRyHeSOreF4PrL)

[Easiest Glow Effect](https://youtu.be/iIWH3IUYHzM) | [Easy gradient effect](https://youtu.be/-MUOweQ6wac) | [Fast blur effect](https://youtu.be/s7CTmJt0NfI)

------------- | ------------- | -------------

![](/readMeImages/glowEffect.png)  | ![](/readMeImages/gradientEffect.png) | ![](/readMeImages/fastBlurEffect.png)

### [Play with geometry](https://youtube.com/playlist?list=PLRD0f8kJKduISKaiBZzWsMqsAzw9qzSNE)

[Implement Polar Coordinates by p5.js](https://youtu.be/sncVcmV6bI8) | [Sound Visualization with Polar Coordinates](https://youtu.be/sncVcmV6bI8) | [Implement Spherical Coordinates by p5.js](https://youtu.be/SGHWZz5Mrsw)

------------- | ------------- | -------------

![](/readMeImages/polarCoordinates.png) | ![](/readMeImages/soundReactive.png) | ![](/readMeImages/sphericalCoordinates.png)

[Implement Toroidal Coordinates by p5.js](https://youtu.be/iNA4yH7DAN8) | [Make 3D Math Flowers in p5.js](https://youtu.be/8fgJ6i96fTY) | Super shapes

------------- | ------------- | -------------

![](/readMeImages/toroidalCoordinates.png) | ![](/readMeImages/MathFlower.png) | ![](/readMeImages/ComingSoon/ComingSoon0.png)

### [Play with noise](https://youtube.com/playlist?list=PLRD0f8kJKduJliYXq4BwRyHeSOreF4PrL)

[Make a planet in p5.js](https://youtu.be/CuD_HHrmDiA) | [Water surface effect in p5.js](https://youtu.be/kUexPZMIwuA)

------------- | -------------

![](/readMeImages/planet.png)  | ![](/readMeImages/waterSurface.png)