Tugas Komputer Grafik p5.

js editor

Nama kelompok :Firda Nurelia Syah Putri (20562020054)

Rendy El Fondra Putra (20562020038)

1. Width : Perintah ukuran lebar persegi

Height : Perintah ukuran tinggi persegi
mouseX : digunakan untuk mengatahui lokasi mouse pada layar
mouseY : digunakan untuk mengatahui lokasi mouse pada layar
Stroke : Perintah stroke dipakai untuk menentukan warna garis yang akan dibuat

Yang terjadi jika mouse digerakkan : layar akan dipenuhi dengan gambar garis saat
mouse digerakkan dalam persegi karena dalam code fungsi background() hanya
dijalankan satu kali.

2. Setelah ditambahkan satu lingkaran dengan source code yang sama (sebenarnya ini
ada 2 lingkaran yang saling bertumpu, karena codenya sama dan tidak ada perubahan
jadi hanya terlihat satu lingkaran saja). Hasilnya seperti ini :
 Jika ditambakan satu lingkarang dengan source code berbeda, diganti x dan y nya
pada circle2 maka 2 lingkaran tersebut akan terlihat. Hasilnya seperti ini :

3. Setelah membuat persegi lingkaran dan titik

Dan merubahnya menjadi dua persegi satu lingkaran dan tiga titik
Dengan cara menambahkan code
stroke("wthite");
fill("deepskyblue");
rect(width * 0.25, height * 0.25, 80, 80);

stroke("wthite");
fill("deepskyblue");
rect(width * 0.75, height * 0.25, 80, 80);

stroke("yellow");
fill("tomato");
ellipse (width / 2, height / 2, 100, 100);

stroke("greenyellow");
point(width * 0.25, height * 0.75);
 stroke("greenyellow");
point(width * 0.50, height * 0.75);

stroke("greenyellow");
point(width * 0.75, height * 0.75);

}
Maka persegi akan menjadi 2 dengan ukuran lebar yang berbeda
Sedangkan titik menjadi 3 titik dengan ukuran lebar yang berbeda

4. Setelah menambahkan fungsi mouseX agar jika mouse arah X maka akan berubah
warna

Kemudian menambahkan fungsi mouseY agar jika mouse arah Y maka akan berubah
warna