//   agents should move around the canvas autonomously

class Agent {}

​

// max number of agents

let maxAgents;

​

// array for keeping track of agents

let agents = [];

​

// keep track of current mode

let AGENT_MODE = 0;

let DRAWING_MODE = 1;

​

let currentMode;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

​

  // set initial state

  currentMode = AGENT_MODE;

​

  // create agents and store them in array

​

  // set any other modes (rectMode, angleMode, etc)

  textAlign(CENTER, TOP);

  textSize(18);

}

​

function draw() {

  // update agents

​

  // depending on the mode:

  if (currentMode == AGENT_MODE) {

    background(220, 20, 120);

    text("AGENTS", width / 2, 0);

    // draw agents

  } else if (currentMode == DRAWING_MODE) {

    background(255);

    text("DRAWING", width / 2, 0);

    // create drawing

  }

}

​

function mouseClicked() {

  // cycle through modes

  if (currentMode == AGENT_MODE) {

    currentMode = DRAWING_MODE;

  } else if (currentMode == DRAWING_MODE) {

    currentMode = AGENT_MODE;

  }

}

​

function keyReleased() {

  // if drawing:

  if (currentMode == DRAWING_MODE) {

    // s: save drawing

    if (key == "s" || key == "S") {

      saveCanvas("my-drawing", "jpg");

    }

​

    // r: reset

    if (key == "r" || key == "R") {

      background(255);

    }

  }

}

​