Anda di halaman 1dari 26

GRAFIK 2 DIMENSI

MUHAMMAD FADHIL
1790343007
TRKJ 2.1
DEFINISI OBJEK GRAFIK 2 DIMENSI

• Objek grafik 2 dimensi adalah sekumpulan titik-titik 2 dimensi yang dihubungkan dengan garis lurus, baik berupa polyline,
polygon atau kurva. Objek grafik 2 dimensi didefinisikan sebagai kumpulan titik 2dimensi yang secara komputasi dinyatakan
sebagai array 1D, atau linkedlist sesuai dengan struktur data yang digunakan dalam menyatakan kumpulan titik 2D ini. 
• Objek grafik dimensi juga adalah gambar 2 dimensi yang  sumbu x dan sumbu y, atau sumbu koordinat cartesius dua dimensi.
Dua sumbu yang saling bertegak lurus antar satu dengan yang lain, yang keduanya terletak dalam satu bidang (bidang xy).

• Langkah-langkah untuk mendefinisikan objek grafik 2D :


A.Mendefinisikan struktur dari titik 2-D (Point2D_t)
B.Mendefinisikan struktur warna (Color_t)
C.Mendefinisikan struktur dari obyek grafik 2-D sebagai array dari titik 2-D (Object2D_t)
MENDEFINISIKAN TITIK 2D

Untuk mendefinisikan titik 2D kita harus menaruh block kode dibawah ini setelah
pendefinisian header.

Definisi ini digunakan bila titik didefinisikan dalam


sistem koordinat yang menggunakan bilangan bulat
(integer).

Definisi ini digunakan bila titik didefinisikan dalam


sistem koordinat yang menggunakan bilangan pecahan
(float).
MENDEFINISIKAN WARNA

Ada tiga jenis kode warna yaitu R (Red) G (Green) dan B (Blue).
Untuk warna selain RGB bisa dibuat dengan melakukan kombinasi warna.

Untuk mendefinisikan warna kita harus menaruh block


kode dibawah ini setelah pendefinisian header dan titik
2D.

Ini adalah fungsi dari membuat warna pada objek grafik.


MENDEFINISIKAN DAN MENGGAMBAR OBJEK
GRAFIK 2D
• Definisi obyek ini dapat dituliskan pada function userdraw secara langsung dengan
menyatakannya sebagai array dari titik 2-D.
• Sebagai contoh untuk menyatakan obyek shape dapat dituliskan:
• Point2D_t shape[1000]
POLYLINE
• Polyline adalah suatu fungsi yang digunakan untuk menggambarkan obyek 2-D.
• Untuk menggambar Polyline harus menggunakan library GL_LINE_STRIP.
CONTOH PROGRAM POLYLINE

Hasil dari program Polyline


POLYGON
• Polygon adalah suatu fungsi yang mirip dengan polyline hanya saja hasilnya adalah kurva
tertutup, sedangkan polyline hasilnya kurva terbuka.
• Untuk menggambar Polygon harus menggunakan Library GL_LINE_LOOP.
CONTOH PROGAM POLYGON

Hasil dari program Polygon


FILLPOLYGON
• Fungsi ini digunakan untuk mewarnai sebuah polygon dengan warna tertentu.
CONTOH PROGRAM FILLPOLYGON

Hasil dari program Fillpolygon


GRADATEPOLYGON
• Fungsi ini digunakan untuk mewarnai sebuah polygon dengan warna-warna yang
bergradiasi dari satu warna ke warna lainnya.
CONTOH PROGRAM GRADATEPOLYGON
HASIL DARI PROGRAM GRADATEPOLYGON
MEMBANGUN OBJEK GRAFIK 2D
Membuat obyek grafik 2-D secara langsung bisa dilakukan pada function userdraw()
dengan menyatakan secara langsung koordinat titik-titiknya

Membangun obyek grafik 2-D dapat dilakukan dengan:


•Membuat obyek grafik 2-D secara Langsung.
•Perhitungan matematis.
CONTOH PROGRAM MEMBANGUN OBJEK 2D
SECARA LANGSUNG
HASIL DARI PROGRAM OBJEK 2D
MEMBUAT OBJEK GRAFIK 2D DENGAN PERSAMAAN MATEMATIKA

Dengan persamaan matematik y=f(x) dapat digambarkan kurva dengan variasi bentuk
yang menarik seperti sinus, cosinus, exponential dan logaritma, atau fungsi gabungannya.
Bentuk persamaan matematik yang menarik untuk dibuat
adalah persamaan matematik dengan menggunakan sistem koordinat polar.

θ adalah sudut yang berjalan dari 0 s/d 360 yang dinyatakan dalam radian (0 s/d 2π). Macam-macam r=f(θ) dapat
menghasilkan gambar yang bervariasi.

18
CONTOH PROGRAM MENGGUNAKAN
MATEMATIKA
HASIL DARI PROGRAM MENGGUNAKAN
MATEMATIKA
CONTOH PROGRAM MEMBUAT GRAFIK
HASIL DARI PROGRAM GRAFIK
ANIMASI 2D
• Membuat obyek grafik 2-D menjadi bergerak.
• Animasi yang dilakukan adalah memindahkan posisi gambar.
• Pada sistem koordinat kartesian animasi akan berefek gerakan linier
(translasi), pada sistem koordinat polar akan berefek gerakan berputar
(rotasi).
Pembuatan animasi 2-D
• Pada main() ditambahkan fungsi glutIdleFunc(display) sebelum fungsi
glutDisplayFunc(display).
• Pada awal fungsi userdraw() didefinisikan static int tick.
• Pada akhir fungsi userdraw() ditambahkan perintah untuk menambah nilai tick secara
terus menerus dengan tick++.
• Tambahkan nilai tick ini pada nilai variabel dasar pembuatan grafik.
CONTOH PROGRAM 2D
HASIL DARI PROGRAM 2D
TERIMAKASI
H