​

function setup() {

  createCanvas(400, 400);

  noStroke();

  angleMode(DEGREES); //turn from radians to degree system

}

​

function draw() {

  background(150); //background color

​

//Background

  rect(25,100,350,200,10);

//BACKGROUND shapes

  push();

  blendMode(LIGHTEST);

  translate(50,0);

rotate(5);

  fill(random(255),random(255),random(255),100)

  rect(25,100,350,200,10);

  rotate(5);

  fill(random(255),random(255),random(255),100)

  rect(25,100,350,200,10);

    rotate(5);

  fill(random(255),random(255),random(255),100)

  rect(25,100,350,200,10);

    rotate(5);

  fill(random(255),random(255),random(255),100)

  rect(25,100,350,200,10);

    rotate(5);

  fill(random(255),random(255),random(255),100)

  rect(25,100,350,200,10);

    rotate(5);

  fill(random(255),random(255),random(255),100)

  rect(25,100,350,200,10);

  blendMode(BLEND);

  pop();

// ID Card Basic Shapes

  fill(210);

  rect(20,95,355,205,10); //bg rect

  fill(240);

  rect(25,100,350,200,10); //main rect

  fill(250);

  rect(45,170,100,110); //ID photo rect

​

//ID Photo

  fill(20) 

  ellipse (95,210,80,80);

  rect(55,210,80,70); //background hair

  fill(90)

  triangle (45,270, 95,260, 145,270) //shoulders

  rect(45,270,100,15); //body

  fill(255)

  rect(80,250,30,15); //neck 

  ellipse (95,265,30,30);//neck-shirt line

  fill(150)

  ellipse (95,250,30,30);//neck shadow

  fill(230)

  ellipse (65,220,30,30);//left ear

  ellipse (125,220,30,30);//right ear

  fill(255)

  ellipse (95,220,70,70); //head

//face features

  fill(230)

  ellipse(75,230,15,15);

  ellipse(115,230,15,15);//cheeks

  ellipse(95,225,10,10);//nose

  fill(20) 

  rect(72,210,15,5);

  rect(102,210,15,5); //top of eyes

  ellipse(80,220,10,10);

  ellipse(110,220,10,10); //pupils

  stroke(20);

  strokeWeight(3);

  line(88, 235, 95, 240);

  line(95, 240, 102 ,235);

  noStroke();

//ID Text

  stroke(255);

  strokeWeight(3);

  textSize(17);

fill(92, 128, 114);

  textFont('Tahoma');

text('Hong Kong Identity Card', 100, 141);

  text('香港身份證', 150, 121);

  //DOB

  textSize(13);

  text('Date of Birth', 155, 200);

  text('Date of Issue', 155, 240);

   noStroke();

  textSize(15);

  textFont('Courier');

  fill(20);

  text('Patricia Huang', 45, 165);

  text('XX-XX-19XX', 155, 215);

  text('XX-XX-20XX', 155, 255);

  text('26-21-18', 155, 285);

  textSize(18);

  text('Z649853', 275, 285);

​

    noStroke();

    push();

translate(5,-80);  

//ID Chip

    fill(242, 196, 70);

    rect(315,240,40,40,10)

    //ID Chip lines

    stroke(240);

    strokeWeight(2);

    noFill();

    rect(308,250,20,20,5);

    rect(343,250,20,20,5);

    rect(328,254,15,12,0);

    line(308,260,328,260);

    line(343,260,368,260);   

  pop();

//OVERLAY gradient color

  blendMode(OVERLAY);

  fill(126, 160, 252);

  rect(0,0,400,400);

      blendMode(BLEND);

​

​

    noLoop();

​

}