Making Truchet Tiles in p5.js

Channel:
United States Steve's Makerspace
Subscribers:
7,360
Published on ● Video Link: https://www.youtube.com/watch?v=99Hr8lpWWSg


Duration: 23:24
2,228 views
90

Truchet tiles are tiles that can be rotated and create patterns as a result. 10PRINT mazes are one example of this. In this video, I start with some simple tiling and work my way up to a tiling that combines large and small tiles, as described by Christopher Carlson.

Join my Discord: https://discord.gg/FSW6zzU

Follow me on Twitter: https://twitter.com/SteveMakerspace

Collection of Truchet Tiles code used in the video:
https://editor.p5js.org/StevesMakerspace/collections/Yqck5LnRD

My Simple Pattern video that includes 10PRINT and triangle patterns:
https://youtu.be/ig0q6vfpD38

Article by Christopher Carlson:
https://christophercarlson.com/portfolio/multi-scale-truchet-patterns/

Truchet Tiles on Wikipedia:
https://en.wikipedia.org/wiki/Truchet_tiles

Music:
Funk Down (Sting) by MK2 (theme)



Other Videos By Steve's Makerspace


2023-04-08Adding Circular Flow to a Flow Field with Generative Artist Jeff Palmer - p5.js
2023-03-19Making a Static Flow Field in p5.js
2023-03-05Using a Buffer Canvas as a Data Source for p5.js Generative Art
2023-01-23How to Sell on fxhash - How to Get Started, Guide
2023-01-23How to Resize Your Art in p5.js, especially for selling on fxhash
2023-01-03Composition Elements for Generative Art - p5.js creative coding, art composition
2023-01-02Made in 10 Minutes Genuary Prompt p5.js - Perlin noise field with the letters of g-e-n-u-a-r-y
2022-12-04How I Made "Hex-a-Sketch" Art Project - Hexagonal Truchet Tiling Made Sketchy with p5.js
2022-11-27Truchet Tiling with Octagons in p5.js
2022-11-26Truchet Tiling with Hexagons in p5.js
2022-11-20Making Truchet Tiles in p5.js
2022-11-07Use Any Color in Shape Intersections - Overlapping Shapes in p5.js
2022-10-23Using Erase Function in p5.js to Make Interesting Shapes
2022-10-16Shadowy Edges & Making Shapes using Vertex in p5.js
2022-10-14My First fxhash Drop! Auction Watch Party & Code Review
2022-10-11My First Art Project on fxhash! #shorts
2022-10-09How to Buy Clean NFT Art on fxhash and objkt using Tezos, Coinbase, and Temple wallet
2022-09-12Watercolor Effect and Paper Texture in p5.js
2022-08-29Final Variations for Flow Packing Code - p5.js creative coding gen art
2022-08-28Placing shapes and images inside of shapes - Clipping masks in p5.js
2022-08-16The Best Art-Maker I've Ever Made - p5.js generative art creative coding


Tags:
p5js
coding in p5js
pattern maker
art maker
art generator
computer art
digital art
generative art
algorithm art
dynamic painting
creative coding
coding pattern maker
p5.js programming
p5.js art maker
learn to code
10 print
10 print p5js
p5js patterns
code patterns
program patterns
christopher carlson
truchet
truchet tiling
truchet tiles