PEMROGRAMAN GRAFIS(VISUAL BASIC)

Gambar dalam pemrograman grafis merupakan hal penting untuk dipelajari, karena bisa menambah kemampuan dalam desain visual effect.A. Sistem Koordinat

Hampir semua operasi pemrograman grafis bekerja dengan sistem koordinat, seperti berpindah, mengubah ukuran, dan lain-lain. Pada Visual Basic hanya dikenal sistem koordinat dua dimensi, walupun nantinya bisa saja dibuat sistem koordinat 3 dimensi dengan tambahan rutin yang dibuat. Untuk mendefinisikan koordinat pada form atau obyek yang lain digunakan penulisan (x,y). Standar awal dari koordinat adalah (0,0) pada titik paling kiri atas dari obyek yang didefinisikan koordinatnya.

B. WarnaUntuk mendefinisikan warna pada Visual Basic bisa digunakan :• Fungsi RGB• Fungsi QBColor untuk memilih satu dari 16 warna pada Microsoft Quick Basic• Salah satu konstanta intrinsic yang bisa dilihat pada Object Browser• Langsung mengisikan nilai warna, misalkan “&H00FFFFF&” Untuk menggunakan fungsi RGB digunakan standar penulisan rutin RGB(merah, hijau, biru). Fungsi ini akan menghasilkan warna sebagai kombinasi dari nilai-nilai yang diisikan pada merah, hijau dan biru. Nilai yang bisa dilakukan adalah dari 0 hingga 255.

PEMROGRAMAN GRAFIS(VISUAL BASIC)

SISTEM KOORDINAT1. LINERumus menggambar garis adalah sbb:

Line(X1,Y1) ‐ (X2,Y2)

Contoh nya seperti di bawah ini:Line (100, 200)‐(2000, 1000)

Perintah di atas ditulis pada event Form_Paint maka kode lengkapnya sepeti ini:Private Sub Form_Paint() 

Line (100, 200)‐(2000, 1000) End Sub

PEMROGRAMAN GRAFIS(VISUAL BASIC)

SISTEM KOORDINAT1. LINEMembuat Garis

Private Sub Form_Paint() Line (100, 200)‐(2000, 1000) 

End SubHasil Eksekusi

PEMROGRAMAN GRAFIS(VISUAL BASIC)

SISTEM KOORDINAT1. LINEMembuat Garis BerwarnaSyntaks:

Private Sub Form_Paint() Line (100, 200)‐(2000, 1000), RGB(66, 124, 251)'atauLine (100, 200)‐(2000, 1000), vbBlue

End SubHasil Eksekusi

PEMROGRAMAN GRAFIS(VISUAL BASIC)

SISTEM KOORDINAT1. LINEMembuat KotakSyntaks:

Private Sub Form_Paint() Line (100, 100)‐(2000, 2000), , B

End SubHasil Eksekusi

PEMROGRAMAN GRAFIS(VISUAL BASIC)

SISTEM KOORDINAT1. LINEMembuat Kotak BerwarnaSyntaks:

Private Sub Form_Paint() Line (100, 100)‐(2000, 2000), vbBlue, BF

End SubHasil Eksekusi

PEMROGRAMAN GRAFIS(VISUAL BASIC)

SISTEM KOORDINAT1. LINEInput Titik Koordinat GarisSyntaks:

Private Sub Command1_Click()Line (Val(Text1.Text), Val(Text2.Text))‐(Val(Text3.Text), Val(Text4.Text))

End Sub

Private Sub Command2_Click()Cls

End Sub

PEMROGRAMAN GRAFIS(VISUAL BASIC)

SISTEM KOORDINAT1. LINEInput Titik Koordinat Garis

Hasil Eksekusi

PEMROGRAMAN GRAFIS(VISUAL BASIC)

SISTEM KOORDINAT1. LINEInput Titik Koordinat KotakSyntaks:

Private Sub Command1_Click()Line (Val(Text1.Text), Val(Text2.Text))‐(Val(Text3.Text), Val(Text4.Text)), , BF

End Sub

Private Sub Command2_Click()Cls

End Sub

PEMROGRAMAN GRAFIS(VISUAL BASIC)

SISTEM KOORDINAT1. LINEInput Titik Koordinat Kotak

Hasil Eksekusi

