p5.js Coding Tutorial | Bloom Kinetic Clock

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/ 🔗 Bloom Kinetic Clock Code: https://editor.p5js.org/pattvira/sket... 🔗 Introduction to Creative Coding Playlist:    • START HERE: Creative Coding for Beginners   Inspiration: 🔗 Solstice 2.0 by Matt Gibert — Animaro Design: https://www.animarodesign.com/ References: 🔗 Current Time Built-in Functions: hour() - https://p5js.org/reference/#/p5/hour minute() - https://p5js.org/reference/#/p5/minute second() - https://p5js.org/reference/#/p5/second Timestamps: 0:00 Intro 0:29 Two Methods 0:59 Method 1: Crank-slider system 08:30 Method 2: Oscillation 14:13 Create a flower pattern 21:51 Integrate flower patterns with clock 24:09 Add time using built-in functions 32:56 Make it pretty (cherry blossoms inspired!)