Dreamland

//HW

​

let i = 0;

let wallpaper;

let creature_c;

let creature_colors = [];

​

​

​

​

function preload(){

  wallpaper = loadImage ('wallpaper.jpg');

}

​

​

function setup() {

  createCanvas(390, 840);

  angleMode (DEGREES)

 creature_colors = [color(250, 147, 212), color(110, 118, 230), color (188, 110, 230), color(235, 134, 231)]

 creature_c = creature_colors[0]   //array

}

​

​

​

function draw() {

  image(wallpaper,0,0);

// include a for loop

​

for(let y = 0; y < 840; y += 20){                  //OUTSIDE

  for(let x = 0;x < 390; x += 20){                 //INSIDE 

    noStroke();

    fill(255);

    ellipse(x,y,3);         //small white dots repeated throughout        

   }  //INSIDE 

 } //OUTSIDE  

// include a while loop

​

i = 0

​

while(i < 840){

  fill(creature_colors[0])     //pink creatures in lines + repeated throughout

  noStroke();

  //rectMode(CENTER)

  ellipse(20, i + 50, 55, 53);

  ellipse(60, i + 50, 54, 52);

  ellipse(40, i + 20, 54, 52);

  fill(0)

  ellipse(30, i + 45, 20, 20);

  ellipse(60, i + 45, 20, 20);

  fill(255)

  circle(60,i + 42,5)

  circle(30,i + 42,5)

  circle(63,i + 47,5)

  circle(33,i + 47,5)

  fill(0)

  circle(45,i + 55, 5)

  fill(creature_colors[1])

  ellipse(120, i + 50, 55, 53);

  ellipse(160, i + 50, 54, 52);

  ellipse(140, i + 20, 54, 52);

  fill(0)

  ellipse(130, i + 45, 20, 20);

  ellipse(160, i + 45, 20, 20);

  fill(255)

  circle(160,i + 42,5)

  circle(130,i + 42,5)

  circle(163,i + 47,5)

  circle(133,i + 47,5)

  fill(0)

  circle(145,i + 55, 5)

  fill(creature_colors[2])

  ellipse(220, i + 50, 55, 53);

  ellipse(260, i + 50, 54, 52);

  ellipse(240, i + 20, 54, 52);

  fill(0)

  ellipse(230, i + 45, 20, 20);

  ellipse(260, i + 45, 20, 20);

  fill(255)

  circle(260,i + 42,5)

  circle(230,i + 42,5)

  circle(263,i + 47,5)

  circle(233,i + 47,5)

  fill(0)

  circle(245,i + 55, 5)

  fill(creature_colors[3])

  ellipse(320, i + 50, 55, 53);

  ellipse(360, i + 50, 54, 52);

  ellipse(340, i + 20, 54, 52);

  fill(0)

  ellipse(330, i + 45, 20, 20);

  ellipse(360, i + 45, 20, 20);

  fill(255)

  circle(360,i + 42,5)

  circle(330,i + 42,5)

  circle(363,i + 47,5)

  circle(333,i + 47,5)

  fill(0)

  circle(345,i + 55, 5)

​

  //translate(240,230);

  //rotate(45)

  //rect(220,250,55,55)

  i += 100

  }

}

​