As a design enthusiast, I have had the privilege of exploring various design technologies during my tenure at Parsons. Below are some of the projects I have undertaken that have helped sharpen my design skills, passion and dedication towards my creative practice.
The "Experimental Clock" is a coding project that creates a unique clock display using the p5.js library, it represents an abstract way of combining shapes to depict real time. The clock displays the time in hours, minutes, and seconds using visual elements such as arcs, lines, and points.
The code starts by declaring the variables for minutes, hours, seconds, angle, circles, and full angle.
The draw function() is the main function that creates the clock display. It starts by setting the background colour to a light purple hue. The current time in minutes and hours is obtained using the minute() and hour() functions. If the hours are greater than 12, the code subtracts 12 from the hours to display time in the 12-hour format. The current minute is then mapped to an angle from 0 to 360 degrees.
The translate function is used to move the origin of the coordinate system to the center of the canvas. The angleMode function is set to DEGREES to ensure that the angles are interpreted in degrees.
A push function is used to save the current transformation state, and the rotate function is used to rotate the canvas by -90 degrees. This is done to align the start of the arc with the 12 o'clock position.
A stroke is set to a bright yellow hue, with a weight of 30 pixels. An arc is then drawn using the arc() function to represent the current minute.The code then draws the hour markers using a for loop. The loop runs from 0 to the current hour, and a line is drawn for each hour marker. The stroke is set to a purple hue with a weight of 10 pixels.
Finally, the code draws the seconds using a for loop. The loop runs from 1 to the current second, and a point is drawn for each second. The points are drawn in a grid pattern, with 6 points in each row. The stroke is set to a bright red hue with a weight of 10 pixels.
