p5.js Coding Tutorial | Create Raster Graphics from Image

Опубликовано: 23 Июль 2026
на канале: Patt Vira

3,476

119

✨ Get your 'Basic toolkit to Getting Started with Creative Coding' on my website: https://www.pattvira.com. Let me know if you find it useful! ✨

—
Links:
🔗 p5.js editor: https://editor.p5js.org/
🔗 Image Rastering: https://editor.p5js.org/pattvira/sket...
🔗 Introduction to Creative Coding Playlist:    • START HERE: Creative Coding for Beginners
🔗 2D Array Exercises:
• 2D Grid w Nested Loop:    • p5.js Coding Tutorial |  2D Grid w Nested ...
• Color Grid:    • p5.js Coding Tutorial |  Color Grid (Neste...

Timestamps:
0:00 Intro
0:10 Uploading image
2:22 Dividing canvas into grid of desired size
6:03 Creating a 2D array to store size info