Laine McDaniel

let pattern

let gradient

function setup() {

  createCanvas(800, 800);

  //PATTERN 1

  let buffer = createGraphics(5, 5);

  buffer.pixelDensity(1);

  buffer.background(255);

  buffer.line(0, 0, 5, 5);

  pattern = createPattern(buffer);

//PATTERN 2

  let buffer2 = createGraphics(10, 5);

  buffer2.pixelDensity(12);

  buffer2.background(200,230,40);

  buffer2.circle(0, 0, 5, 5);

  pattern2 = createPattern(buffer2);

  //PATTERN 3 

  let buffer3 = createGraphics(3, 3)

  buffer3.pixelDensity(6);

  buffer3.background(130,28,67);

  buffer3.square(0, 0, 3, 2);

  pattern3 = createPattern(buffer3);

  //GRADIENT 1

   gradient = createLinearGradient(0, 200);

  // add some colors

  // at 0% make it lightblue, then at 50% make it pink, and at 100% make it magenta

  gradient.colors(0, "lightblue", 0.5, "pink", 1, "magenta");

}

​

function draw() {

  background(250,54,150)

;

  //PATTERN 1

  fillPattern(pattern);

  push()

  translate(mouseX,mouseY)

  stroke(0)

  strokeWeight(1)

  circle(130, 130, 100)

  pop()

  strokePattern(pattern);

  push()

  strokeWeight(10)

  fill(30,80,250)

  rect(230, 130, 100, 200)

  pop()

  //PATTERN 2

  fillPattern(pattern2);

  push()

  stroke(0)

  strokeWeight(1)

  circle(200, 450, 150)

  pop()

   strokePattern(pattern);

  push()

  strokeWeight(10)

  fill(200,80,250)

  triangle(30,200, 100, 200,300,400,500,400)

  pop()

   fillPattern(pattern2);

  push()

  stroke(100,190,20)

  strokeWeight(10)

  square(300, 450, 150)

  pop()

  fillPattern(pattern)

  push()

  translate(mouseX,mouseY)

  stroke(205,32,19)

  strokeWeight(30)

  circle(300, 50, 100)

  pop()

  fillPattern(pattern3);

  push()

  stroke(100,19,200)

  strokeWeight(10)

  circle(200, 650, 150)

  pop()

  strokePattern(pattern3);

  push()

  strokeWeight(10)

  fill(127,18,73)

  rect(430, 130, 100, 200)

  pop()

​

  fillGradient(gradient);

  push()

  rect(50, 20, 100, 45);

  pop()

 fillGradient(gradient);

  push()

  stroke(0)

  circle(60,300,100)

  pop()

}