KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer)....
Transcript of KOMPUTER GRAFIKgrafik yang nilai koordinat pada grafik itu adalah bilangan bulat (integer)....
KOMPUTER GRAFIKPERTEMUAN KE 2
PEMBENTUKAN LINE DAN RECTANGLE
Alusyanti Primawati, M.Kom
GRAFIK DASAR PADA JAVA
Pada grafik java dasar, terdapat beberapa objek
grafik yang nilai koordinat pada grafik itu adalah
bilangan bulat (integer).
Koordinat
dalam
grafik
Komputer
Color Red Green Blue
White 255 255 255
Black 0 0 0
Light Gray 192 192 192
Dark Gray 128 128 128
Red 255 0 0
Green 0 255 0
Blue 0 0 255
Yellow 255 255 0
Purple 255 0 255
Warna dasardalam grafik
Struktur Program
import java.applet.Applet;
import java.awt.Graphics;
public class <<nama_class>> extends Applet
{
public void paints (Graphics <<nama_objek>>)
{
<<pemanggilan grafik/ peritah grafik>>
}
}
1
2
3
4
5
PENJELASAN STRUKTUR PROGRAM
1. Disini adalah mengimport library applet, dimana diperlukan karena class ini
meng-extends applet.
2. Dalam baris ini kita mengimport library Graphics, berfungsi untuk
menampilkan beberapa objek grafik dasar pada class itu sendiri. Bisa kita liat
pada metode paint >> Misalkan “public void paint (Graphics g) { }”, g disitu
sebagain nama objek yang telah diinstasiasi, jadi pemanggilan dalam
Graphics jadi seperti ini >> contoh: g.drawLine.
3. Nama class yang ber-extends Applet. Contoh nama class = BasicGraphics
4. Metode paint (sudah dibahas pada nomor 2)
5. Memanggil model graphics yang dibutuhkan
PEMBENTUKAN LINE
KASUS 1
0 1 2 3 4 5 6 7 8 9 10
1
2
3
4
5
6
7
8
9
10
Titik
ke 1
Titik
ke 2
Titik ke 1: (2,2)
Titik ke 2: (9,2)
STRUKTUR PROGRAM PEMBENTUKAN
-LINE-
import java.applet.Applet;
import java.awt.Graphics;
public class <<nama_class>> extends Applet
{
public void paints (Graphics <<nama_objek>>)
{
nama_objek.drawLine (int X1, int Y1, int X2, int Y2);
}
}
Metode Grafik
Line
PENYELESAIAN KASUS 1 – SOURCE
CODE LINE
import java.applet.Applet;
import java.awt.Graphics;
public class BasicGraphics extends Applet {
public void paint (Graphics g){
g.drawLine(2,2,9,2);
}
}
Lihat
Slide 5
Langkah Penggunaan Blue-J
1
2
Buatlah Nama Project
Baru
Dengan cara:
1. Klik “Project”
2. Pilih “New Project”
3. Tulis nama project
4. Klik “Create”
3 4
Langkah Penggunaan Blue-J
5
6
7
Buatlah class baru
Dengan cara:
5. Klik ”New Class”
6. Tulis nama_class
7. Pilih “OK”
Langkah Penggunaan Blue-J
8
9
Buka Class yang
sudah dibuat untuk
menuliskan Coding
8. Klik Kanan
9. Pilih Open Editor
Atau
8. Double Click
Langkah Penggunaan Blue-J
10
11
12
Tampilan dalam Class
yang baru
10. Tulis source code
11. Klik “Compile”
12. Hasil compile akan
muncul
Jika sudah sukses maka
dapat di Run
Close Class terlebih
dahulu , Pilih “X”
Langkah Penggunaan Blue-J
13
14
Mulai Run
13. Klik
kanan
Class, pilih
“Run
Applet”
14. Pilih OK
Hasil Running
PEMBETUKAN RECTANGLE
KASUS 1
Perhatikan Pixel disamping!
Titik X= 4
Titik Y= 5
Width = a + X
Jika a = 5 maka
Width = 5 + 4 = 9
Height = b + Y
Jika b = 10 maka
Height = 10 + 5 = 15
STRUKTUR PROGRAM PEMBENTUKAN
-RECTANGLE-
import java.applet.Applet;
import java.awt.Graphics;
public class <<nama_class>> extends Applet
{
public void paints (Graphics <<nama_objek>>)
{
nama_objek.drawRect (int X, int Y, Width, Heigth);
}
}
PENYELESAIAN KASUS 1 – SOURCE
CODE RECTANGLE
import java.applet.Applet;
import java.awt.Graphics;
public class gambarRectangle extends Applet {
public void paint (Graphics a){
a.drawRect(4, 5, 9, 15);
}
}
Hasil Running Kasus 1 Rectangle
Bandingkan
dengan hasil
manual
LATIHAN
1. Buatlah Persegi sama sisi dengan menggunakan Line,
Tuliskan source code nya dan Hasil Running!
2. Buatlah Rectangle dengan titik koordinat (10,20) dan
diketahui a= 50, b=70! Tuliskan Source Code nya dan
Hasil Running!
~Terimakasih~SELAMAT BELAJAR DAN BERLATIH