GRAFIK KOMPUTER DAN PENGOLAHAN...

13
GRAFIK KOMPUTER DAN PENGOLAHAN CITRA WAHYU PRATAMA, S.Kom., MMSI.

Transcript of GRAFIK KOMPUTER DAN PENGOLAHAN...

Page 1: GRAFIK KOMPUTER DAN PENGOLAHAN CITRAwahyu_pratama.staff.gunadarma.ac.id/Downloads/files/56452/Grafkom... · grafika pada umumnya adalah warna solid atau pola raster. Terdapat dua

GRAFIK KOMPUTER DAN

PENGOLAHAN CITRA

WAHYU PRATAMA, S.Kom., MMSI.

Page 2: GRAFIK KOMPUTER DAN PENGOLAHAN CITRAwahyu_pratama.staff.gunadarma.ac.id/Downloads/files/56452/Grafkom... · grafika pada umumnya adalah warna solid atau pola raster. Terdapat dua

PERTEMUAN 3 - GRAFKOM DAN

PENGOLAHAN CITRAOutput Primitive dan Atributnya

Pengenalan Titik dan Garis.

Atribut Output Primitive:

Line Attributes, Line Type, Line Width.

Curve Attribute.

Color and Grayscale Levels, Color Tables.

Grayscale.

Page 3: GRAFIK KOMPUTER DAN PENGOLAHAN CITRAwahyu_pratama.staff.gunadarma.ac.id/Downloads/files/56452/Grafkom... · grafika pada umumnya adalah warna solid atau pola raster. Terdapat dua

Pengenalan Titik dan Garis

Titik adalah bagian terkecil dari suatu objek, yang menempati suatu

tempat, yang tidak memiliki panjang, lebar dan tinggi.

Titik pada komputer merupakan sebuah koordinat yang mengandung

identitas warna yang diletakkan pada Cathoda-Ray-Tube (CRT) monitor.

Titik merupakan satuan gambar/grafis yang terkecil, dengan menggambar

titik maka kita dapat menggambar obyek apapun.

Operasi titik ini sering digunakan pada pengolahan citra (image

processing).

Setiap titik pada monitor memiliki parameter yang disebut sebagai

koordinat dan warna.

Atribut (semua parameter yang mempengaruhi bagaimana primitif grafis

ditampilkan) dasar untuk titik adalah ukuran dan warna.

Ukuran titik direpresentasikan sebagai beberapa pixel.

Page 4: GRAFIK KOMPUTER DAN PENGOLAHAN CITRAwahyu_pratama.staff.gunadarma.ac.id/Downloads/files/56452/Grafkom... · grafika pada umumnya adalah warna solid atau pola raster. Terdapat dua

Pengenalan Titik dan Garis selanjutnya …

Garis merupakan kumpulan titik-titik/pixel yang tersusun secara lurus

dan linier dari titik awal sampai titik akhir.

Penggambaran garis dilakukan dengan menghitung posisi-posisi sepanjang

jalur lurus antara dua posisi titik.

Jalur lurus yang menghubungkan dua titik tersebut sebenarnya adalah

titik-titik yang saling berdempetan mengikuti arah jalur lurus tersebut.

Atribut dasar untuk garis lurus adalah tipe (type), tebal (width) dan

warna (color).

Dalam berapa paket aplikasi grafik, garis dapat ditampilkan dengan

menggunakan pen atau brush.

Pada algoritma penggambaran garis, atribut tebal (width) dapat

ditentukan seperti juga panjang dan spasi antar titik.

Page 5: GRAFIK KOMPUTER DAN PENGOLAHAN CITRAwahyu_pratama.staff.gunadarma.ac.id/Downloads/files/56452/Grafkom... · grafika pada umumnya adalah warna solid atau pola raster. Terdapat dua

Pengenalan Titik dan Garis selanjutnya …

Titik

Garis

[1]

Page 6: GRAFIK KOMPUTER DAN PENGOLAHAN CITRAwahyu_pratama.staff.gunadarma.ac.id/Downloads/files/56452/Grafkom... · grafika pada umumnya adalah warna solid atau pola raster. Terdapat dua

Pengenalan Titik dan Garis selanjutnya …

[2]

Page 7: GRAFIK KOMPUTER DAN PENGOLAHAN CITRAwahyu_pratama.staff.gunadarma.ac.id/Downloads/files/56452/Grafkom... · grafika pada umumnya adalah warna solid atau pola raster. Terdapat dua

Atribut Output Primitive

Setiap parameter yang memberi pengaruh pada output primitive

ditampilkan sesuai dengan parameter atribut.

Beberapa parameter atribut, ukuran dan warna ditentukan sebagai

