How I Made "Hex-a-Sketch" Art Project - Hexagonal Truchet Tiling Made Sketchy with p5.js

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


Duration: 15:34
1,202 views
35

In this video, I go over the code for making "Hex-a-Sketch," an nft art project launching on fxhash this Wednesday. This builds on my previous video on making hexagonal Truchet tiles in p5.js. At the end, I also talk about tweaking color palettes.

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

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

Hex-a-Sketch Code:
https://editor.p5js.org/StevesMakerspace/sketches/y03IkGoLQ

Hex-a-Sketch on fxhash:
https://www.fxhash.xyz/generative/22072

Video on Hexagonal Truchet Tiling:
https://youtu.be/Qwb2VYrN-us

Basic Hexagonal Truchet Tiling Code:
https://editor.p5js.org/StevesMakerspace/sketches/02ZW2fRj8

Color palette review code:
https://editor.p5js.org/StevesMakerspace/sketches/vjtFfFdJTN

Music:
Funk Down (Sting) by MK2 (theme)
Tiptoe Out the Back by Dan Lebowitz

0:00 Intro
0:30 Basic hexagonal tiling review
1:07 The new code
1:56 Making it sketchy
3:45 Overview of 3 canvases
4:58 Making Hex-a-Sketch by Hand
6:33 Code - Making one canvas
9:02 Erasing stuff
12:17 Finishing the drawing
13:05 Tweaking color palettes
14:44 Sale mention and outro



Other Videos By Steve's Makerspace


2023-05-13Discussing Four of My Gen Art Projects on fxhash - made with p5.js
2023-04-29Animating the Drawing Process of Your Static Art in p5.js
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


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
truchet
truchet tiling
truchet tiles
hexagon truchet
hexagon tiles
hexagonal truchet
hexagonal tiling
fxhash
p5js fxhash
fxhash truchet
nft art
p5js nft
hex-a-sketch