Weekly (sub)routine: a procedurally-generated schedule for your week.

Prompt: "Routine, but all out of whack"

Made in under an hour for a Creative Coding session at Recurse Center.

*/

class Event {

  constructor(name, duration, startTime) {

    this.name = name;

    this.color = this.getColor(name, duration, startTime);

    this.duration = duration;  // Duration in minutes

    this.startTime = startTime;  // Time in minutes from the start of the day

  }

  getColor(name, duration, startTime){

    const colors = ['#FF6347', '#4682B4', '#32CD32']; // Tomato, SteelBlue, LimeGreen

    return colors[name.charCodeAt(0) % colors.length]

  }

}

​

function addEvent(day, name, start, duration){

  if (days.hasOwnProperty(day)) {

    days[day].push(new Event(name, duration, start));

  }

​

}

​

// Define events with varying durations and start times

let days = {  

  "Monday": [new Event("Meeting", 60, 240)],

  "Tuesday": [new Event("Projects", 480, 400)],

  "Wednesday": [new Event("Lunch", 60, 300), new Event("Doctor", 45, 780)],

  "Thursday": [new Event("Conference", 240, 600)],

  "Friday": [new Event("Wrap-up", 180, 540), new Event("Gaming Night", 240, 720)]

};

​

// Add workouts every second day, alternating between 45 min weights session and 120 min climbing

const workoutDays = Object.keys(days).filter((_, index) => index % 2 === 0);

workoutDays.forEach((day, index) => {

  let name = index % 2 === 0 ? "Weights Workout" : "Climbing";

  let duration = index % 2 === 0 ? 45 : 120;

  addEvent(day, name, 0, duration);

});

​

// Add 240 mins of consulting work first thing every Tuesday, Wednesday, Thursday.

["Tuesday", "Wednesday", "Thursday"].forEach(day => {

  addEvent(day, "Consulting", 0, 240);

});

​

// Append 120 mins Social Event at the End of the Shortest Day

let shortestDay = "";

let earliestEndTime = Infinity;  // Using 'Infinity' for a maximum comparison initial value

// Loop through each day to find shortest

for (let day in days) {

  // Find the latest event based on their end time (start time + duration)

  let latestEndTime = days[day].reduce((latest, event) => {

    let endTime = event.startTime + event.duration;

    return endTime > latest ? endTime : latest;

  }, 0);

​

  // Check if this day's latest end time is the earliest among all checked days

  if (latestEndTime < earliestEndTime) {

    shortestDay = day;

    earliestEndTime = latestEndTime;

  }

}

// Add social event to that day at the end of the latest event

addEvent(shortestDay, "Social", earliestEndTime, 120);

​

​

function setup() {

  createCanvas(800, 400);

  noLoop();

}

function draw() {

  let dayWidth = width / Object.keys(days).length;

  let x = 0;

  const pixelPerMinute = 0.4;  // Scaling factor for height per minute

  const startY = 50;  // Pixel start for events

​

  textSize(12);

  textAlign(CENTER, CENTER);

  for (let day in days) {

    fill(255); text(day, x + dayWidth / 2, 30);

    days[day].forEach(event => {

      let eventY = startY + event.startTime * pixelPerMinute;  // Calculate vertical offset

      let eventHeight = event.duration * pixelPerMinute;

      fill(event.color);

      rect(x + 10, eventY, dayWidth - 20, eventHeight);

      fill(255); text(event.name, x + dayWidth / 2, eventY + eventHeight / 2);

    });

    x += dayWidth;

  }

}

​