createCanvas(960, 240);

  textFont("Georgia");

  textSize(30);

  fill(255);

  stroke(0);

}

​

function draw(){

​

  if (mouseX < width/3) { // Cursor im linken Drittel

​

    background(255, 0, 0);

    text("1. Drittel", 10, height-40, width-10, 60);

​

  } else if (mouseX < (width/3)*2) { // Cursor im mittleren Drittel

​

    background(0, 0, 255);

    text("2. Drittel", width/3 + 10, height-40, width/3, 60);

​

  } else { // Cursor im rechten Drittel; muss hier nicht explizit angegeben werden (kann man aber…)

​

    background(0, 255, 0);

    text("3. Drittel", (width/3)*2 + 10, height-40, width/3, 60);

​

  }

​

  // Strich beim 1. Drittel des Sketches

  line(width/3, 0, width/3, height);

​

  // Strich beim 2. Drittel des Sketches

  line((width/3)*2, 0, (width/3)*2, height);

}

​