Transformasi 2D pada Processing

  A.  Gambar Rumah

·         Translating

Source code:

         

void setup() {

size(500, 300);

//posisi awal

fill(192);

triangle(200,100, 275,40, 350,100);

rect(200,100, 150,100);

//posisit erakhir

fill(0,300,100,100);

pushMatrix();

translate(60,80);

triangle(200,100, 275,40, 350,100);

rect(200,100, 150,100);

popMatrix();

}

Screenshot:

·         Scalling

Source code:

         

void setup() {

size(800, 600);

//posisiawal

fill(192);

triangle(200,100, 275,40, 350,100);

rect(200,100, 150,100);

//posisiterakhir

fill(0,300,100,100);

pushMatrix();

scale(2.0);

triangle(200,100, 275,40, 350,100);

rect(200,100, 150,100);

popMatrix();

}

Screenshot:

·         Rotating

Source code:

void setup() {

size(800, 500);

//posisiawal

fill(192);

triangle(200,100, 275,40, 350,100);

rect(200,100, 150,100);

pushMatrix();

rotate(radians(45));

//posisi akhir

fill(255);

triangle(200,100, 275,40, 350,100);

rect(200,100, 150,100);

popMatrix();

}

Screenshot:

  B. Gambar Orang

·         Translating

Source code:

         

void setup(){

size(500, 800);

fill(192);

  // Kepala

ellipse(250,285,100,100);

  // Badan

rect(178,335, 150,200);

  // Lengankanan

rect(78,335, 100,50);

rect(78,385, 50,100);

  // Lengankiri

rect(328,335, 100,50);

rect(378,385, 50,100);

  // Kaki kanan

rect(178,535, 50,100);

rect(178,635, 50,100);

  // Kaki kiri

rect(278,535, 50,100);

rect(278,635, 50,100);

fill(200, 100, 150, 100);

pushMatrix();

translate(60,80);

    // Kepala

ellipse(250,285,100,100);

  // Badan

rect(178,335, 150,200);

  // Lengankanan

rect(78,335, 100,50);

rect(78,385, 50,100);

  // Lengankiri

rect(328,335, 100,50);

rect(378,385, 50,100);

  // Kaki kanan

rect(178,535, 50,100);

rect(178,635, 50,100);

  // Kaki kiri

rect(278,535, 50,100);

rect(278,635, 50,100);

popMatrix();

}

Screenshot:

·         Scalling

Source code:

         

void setup(){

size(800, 800);

fill(192);

  // Kepala

ellipse(250,285,100,100);

  // Badan

rect(178,335, 150,200);

  // Lengankanan

rect(78,335, 100,50);

rect(78,385, 50,100);

  // Lengankiri

rect(328,335, 100,50);

rect(378,385, 50,100);

  // Kaki kanan

rect(178,535, 50,100);

rect(178,635, 50,100);

  // Kaki kiri

rect(278,535, 50,100);

rect(278,635, 50,100);

pushMatrix();

fill(0,0,255,128);

scale(2.0);

    // Kepala

ellipse(250,285,100,100);

  // Badan

rect(178,335, 150,200);

  // Lengankanan

rect(78,335, 100,50);

rect(78,385, 50,100);

  // Lengankiri

rect(328,335, 100,50);

rect(378,385, 50,100);

  // Kaki kanan

rect(178,535, 50,100);

rect(178,635, 50,100);

  // Kaki kiri

rect(278,535, 50,100);

rect(278,635, 50,100);

popMatrix();

}

Screenshot:

·         Rotating

Source code:

         

void setup(){

size(800, 800);

fill(192);

  // Kepala

ellipse(250,285,100,100);

  // Badan

rect(178,335, 150,200);

  // Lengankanan

rect(78,335, 100,50);

rect(78,385, 50,100);

  // Lengankiri

rect(328,335, 100,50);

rect(378,385, 50,100);

  // Kaki kanan

rect(178,535, 50,100);

rect(178,635, 50,100);

  // Kaki kiri

rect(278,535, 50,100);

rect(278,635, 50,100);

pushMatrix();

  rotate(radians(-25));

fill(0);

    // Kepala

ellipse(250,285,100,100);

  // Badan

rect(178,335, 150,200);

  // Lengankanan

rect(78,335, 100,50);

rect(78,385, 50,100);

  // Lengankiri

rect(328,335, 100,50);

rect(378,385, 50,100);

  // Kaki kanan

rect(178,535, 50,100);

rect(178,635, 50,100);

  // Kaki kiri

rect(278,535, 50,100);

rect(278,635, 50,100);

popMatrix();

}

Screenshot:

C.   Gambar Balok

·         Translating

Source code

void setup(){

size(500,500);

fill(192);

smooth();

quad(150,200, 250,200, 250,300, 150,300);

quad(150,200, 220,120, 315,120, 250,200);

quad(315,120, 315,220, 250,300, 250,200);

fill(0,60, 100, 100);

pushMatrix();

translate(60,80);

quad(150,200, 250,200, 250,300, 150,300);

quad(150,200, 220,120, 315,120, 250,200);

quad(315,120, 315,220, 250,300, 250,200);

popMatrix();

}Screenshot

 

·         Scalling

Source code:

         

void setup(){

size(800,700);

fill(192);

smooth();

quad(150,200, 250,200, 250,300, 150,300);

quad(150,200, 220,120, 315,120, 250,200);

quad(315,120, 315,220, 250,300, 250,200);

fill(0,60, 100, 100);

pushMatrix();

scale(2.0);

quad(150,200, 250,200, 250,300, 150,300);

quad(150,200, 220,120, 315,120, 250,200);

quad(315,120, 315,220, 250,300, 250,200);

popMatrix();

}

Screenshot:

·         Rotating

Source code:

void setup(){

size(500,500);

fill(192);

smooth();

quad(150,200, 250,200, 250,300, 150,300);

quad(150,200, 220,120, 315,120, 250,200);

quad(315,120, 315,220, 250,300, 250,200);

  //fill(200, 100, 150, 100);

pushMatrix();

  rotate(radians(-15));

fill(255);

quad(150,200, 250,200, 250,300, 150,300);

quad(150,200, 220,120, 315,120, 250,200);

quad(315,120, 315,220, 250,300, 250,200);

popMatrix();

}

Screenshot:

Xiexie!!