Скачать или смотреть p5.js Coding Tutorial | Musical Hexagonal Truchet Tiles 🎵

LET'S CONNECT
✨ Sign up for my newsletter at https://www.pattvira.com
✨ Instagram:   / pattvira  
✨ Twitter:   / pattvira  
--
Links:
🔗 p5.js editor: https://editor.p5js.org/
🔗 Musical Hexagonal Truchet Tiles Code: https://editor.p5js.org/pattvira/sket...
🔗 Introduction to Creative Coding Playlist:    • START HERE: Creative Coding for Beginners  

Inspiration:
🔗 Rubén Medellín's sketch: https://openprocessing.org/sketch/213...

References:
🔗 Truchet Tiles Playlist:    • Truchet Tiles  
🔗 ‪@StevesMakerspace‬ 's Combining ml5 PoseNet and p5play to manipulate objects with my body - p5js:    • Combining ml5 PoseNet and p5play to manipu...  

Timestamps:
0:00 Intro
1:00 Hexagonal math and honeycomb tiling pattern
3:04 Explain four Truchet patterns
4:32 Create a hexagon
13:04 Create four Truchet patterns
23:36 Rotate patterns using mousePressed()
24:53 Create a Hex class
29:00 Create honeycomb tiling pattern
35:47 Animate each tile based on random
41:21 Add colors
44:33 Add sound (use p5.js 2.0!)