@pattvira
  @pattvira
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
p5.js Coding Tutorial | Clockp5.js Coding Tutorial |  Color Grid (Nested Loop / 2D Array)p5.js Coding Tutorial | ASCII Text Images and Videos!Array - Creative Coding with p5.jsp5.js Coding Tutorial | Mouse-following Dials (Object-oriented Programming)p5.js Coding Tutorial | How to Save Animation as a GIF (saveGif Function)p5.js Coding Tutorial |  Multiple Circles w For Loopp5.js Coding Tutorial | Robot Meets Oscillating Waves πŸ€–πŸŽ΅p5.js Coding Tutorial | Interactive Fridge Magnets (with ml5.js)p5.js Coding Tutorial | Quadtree 🌴 (how not to crash your program w +1,000 colliding particles!)p5.js Coding Tutorial | Rotating Type (Kinetic Typography)p5.js Coding Tutorial | Music Visualization with FFT 🎡

p5.js Coding Tutorial | Clock @pattvira

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER