You are on page 1of 2

<html> Grafika adalah suatu teknik atau cara penyampaian pesan, gagasan, informasi, pikiran, kesan perasaan melalui

i penggandaan dengan cara dicetak dan disajikan kepada khalayak Computer Graphics : membuat dan memanipulasi grafis dengan bantuan komputer Graphics Computer / Komputer Grafis : komputer yang khusus digunakan untuk memanipulasi grafis Grafis (Graphics) : Gambar yang dibuat dari bentuk geometri (garis kotak, segitiga dll) Grafik (Graph) : Visualisasi atau penggambaran statistik. Image (Citra) : Gambar (picture) yang tersusun atas pixel (roster) Pixel : elemen gambar yang berupa titik Image processing : Pengolahan citra / teori yang mempelajari cara memanipulasi citra. Fraktal Penggambaran suatu objek dengan persamaan matematis Morphing : perubahan bentuk dari suatu wujud ke wujud yang berbeda misalnya dari wujud manusia berubah menjadi harimau atau sebaliknya. Perbedaan antara image processing dengan graphics komputer adalah : Image processing masukannya berupa gambar sedangkan graphics computer masukanya berupa angka-angka atau datadata. Image processing setiap titik akan disimpan sedangkan graphics komputer hanya koordinat titik pokok (vektor) yang disimpan. Sains dan Teknologi Penggambaran fungsi matematis ( sinus, cosinus) Diagram / chart Grafik (graph) Alat bantu belajar (kimia, fisika, biologi, komputer, matematika, dll) atau CBT(computer based training) Fraktal : Penggambaran suatu objek dengan persamaan matematis. Animasi : Gambar bergerak. Kartografi Peta geologi Peta sumber minyak Cuaca Simulasi & Animasi Fligh simulator Simulasi balap mobil Morphing : perubahan bentuk misalnya perubahan dari bentuk harimau ke manusia Pembuatan film kartun Computer Aided Design and Drafting (CAD) Perancangan perumahan Perancangan di industri, otomotif, mebel, dll Control Proces (kendali proses) Interface kendali lalu lintas Interface kendali reaktor nuklir Interface kendali robot Publikasi Pembuatan logo iklan GUI (Grapikal User Interface) Icon Direct manipulation Piranti Interaktif Analog Input Arah gerak sesuai dengan arah gerakan alat. Misalnya belokan mobil sesuai dengan belokan stir Digital Input arah gerak sesuai dengan lamanya tekanan alat. Misalnya belokan mobil sesuai dengan lamanya menekan alat Contoh piranti interkatif : Mouse Trackball Digitizer Light Pen Touch Screen Scanner Printer Plotter Secara umum ada dua sistem koordinat Sistem Koordinat Cartesian - Sistem Koordinat Cartesian 2D - Sistem Koordinat Cartesian 3D

Sistem Koordinat Layar Sistem Koordinat layar adalah koordinat yang mengikuti proses suatu gambar dibentuk pada layar monitor. Grafika komputer merupakan studi tentang bagaimana membuat gambar/grafik dan bagaimana memanipulasinya dengan menggunakan komputer. Perbedaan antara Picture/gambar, graphics/grafik dan Image/citra : Picture/gambar : Paling luas/umum. Mencakup grafik dan citra. Graphics/grafik : Gambar yang dibuat dengan dengan cara dan aturan tertentu tanpa alat perekam gambar. Image/citra : Gambar yang diambil dengan alat pengambil gambar ( kamera, satelit, foto, sidik jari, scan dll) Sistem grafika komputer dibedakan menjadi dua yaitu : Non-interaktif Grafika non-interaktif dibuat sebagai akhir dari proses dalam bentuk hardcopy. Contoh : Printer, Plotter dll Interaktif Grafika interaktif dapat dibuat dan dimanipulasi secara interaktif pada layar peranti peraga. Peranti-peranti peraga interaktif yang paling umum digunakan : CRT (Tabung sinar katoda). Lain-lain : Plasma, LCD, laser, dsb. Properti yang digunakan dalam delphi untuk membuat suatu gambar adalah Canvas. Sintaks : Cannvas.Pixels[X,Y]; Garis Canvas.MoveTo(x,y) : menempatkan posisi awal garis Canvas.LineTo(x,y) : menempatkan posisi akhir garis Kotak Canvas.Rectangle(x1,y1,x2,y2); Lingkaran Canvas.Ellipse(x1,y1,x2,y2); Kotak Sudut Tumpul Canvas.RoundRect (x1,y1,x2,y2,sx,sy); Ket : x1,y1 : titik awal kotak x2,y2 : titik akhir kotak sx,sy : ketumpulan sudut * Memberi warna garis/line canvas.pen.color := clwarna; * Memberi warna isi/fill canvas.brush.color := clwarna; * Mengatur Ketebalan Garis Canvas.Pen.Width := integer; Ada beberapa macam tipe transformasi 2D yaitu : Translasi (pergeseran) Skala Rotasi Mirror (pencerminan) Translasi / Pergeseran Sembarang titik pada bidang x y dapat digeser ke sembarang tempat dengan menambahkan besaran pada absis x dan ordinat y. Sebuah titik dapat digeser atau ditranslasikan dengan persamaan sebagai berikut : X = x1 + Tx Y = y1 + Ty Ket : x1,y1 : koordinat titik asal X,Y : koordinat titik hasil Tx : faktor perpindahan ke arah X (horisontal) Ty : faktor perpindahan ke arah Y (vertikal) Jenis Translasi : Horizontal : X>0 dan Y=0 Vertical : X=0 dan Y>0 Diagonal : X>0 dan Y>0 Contoh Translasi Sebuah objek pada koordinat titik A(4,9) dan koordinat titik B(8,5) akan ditranslasikan kearah horizontal 5 dan kearah vertical 4 berapakah hasil pergeseran objek tersebut, lalu gambarkan objek asal dan objek hasil alam sistem koordinat. Penyelesaian : Diketahui - koordinat titik A (4,9) - koordinat titik B (8,5) - Faktor pergeseran horizontal (Tx) = 5 - Faktor pergeseran vertikal (Ty) = 4 Rumus Translasi :

X = x1 + Tx Y = y1 + Ty Jawab : Titik A(4,9) dengan Tx=5 dan Ty=4 XA = X1 + Tx =4+5=9 YA = Y1 + Ty = 9 + 4 = 13 A(9,13) Titik B(8,5) dengan Tx=5 dan Ty=4 XB = X1 + Tx = 8 + 5 = 13 YB = Y1 + Ty =5+4=9 B(13,9) Translasi Horizontal : procedure TFormTranslasi.ButtonHorizontalClick(Sender: TObject); begin sx := StrToInt(EditGeserX.Text); sy := 0; x1 := x1 + sx; y1 := y1 + sy; Canvas.Rectangle(x1, y1, x1 + x2, y1 + y2); end; Translasi Vertical : procedure TFormTranslasi.ButtonVerticalClick(Sender: TObject); begin sx := 0; sy := StrToInt(EditGeserY.Text); x1 := x1 + sx; y1 := y1 + sy; Canvas.Rectangle(x1, y1, x1 + x2,y1 +y2); end; Translasi Diagonal : procedure TFormTranslasi.ButtonDiagonalClick(Sender: TObject); begin sx := StrToInt(EditGeserX.Text); sy := StrToInt(EditGeserY.Text); x1 := x1 + sx; y1 := y1 + sy; Canvas.Rectangle(x1, y1, x1 + x2, y1 + y2); end;

You might also like