Week 5

Interpolating Values in Space and Color

In Class

• Review Look at Data reading
• Right Twice a Day
  • Clock sketches crit
• P5 Tutorial: Normalization and ‘mapping’
  • Converting from data values to ‘on screen’ values
  • Code examples
    • mapping positions
    • mapping sizes
    • mapping colors
    • mapping opacity
    • mapping orientation
    • limiting to a fixed range
    • polar coordinates
  • Referenced functions:
    • map
    • lerpColor
    • chroma.scale

Assignment

• Right Twice a Day
  • Complete at least three representations of the current time (ignore days, weeks, moons, etc. for now) that develop on your sketches from last week.
    • This time everything must be done in code. Use the clock() function to access different attributes of the current time (a listing of its property names is included in the assignment).
    • Make sure each approach addresses hours, minutes, and seconds in such a way that the representation looks different over the course of a day, hour, and minute.
      • Use the clockStart and clockSpeed functions to test your visualizations at different times of day
    • Start by duplicating the Project Template three times and naming them Clock 1, Clock 2, and Clock 3. Once you’ve completed each sketch, rename the project with a more descriptive suffix (e.g., Clock 1: Radial Seconds)
    • Due date: 10/5 by 3 p.m. EDT
    • Format: Three P5 Editor-based sketches
    • Submit: Editor links via this form