Patt Vira | p5.js Coding Tutorial | Clock @pattvira | Uploaded October 2023 | Updated October 2024, 20 hours ago.
β¨ Get your 'Basic toolkit to Getting Started with Creative Coding' on my website: https://www.pattvira.com. Let me know if you find it useful! β¨
β
Links:
π p5.js editor: editor.p5js.org
π Clock Code: editor.p5js.org/pattvira/sketches/YRPhhbz70
π Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
π Current Time Built-in Functions:
π hour() - p5js.org/reference/#/p5/hour
π minute() - p5js.org/reference/#/p5/minute
π second() - p5js.org/reference/#/p5/second
Timestamps:
0:00 Intro
0:10 Current time built-in functions (hour(), minute(), second())
1:07 Drawing the clock
2:20 Finding locations of the hands using trigonometry
7:47 Making it pretty
β¨ Get your 'Basic toolkit to Getting Started with Creative Coding' on my website: https://www.pattvira.com. Let me know if you find it useful! β¨
β
Links:
π p5.js editor: editor.p5js.org
π Clock Code: editor.p5js.org/pattvira/sketches/YRPhhbz70
π Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
π Current Time Built-in Functions:
π hour() - p5js.org/reference/#/p5/hour
π minute() - p5js.org/reference/#/p5/minute
π second() - p5js.org/reference/#/p5/second
Timestamps:
0:00 Intro
0:10 Current time built-in functions (hour(), minute(), second())
1:07 Drawing the clock
2:20 Finding locations of the hands using trigonometry
7:47 Making it pretty