Week 1 into Creative Coding and Computational Arts.
Ever since I started my journey at Srishti, Generative Art, Creative Coding, Computational Arts, are some of the things I have been largely interested in delving myself into. So for this semester, the studio “Creative Coding and Computational Arts” was tailored for me.
With my little experience with Processing and p5.js, I started off to code. During this week, my target was to design and code abstract clocks, one per day. The idea was to go beyond the usual ways of telling/reading time. So obviously, the clocks I made, didn’t end up looking like normal ones. For week 1, I played around basic shapes and basic coding principles. The code was pretty straightforward in all of them. Here are the some snapshots of the various clocks I created. You can find the code and even run them here: https://www.openprocessing.org/user/184271/#sketches
All of them have one common principle: Mapping the seconds, minutes, hours into a new range of values and using those to be depicted visually through different shapes and sizes.
Day 1
A simple abstract clock. Starting from the top, the three lines indicate hh,mm,ss respectively. The color of the hour indicator also changes from orange at 0th hour to a dark brown as it progresses towards the 23rd hour.
Day 2
This clock has 3 orbits. The outermost orbit denotes the hour of the day and it grows as the day progresses. ( Almost a full circle at 23rd hour and disappears at the 0th hour) The middle orbit shows the path of the circle which denotes the seconds. This circle grows in size starting from the smallest size for the 1st second to the biggest for the 59th. The circle going around in the innermost orbit is for the minutes. Same logic as the second indicator regarding the size. Random colors to the circles, just for fun :)
Day 3
Three rounded rectangles separated by circles to mimic the hh:mm:ss format. Rectangles grow small to large (from 0 to 23 or 59)
Day 4
3 horizontal bars (for hour,min and sec) climb up along their verticals as time progresses.
Day 5
A growing flower. Length of the stem = hour indicator. (shortest = 0th hour, longest = 23rd) Central portion of the flower = seconds indicator, increases in size till the 59th second. Flower = minute indicator. This grows into a full flower/circle by the 59th minute.
