p5.js Coding Tutorial | Bloom Kinetic Clock
Автор: Patt Vira
Загружено: 2025-07-29
Просмотров: 915
Описание:
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!)
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке:
