Truchet Tiling with Hexagons in p5.js

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


Duration: 14:30
1,131 views
45

Truchet tiles are tiles that can be rotated and create patterns as a result. In my last video we went over square tiles. This time we go over tiling with hexagons in p5.js. In the next video we'll do octagons.

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

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

Code used in this video:
https://editor.p5js.org/StevesMakerspace/sketches/02ZW2fRj8

Collection of Truchet Tile code:
https://editor.p5js.org/StevesMakerspace/collections/Yqck5LnRD

Video on square Truchet tiles:
https://youtu.be/99Hr8lpWWSg

Article that shows another way to make hexagonal tiles:
https://blog.peterkagey.com/2021/02/regular-truchet-tilings/

Right triangle math:
https://www.omnicalculator.com/math/right-triangle-side-angle

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

0:00 Intro and start
2:44 Hexagon math
6:15 Back to the code



Other Videos By Steve's Makerspace


2023-04-13Getting Started with fxhash params and fxlens using Visual Studio Code - full tutorial for artists
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


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
p5js patterns
code patterns
program patterns
christopher carlson
truchet
truchet tiling
truchet tiles
hexagon truchet
hexagon tiles
hexagonal truchet
hexagonal tiling