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