Assignments

• Take two of your visual designs from last week and implement them in code such that they change over time. Post the results to your blog.
• If you have not already done so, purchase, find, borrow or share one or more of the following: A real-time clock module, stepper motor, or quartz clock movement. Bring to the next class.
  • Reading: A short portion of Paul Ford’s Code issue of Bloomberg, from “Let’s Begin” to “How Do You Type an ‘A'”. Note – this relies heavily on browser interactivity circa 2015.

Response

Incense Clock in p5.js

https://editor.p5js.org/qiqirathwang/full/cF65iDqiq

This clock modifies the Millisecond Clock to display only the hour hand and draw the ellipse (incense sediment) with it. It uses 24 hours instead of 12 hours to completed one revolution.

Perceptual Time (9-5 coercion)

https://editor.p5js.org/qiqirathwang/full/i8boSNYAt

This clock uses the perceptual time example with work and home hours displayed. I wanted to modify the hand in another way, it goes slow during work hours while fast during home hours while still keeping the same tick marks. However, I was unable to so with the easing functions.