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

Truchet Tiles

  • All,
  • Generative Art,

🔗 Code Example: Truchet Tiles

  • Variation 1: Contrasting Triangles

  • Variation 2: Quarter Circles

🔗 Timestamps:

  • 0:49 First variation: contrasting triangle pattern

  • 4:02 Creating a Tile class

  • 8:37 Creating a grid of Tile objects

  • 13:25 Second variation: quarter circle pattern

Previous

How to Center a Grid on Canvas

Next

Interactive Display with Rotating Blocks (UPGRADED)

You Might Also Like

Related Embedded Video Item Thumbnail Chaos Game
Related Embedded Video Item Thumbnail Rotating Arcs Animation (Arc Function)
Related Embedded Video Item Thumbnail Image Manipulation - Pixelated Techniques
Related Embedded Video Item Thumbnail Falling Sand - Lunar NY Edition (with ml5.js)
Related Embedded Video Item Thumbnail Donut Forget You Are Awesome 🍩 (aka coding DONUTS)
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