donutBeforeObjects.js

//This sketch draws a row of pink donuts.

//lots of variables up here.

var x = 70;
var y = 200;
var diameter = 100;
var hole = 40;

var r = 200;
var g = 0;
var b = 100;



function setup() {
   createCanvas(600, 600);

//draw 9 donuts
   for (var i=0; i<9; i++) {
       fill(r,g,b); //here I can make my donut a color
       drawDonut(x,y,diameter,hole);
       x=x+120;
   }

}

function draw() {

}

//my donut function with inputs

function drawDonut(x, y, diameter, holeDiameter){

  ellipse(x, y, diameter, diameter);
  fill(255);
	ellipse(x, y, holeDiameter, holeDiameter);

}