karakteristik dasar dari parameter.

Sedangkan yang lainnya ditentukan untuk penampilan grafik pada kondisi

tertentu.

Teks dapat dibaca dari kiri ke kanan, miring searah diagonal (slanted

diagonal) atau vertical sesuai kolom.

Salah satu cara untuk mengatur atribut output primitive, yaitu dengan

daftar parameter fungsi yang berkaitan.

Contoh output primitive adalah fungsi menggambar garis dapat berisi

parameter untuk warna, tebal dan lainnya.

Page 8: GRAFIK KOMPUTER DAN PENGOLAHAN CITRAwahyu_pratama.staff.gunadarma.ac.id/Downloads/files/56452/Grafkom... · grafika pada umumnya adalah warna solid atau pola raster. Terdapat dua

Atribut Output Primitive selanjutnya …

Tipe-tipe garis (line type) terdiri dari:

Garis tebal (solid line), algoritma pembentukan garis dilengkapi dengan

pengaturan panjang dan jarak yang menampilkan bagian solid sepanjang

garis.

Garis putus (dashed line), dibuat dengan memberikan nilai jarak dengan

bagian solid yang sama.

Garis titik-titik (dotted line), dapat ditampilkan dengan memberikan

jarak yang lebih besar dari bagian solid.

Tebal garis (line width) sebagai berikut:

Video monitor, dapat ditampilkan sebagai kumpulan garis sejajar yang

berdekatan.

Plotter, mungkin menggunakan ukuran pen yang berbeda.

Raster, tebal garis standar diperoleh dengan menempatkan satu pixel

pada setiap posisi.

Page 9: GRAFIK KOMPUTER DAN PENGOLAHAN CITRAwahyu_pratama.staff.gunadarma.ac.id/Downloads/files/56452/Grafkom... · grafika pada umumnya adalah warna solid atau pola raster. Terdapat dua

Atribut Output Primitive selanjutnya …

Bila suatu sistem dilengkapi dengan pilihan warna atau intensitas,

parameter yang akan diberikan pada index warna termasuk dalam daftar

nilai atribut dari sistem.

Routine polyline membuat garis pada warna tertentu dengan mengatur

nilai warna pada frame buffer untuk setiap posisi pixel, menggunakan

prosedur set pixel.

Jumlah warna tergantung pada jumlah bit yang akan digunakan untuk

menyimpan informasi warna.

Area pengisian (fill area) output primitif standar pada paket aplikasi

grafika pada umumnya adalah warna solid atau pola raster.

Terdapat dua dasar pendekatan untuk mengisi area pada raster sistem.

Menentukan overlap interval untuk scan line yang melintasi area dengan

memulai dari titik tertentu pada posisi di dalam poligon dan menggambar

dengan arah menyebar ke pinggir, sampai batas poligon.

Page 10: GRAFIK KOMPUTER DAN PENGOLAHAN CITRAwahyu_pratama.staff.gunadarma.ac.id/Downloads/files/56452/Grafkom... · grafika pada umumnya adalah warna solid atau pola raster. Terdapat dua

Atribut Output Primitive selanjutnya …

Perbandingan Pola Vector dan Pola Raster

[3]

Page 11: GRAFIK KOMPUTER DAN PENGOLAHAN CITRAwahyu_pratama.staff.gunadarma.ac.id/Downloads/files/56452/Grafkom... · grafika pada umumnya adalah warna solid atau pola raster. Terdapat dua

Atribut Output Primitive selanjutnya …

Color and Grayscale Level

[4]

Page 12: GRAFIK KOMPUTER DAN PENGOLAHAN CITRAwahyu_pratama.staff.gunadarma.ac.id/Downloads/files/56452/Grafkom... · grafika pada umumnya adalah warna solid atau pola raster. Terdapat dua

Atribut Output Primitive selanjutnya …

Color Table

[5]

Page 13: GRAFIK KOMPUTER DAN PENGOLAHAN CITRAwahyu_pratama.staff.gunadarma.ac.id/Downloads/files/56452/Grafkom... · grafika pada umumnya adalah warna solid atau pola raster. Terdapat dua

Referensi

Materi Perkuliahan – Geometri Primitive

http://bit.ly/2g1FOMX

Materi Perkuliahan - Grafika Komputer Atribut Output Primitif

http://bit.ly/2fEb5VT

Gambar [1]

http://bit.ly/2fFnqJt

Gambar [2]

http://bit.ly/2g1FOMX

Gambar [3]

http://bit.ly/2xZCknV

Gambar [4]

http://bit.ly/2yR00Jp

Gambar [5]

http://bit.ly/2x9JNwM