BAB I PIXEL WARNA SISTEM KOORDINAT BAHASA PROGRAM

BAB I PIXEL, WARNA, SISTEM KOORDINAT & BAHASA PROGRAM Program S 1 Teknik Informatika Sekolah Tinggi Teknologi Nurul Jadid Oleh : Moh. Furqan, M. Kom.

PIXEL DAN WARNA 2 Pixel : picture element merupakan elemen dasar dan ukuran terkecil grafik. Pixel dinyatakan sebagai fungsi integer positif f(x, y), x menyatakan koordinat mendatar dan y koordinat vertical. Jika ditemukan bilangan tidak integer maka harus dibulatkan (trunc) menjadi bilangan integer. Misal pixel P(2. 5, 3. 4) ditulis P(trunc(2. 5), trunc(3. 4)). Ukuran pixel baku (hitam putih) adalah 1 bit. Ukuran pixel bergantung pada konfigurasi warna monitor. Konfigurasi warna mengikuti rumus 2 n dimana n banyaknya bit yang menyusun warna tersebut dan 1 pixel mempunyai ukuran n bit. Komputer Grafik

3 Misal konfigurasi warna monitor 16 warna (24), maka 1 pixel mempunyai ukuran 4 bit. Sistem monitor terbaru adalah RGB (Red Green Blue) 16 Mega bit (224), sehingga 1 pixel ukuran 24 bit atau 3 byte. Warna dapat ditulis dengan awalan ‘cl’ (cl. Red, cl. Green, cl. White, …) atau menuliskan konfigurasi bit penyusun dalam bilangan hexa. Misalnya warna merah ditulis dengan $000000 FF (32 bit). Komputer Grafik

SISTEM KOORDINAT 4 Sistem koordinat kartesius tangan kanan dengan bilangan real. Nilai x positif berarah ke kanan dan nilai y positif berarah ke atas ditinjau dari titik (0, 0). Monitor mempunyai sistem koordinat kartesius tangan kiri dengan bilangan integer positif dengan titik (0, 0) terletak di pojok kiri atas monitor. Nilai x bergerak ke kanan dan nilai y bergerak ke bawah. sistem ini di batasi oleh nilai x dan y maksimum sesuai dengan resolusi monitor. Agar monitor dapat menampilkan keadaan grafik sesuai sistem koordinat kartesius tangan kanan maka harus dilakukan konversi. Komputer Grafik

(0, 0) monitor 5 Ymon Xmax / 2 Xhum P(x, y) Yhum (0, 0) human Ymax / 2 Konversi koordinat monitor dengan human Xmon = Xmax / 2 + Xhum Ymon = Ymax / 2 - Yhum Komputer Grafik

BAHASA PROGRAM 6 Bahasa yang digunakan adalah Java (Netbean). § Library Grafik : import java. awt. Color; import java. awt. Graphics; § Lebar layar maksimum Xmax = Width; § Tinggi layar maksimum Ymax = Height; § Menetapkan Warna baru obyek. Set. Color(Color. warna); Komputer Grafik

7 § Mengambar garis obyek. draw. Line(x 1, y 1, x 2, y 2); § Mengambar Teks obyek. draw. String(“String", x, y); § Menggambar sumbu koordinat berwarna: sumbu x (merah) obyek. Set. Color(Color. red); obyek. draw. Line(0, y 0, Width, y 0); sumbu y (biru) obyek. Set. Color(Color. blue); obyek. draw. Line(x 0, 0, x 0, Height); Komputer Grafik

8 § Menggambar persegi panjang obyek. draw. Rect(x, y, width, Height); § Menggambar persegi panjang terisi obyek. fill. Rect(x, y, width, Height); § Menggambar persegi panjang ujung bulat obyek. draw. Round. Rect(x, y, width, Height); § Menggambar persegi panjang ujung bulat terisi obyek. fill. Round. Rect(x, y, width, Height); Komputer Grafik

9 § Menggambar oval obyek. draw. Oval(x, y, width, Height); § Menggambar oval terisi obyek. fill. Oval(x, y, width, Height); § Menggambar busur obyek. draw. Arc(x, y, width, Height, Start. Angle, arc. Angle); § Menggambar busur terisi obyek. fill. Arc(x, y, width, Height, Start. Angle, arc. Angle); *Start. Angle = sudut awal, *arc. Angle = sudut putar Komputer Grafik

10 § Menggambar Polygon (Segi Banyak) obyek. draw. Polygon(x. Points[ i ], y. Points[ i ], n. Points[ i ] ); § Menggambar Polygon (Segi Banyak) terisi obyek. fill. Polygon(x. Points[ i ], y. Points[ i ], n. Points[ i ] ); § Menggambar Polyline (garis bersambung) obyek. draw. Polyline(x. Points[ i ], y. Points[ i ], n. Points[ i ] ); Komputer Grafik