PEMROGRAMAN GRAFIS(VISUAL BASIC)

SISTEM KOORDINAT2. CIRCLERumus menggambar lingkaran adalah sbb:

Circle(x,y),Radius

Contoh nya seperti di bawah ini:Circle (2000, 1000), 800

Perintah di atas ditulis pada event Form_Paint maka kode lengkapnya sepeti ini:Private Sub Form_Paint() 

Circle (2000, 1000), 800 End Sub

PEMROGRAMAN GRAFIS(VISUAL BASIC)

SISTEM KOORDINAT2. CIRCLEMembuat Lingkaran

Private Sub Form_Paint() Circle (2000, 1000), 800 

End Sub

Hasil Eksekusi

PEMROGRAMAN GRAFIS(VISUAL BASIC)

SISTEM KOORDINAT3. PSetRumus menggambar titik adalah sbb:

Pset(x,y)

Contoh nya seperti di bawah ini:PSet (1000, 2000)

Perintah di atas ditulis pada event Form_Paint maka kode lengkapnya sepeti ini:Private Sub Form_Paint() 

PSet (1000, 2000)End Sub

PEMROGRAMAN GRAFIS(VISUAL BASIC)

SISTEM KOORDINAT3. PSetMembuat Titik

Private Sub Form_Paint() PSet (1000, 2000)

End Sub

Hasil Eksekusi

PEMROGRAMAN GRAFIS(VISUAL BASIC)

SISTEM KOORDINAT4. ScaleRumus mendefinisikan sistem koordinat adalah sbb:

Scale(x1,y1) – (x2,y2)

Contoh nya seperti di bawah ini:PSet (1000, 2000)

Perintah di atas ditulis pada event Form_Paint maka kode lengkapnya sepeti ini:Private Sub Form_Paint() 

Scale (0, 70)‐(70, 0)End Sub

PEMROGRAMAN GRAFIS(VISUAL BASIC)

SISTEM KOORDINAT4. ScaleMembuat Titik

Private Sub Form_Paint() Scale (0, 70)‐(70, 0)Line (10, 0)‐(20, 45), vbBlueLine (20, 0)‐(30, 55), vbRed, BLine (30, 0)‐(40, 40), , BF

End Sub

Hasil Eksekusi

PEMROGRAMAN GRAFIS(VISUAL BASIC)

SISTEM KOORDINAT – LATIHAN 1Syntaks

Private Sub Form_Paint()'Deklarasi GarisLine (200, 300)‐(500, 600)Print "Garis"'Deklarasi KotakLine (3500, 200)‐(4500, 1000), , BCurrentX = 4000CurrentY = 600Print "Kotak"'Deklarasi Kotak BerwarnaLine (200, 800)‐(1500, 2000), vbBlue, BFCurrentX = 200CurrentY = 1000Print "Kotak Berwarna"'Deklarasi LingkaranCircle (3000, 2500), 600CurrentX = 2800CurrentY = 2500Print "Lingkaran"'Deklarasi TitikPSet (2000, 1000)Print "(2000, 1000); "CurrentX = 1000CurrentY = 500Print "(1000, 500); "CurrentX = 3000CurrentY = 1500Print "(3000, 1500); "

End Sub

HASIL EKSEKUSI

PEMROGRAMAN GRAFIS(VISUAL BASIC)

WARNARumus mendefinisikan sistem koordinat adalah sbb:

Frame1.BackColor = RGB(red, green, blue)Frame2.BackColor = QBColor(color as integer)Frame3.BackColor = kode Hexa

Contoh nya seperti di bawah ini:Frame1.BackColor = RGB(255, 255, 0)Frame2.BackColor = QBColor(14)Frame3.BackColor = &HFFFFF

Perintah di atas ditulis pada event Form_Paint maka kode lengkapnya sepeti ini:Private Sub Form_Load()

Frame1.BackColor = RGB(255, 255, 0)Frame2.BackColor = QBColor(14)Frame3.BackColor = &HFFFFF

End Sub

PEMROGRAMAN GRAFIS(VISUAL BASIC)

WARNAContoh:

Private Sub Form_Load()Frame1.BackColor = RGB(255, 255, 0)Frame2.BackColor = QBColor(14)Frame3.BackColor = &HFFFFF

End SubHasil Eksekusi