Pertemuan 3-Grafika Komputer Pengolahan Citra

GRAFIKA KOMPUTER
&
PENGOLAHAN CITRA
Pertemuan 3
FILKOM UNH| Grafika Komputer & Pengolahan Citra| Abu Sopian, S.Kom., M.Kom
POKOK BAHASAN
1. Penggambaran Objek Primitif
TUJUAN PEMBELAJARAN:
Setelah sesi ini diharapkan mahasiswa :
Mampu menjelaskan apa yang dimaksud dengan objek primitif,
Mahasiswa mampu berkomunikasi dan berpartisipasi dalam
kelas
PRE TEST
1. Pengertian Objek Primitif
• Grafika komputer adalah bagian dari ilmu komputer yang
berkaitan dengan pembuatan dan manipulasi gambar (visual)
secara digital. Bentuk sederhana dari grafika komputer adalah
grafika komputer 2D yang kemudian berkembang menjadi grafika
komputer 3D,Pemrosesan citra (image processing), dan
pengenalan pola (pattern recognition). Grafika komputer sering
dikenal juga dengan istilah visualisasi data.
• Grafika komputer dapat digunakan di berbagai bidang kehidupan,
mulai dari bidang seni, sains, bisnis, pendidikan dan juga hiburan.
Berikut adalah bidang aplikasi spesifik dari grafika komputer:
• Antarmuka pengguna (Graphical • Presentasi grafik
User Interface - GUI)
• Peta (Cartography) • Presentasi saintifik
• Kesehatan • Pemrosesan citra
• Perancangan objek (Computer • Simulasi
Aided Design - CAD)
• Sistem multimedia
• Pengertian objek primitif Gambar dapat dijelaskan dengan
beberapa cara, bila menggunakan raster display, gambar
ditentukan oleh satu set intensitas untuk posisi display pada
display.
• Sedangkan dengan scene tampilan gambar dengan loading array

dari pixel ke dalam buffer atau dengan mengkonversikan scan dari
grafik geometri tertentu ke dalam pola pixel.
Citra pada grafika computer menggunakan elemen dasar grafik.
Elemen-elemen ini memudahkan untuk menggambar bentuk objek
pada layar monitor. Dalam grafika computer terdapat 4 elemen
dasar grafik yaitu :
1. Titik (point)
2. Garis (line)
3. Bentuk segi
4. Bentuk Bundar
• Titik dan Garis (Points and Lines)
• Pembentukan titik dilakukan dengan mengkonversi suatu posisi
titik koordinat dengan program aplikasi ke dalam suatu operasi
tertentu menggunakan output. Random-scan (vektor ) system
menyimpan instruksi pembentukan titik pada display list dan nilai
koordinat menentukan posisi pancaran electron ke arah lapisan
fosfor pada layer. Garis dibuat dengan menentukan posisi titik
diantara titik awal dan akhir dari suatu garis.
• Untuk menggambar titik (point) digunakan perintah point(x,y)
dimana nilai x dan y adalah koordinat pada layar. Sedangkan
untuk membuat garis digunakan perintah lines(x1,y1,x2,y2).
Sebagai percobaan pertama silahkan ketik program berikut ini :
• Titik (point)
// Draw white points
size(400, 400);
background(0);
stroke(255,0,0);
point(100, 100);
point(200, 200);
• Buat 4 point berikut ini:
• Tambahkan Titik (point)
point(150, 100);
point(250,200);
• Buat Titik (point)
size(400, 400);
background(0);
stroke(255,0,0);
strokeWeight(5);
point(20, 20);
point(20, 100);
• Tambahkan Titik (point)
point(100, 20);
• Tambahkan Garis (line)
// Draw white line
line(20,20, 20, 100);
line(20, 100, 100, 20);
line(20,20, 100, 20);
• Tambahkan line berikut ini pada script pertama
// Draw white line
line(100,100, 200, 200);
• Buat 2 garis berikut ini:
• Tambahkan line berikut ini
line(150,100, 250, 200);
int d = 40; // Draw white points
int p1 = d; stroke(255);
int p2 = p1+d; point(p1, p1);
int p3 = p2+d; point(p1, p3);
int p4 = p3+d;
point(p2, p4);
size(600, 600);
point(p3, p1);
background(0);
point(p4, p2);
//Draw line from
location (50,50) until point(p4, p4);
(100,150)
• // Draw gray box
• stroke(255);
• line(p3, p3, p2, p3);
• line(p2, p3, p2, p2);
• line(p2, p2, p3, p2);
• line(p3, p2, p3, p3);
• Membuat warna garis
Untuk mengubah warna garis, dapat digunakan perintah stroke(x) atau
stroke(r,g,b). Selain itu ketebalan garis dapat kita atur dengan
menggunakan perintah strokeWeight(x) dengan nilai x adalah jumlah
ketebalan pixel. Jika ingin merubah tampilan ujung garis, dapat juga kita
tambahkan perintah strokeCap(mode). Mode yang digunakan adalah
SQUARE, ROUND dan PROJECT. Untuk lebih jelas, silahkan ketik program
berikut ini:
• size(200, 200);
• background(0);
• // Draw white line standart
• stroke(255);
• line(25, 5, 175, 5);
• // Draw red line
• stroke(255,0,0);
• line(25, 25, 175, 25);
• // Draw Green line with 5 points thicknes
• stroke(0,255,0);
• strokeWeight(5);
• line(25, 50, 175, 50);
• //Draw Blue line with 10 thickness and square tip line
• stroke(0,0,255);
• strokeWeight(10);
• strokeCap(SQUARE);
• line(25, 75, 175, 75);
TERIMAKASIH
Latihan
• Buatlah point berikut ini :
Latihan
• Buatlah menjadi persegi berikut ini :

Pertemuan 3-Grafika Komputer Pengolahan Citra

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Pertemuan 3-Grafika Komputer Pengolahan Citra

Diunggah oleh

Hak Cipta:

Format Tersedia

GRAFIKA KOMPUTER

1. Penggambaran Objek Primitif

• Sedangkan dengan scene tampilan gambar dengan loading array

Anda mungkin juga menyukai