Skip to Content
✨ SPARK
New to Coding? START HERE
Coding Tutorials
Creative Coding Math
Newsletter
About
Patt Vira
Login Account
0
0
✨ SPARK
New to Coding? START HERE
Coding Tutorials
Creative Coding Math
Newsletter
About
Patt Vira
Login Account
0
0
✨ SPARK
Folder: Learning
Back
New to Coding? START HERE
Coding Tutorials
Creative Coding Math
Newsletter
About
Login Account

Create Raster Graphics from Image

  • All,

🔗 Code Example: Image Rastering

🔗 Timestamps:

  • 0:10 Uploading image

  • 2:22 Dividing canvas into grid of desired size

  • 6:03 Creating a 2D array to store size info

🔗 References:

  • 2D Grid w Nested Loop Tutorial

  • Random Color Grid Tutorial

Previous

Interactive Blobs

Next

Interactive Colliding Objects

You Might Also Like

Related Embedded Video Item Thumbnail Snowflakes
Related Embedded Video Item Thumbnail Interactive Fridge Magnets (with ml5.js)
Related Embedded Video Item Thumbnail Magnifying Glass
Related Embedded Video Item Thumbnail Lorenz Attractor
Related Embedded Video Item Thumbnail Interactive Dandelion (with ml5.js - faceMesh)
I recently visited a botanical garden, saw this very sign, and really wanted to share.

🌸 ‘To Plant a Garden is to Believe in Tomorrow’ beautifully resonates with the creative coding work I do. Just as planting a seed is a simple act wit
“It’s much easier to determine what is working after you have already done some things than to predict what will work before you have done anything.” — James Clear

I made it through year ONE of making consistent content on th
Follow @pattvira