Membuat Transisi Menggunakan Processing

Pada tutorial kali ini saya akan membahas cara membuat transisi menggunakan processing. Adapun penjelasan mengenai apa itu processing bisa sobat lihat di sini . Selebihnya google aja ya :D

Transisi

Untuk membuat transisi pada processing sebelumnya harus sobat ketahui bahwa lembar kerja atau tampilan hasil processing itu berupa kertas grafik yang terdiri dari kolom-kolom. Berikut ini saya akan gambar sebuah persegi panjang sederhana dengan ukuran koordinat grafik atau biasa disebut rect (20, 20, 40, 40)

Masukan kode listing berikut :

void setup()

{

size(300, 300);

background(255);

noStroke()
;

}

Save dan jalankan (run), maka akan terlihat pada gambar berikut :

Kemudian mari kita buat perpindahan atau transisinya 60 unit dan 80 unit ke kanan bawah. Caranya cukup tambahkan pada dua titik koordinat awal saja yaitu x=20 dan y=20. Sehingga menjadi (20+60, 20+80, 40, 40), maka persegi panjang akan berpindah tempat ke kanan bawah. Silahkan tambahkan kode listing berikut :

void setup()

{

size(300, 300);

background(255);

noStroke();

fill(5);

rect(20, 20, 40, 40);

fill(128);

rect(20 + 60, 20 + 80, 40, 40);

}

Save dan jalankan (run), maka akan seperti gambar berikut :

Mudah bukan? Mari kita lanjutkan belajar mengenai Skala dan Rotasi di postingan saya berikutnya.