Pink World

var gradient;

function preload(){

  gradient = loadImage( 'gradient.jpeg');

}

function setup() {

  createCanvas(350, 600);

  imageMode(CENTER)

}

function draw() {

//background

  drawBackground();

//characters

  for(var i = 25; i < 350; i +=50){

  for(var j = 25; j < 820; j +=50){

    noFill(); 

    stroke(166, 101, 98);

    strokeWeight(3);

    square(i-10,j,30);

    fill(166, 101, 98);

    square(i-25, j-160, 20);

  } //end for

  } //end for

  var y = 0

 while(y < 30){

   noStroke();

   fill(224, 155, 194) 

   frameRate(7)

    circle(random(350),random(600), random(25), y);

   y ++;

  } //end while

} //end draw

function drawBackground(){

  image(gradient,350,600);

} //end background