[TUTORIAL] Mengatur Properti Objek pada Processing
Mengatur Properti
Beberapa fungsi seperti smooth(), strokeWeight(), strokeJoin(), dan strokeCap() dapat digunakan untuk mengatur properti dari objek kita.
Fungsi smooth()
Fungsi smooth() dapat digunakan untuk memperhalus sudut-sudut objek. Secara default, fungsi ini akan diaktifkan. Untuk menonaktifkan, gunakanlah fungsi noSmooth(). Berbeda dengan versi sebelumnya, fungsi smooth() pada Processing 3 hanya dideklarasikan sekali saja di awal program. Fungsi smooth() dan noSmooth() tidak dapat dideklarasikan secara bersamaan di dalam satu sketch.
size(160, 120); smooth(); ellipse(80, 60, 90, 90);
size(160, 120); noSmooth(); ellipse(80, 60, 90, 90);
Fungsi strokeWeight()
Fungsi ini berguna untuk mengatur ketebalan garis. Secara default, tebal garis dari objek yang dih=gambar adalah sebesar 1 piksel. Dengan menggunakan fungsi ini, kita dapat mengatur ketebalan yang kita inginkan.
size(460, 120); strokeWeight(1); ellipse(60, 60, 80, 80); strokeWeight(5); ellipse(170, 60, 80, 80); strokeWeight(10); ellipse(280, 60, 80, 80); strokeWeight(15); ellipse(390, 60, 80, 80);
Fungsi strokeJoin()
Fungsi ini digunakan untuk mengatur sudut pertemuan dari dua buah garis. Terdapat tiga jenis mode, yaitu MITER, BEVEL dan ROUND. Amatilah perbedaannya dengan menggunakan program berikut:
size(420, 170); strokeWeight(15); strokeJoin(MITER); rect(60, 40, 80, 80); strokeJoin(BEVEL); rect(170, 40, 80, 80); strokeJoin(ROUND); rect(280, 40, 80, 80);
Fungsi strokeCap()
Fungsi ini digunakan untuk mengatur sudut akhir dari suatu garis. Terdapat tiga jenis mode, yaitu SUARE, PROJECT dan ROUND. Amatilah perbedaannya dengan menggunakan program berikut:
size(230, 150); strokeWeight(15); strokeCap(ROUND); line(40, 30, 80, 100); strokeCap(SQUARE); line(90, 30, 130, 100); strokeCap(PROJECT); line(140, 30, 180, 100);
Memainkan Warna
Terdapat beberapa fungsi yang dapat digunakan untuk memainkan warna pada objek, diantaranya stroke(), fill(), dan background().
Fungsi stroke()
Fungsi ini berguna untuk mengatur warna garis dari objek yang akan digambar. Gunakanlah fungsi noStroke() untuk menonaktifkan fungsi ini.
size(440, 120); strokeWeight(10); // dalam skala keabuan stroke(100); rect(30, 30, 60, 60); // dalam format RGB stroke(200, 50, 80); rect(110, 30, 60, 60); // dalam format heksa stroke(#292CD3); rect(190, 30, 60, 60); // penulisan lain format heksa stroke(0xFFD152BA); rect(270, 30, 60, 60); // tanpa stroke noStroke(); rect(350, 30, 60, 60);
Fungsi fill()
Jika fungsi stroke()Fungsi ini digunakan untuk memberi warna pada garis objek kita, maka fungsi fill() akan mewarnai bagian dalam dari objek kita. Metode pemberian warna pada fungsi fill() sama dengan fungsi stroke().
size(380, 270); noStroke(); fill(150); ellipse(170, -30, 210, 210); fill(250); ellipse(0, 270, 480, 480); fill(80); ellipse(282, 115, 160, 160);
Nilai masukan dari fungsi fill() dapat berupa warna keabuan (0 sampai 255), atau menggunakan format RGB maupun HSV. Kombinasi dari fungsi fill() strokeWeight() dan stroke() juga dapat dilakukan untuk menghasilkan objek yang bervariasi. Amatilah contoh berikut:
ize(400, 370); smooth(); stroke(50); strokeWeight(8); fill(255, 80, 120); ellipse(170, 180, 300, 300); fill(217, 127, 229); ellipse(170, 180, 200, 200); fill(255, 200, 100); ellipse(70, 60, 80, 80); fill(60, 150, 200); ellipse(300, 200, 150, 150); fill(210, 240, 24); ellipse(100, 300, 100, 100);
Untuk memudahkan dalam pemilihan warna, gunakanlah jendela Color Selector. Carilah di Tools a Color Selector...
Fungsi background()
Jika fungsi background()Fungsi ini digunakan untuk memberi warna latar (background) dari layar kita. Cara pemberian warna juga serupa dengan fungsi fill() atau stroke(). Amatilah contoh berikut:
size(380, 270); background(255, 204, 0); noStroke(); fill(180); ellipse(170, -30, 210, 210); fill(250); ellipse(0, 270, 480, 480); fill(40); ellipse(282, 115, 160, 160);
Pada tutorial selanjutnya, kita akan membahas tentang Variabel dan Fungsi (bersambung...)
Mari Gabung
Halo
, Ada yang ingin disampaikan? Jangan sungkan untuk gabung diskusi ini. Silahkan Login dulu atau Daftar baru.