Pemrograman GDI+ Pada VB - Net - (The-Xp - Blogspot.com) PDF
Pemrograman GDI+ Pada VB - Net - (The-Xp - Blogspot.com) PDF
Buku ini membahas tentang pengolahan grafik pada VB.NET, dan ditujukan kepada siapa saja
yang serius untuk mempelajari pemrogrman grafik dengan GDI+ secara koding (tanpa
menggunakan fasilitas designer pada Visual Studio .NET). Bagi anda yang belum mengenal
bahasa pemrograman VB.NET sebaiknya memulai proses belajar dengan buku Bahasa
Pemrograman VB.NET dan Pemrogram Form pada VB.NET
Untuk mempelajari buku ini anda tidak perlu menginstalasi Visual Studio .NET, tetapi anda
cukup menginstalasi .Net Framework yang dapat didownload secara gratis dari website
Microsoft.
Semua contoh dan latihan dibuku ini dapat dikompilasi langsung dari Dos prompt dengan
menggunakan kompiler Visual Basic yang langsung tersedia setelah anda menginstalasi .Net
Framework.
Pada akhir tutorial ini, penulisa memberikan contoh pemrograman GDI+ yang diaplikasikan
pada pemrograman games Tetris.
INDOPROG 1
Pemrograman GDI+ pada VB.NET Hendra, S.T.
GDI+ yang memiliki kemampuan untuk mengolah grafik vector dua dimensi (garis), imaging
(bitmap) dan typography (font) pada Layar maupun Printer.
Dengan GDI, programmer tidak perlu mengetahui detail dari masing-masing peralatan untuk
menampilkan grafik diatasnya, tetapi cukup menggunakan fasilitas yang telah disediakan oleh
GDI+ class.
Catatan :
Pada pemrograman tradisional, menggambar garis ke layar akan sangat berbeda dengan
menggambar garis ke printer.
Dan pada layar computer, koordinat tersebut, merupakan pixel pada layar.
Misalnya kita menggambar sebuah garis mulai dari koordinat 4,2 sampai 12, 8, maka tampilan
dilayar adalah sebagai berikut :
INDOPROG 2
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Pengambaran Graphics diatas form dapat dilakukan melalui Objek Graphics yang dapat
dideklarasikan sebagai berikut :
Dalam pengembaran, kita membutuhkan Objek Pen menyediakan atribut seperti Warna dan
Ketebalan garis dalam ukuran pixel.
Dimana Warna adalah warna yang diinginkan, dan Tebal adalah tebal pen dalam ukuran point.
Option Explicit On
Imports System
Imports System.Windows.Forms
Imports Microsoft.VisualBasic
<System.STAThread()> _
Public Shared Sub Main()
Application.Run(New MyForm)
End Sub
INDOPROG 3
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Handles MyBase.Click
Dim MyPen As New System.Drawing.Pen(System.Drawing.Color.Red,3)
Dim MyGraphic As System.Drawing.Graphics = Me.CreateGraphics
MyGraphic.DrawLine(MyPen,10,10,200,100)
End Sub
End Class
Proses kompilasi
Proses kompilasi dengan menggunakan perintah :
Dan ketika anda jalankan, dan klik pada form akan menghasilkan tampilan :
Catatan :
Mengenai pemrogram form pada VB.NET dapat anda baca di ebook pemrogram form
pada VB.NET
Salah satu kelemahan dari cara diatas adalah, kalau form mengalami refresh, maka garis
yang telah digambarkan tersebut akan hilang (VB.NET tidak menyediakan property
AutoRedraw seperti yang terdapat pada VB6)
Untuk membuktikannya coba anda minimize dan maximize kembali form diatas, maka
garis tersebut akan hilang.
INDOPROG 4
Pemrograman GDI+ pada VB.NET Hendra, S.T.
OnPaint Event Handle adalah event yang akan dibangkitkan setiap kali form mengalami refresh
(pada saat minimize, maximize maupun ditimpa oleh form lain), jadi jika kita melakukan
overriding terhadap Event ini dan menempatkan perintah pengambaran garis didalamnya ini,
maka garis tersebut akan digambar setiap proses refresh.
Parameter PaintEventArgs pada Sub OnPaint merupakan objek Graphics, sehingga kita tidak
perlu melakukan Me.CreateGraphics.
Contoh :
Option Explicit On
Imports System
Imports System.Windows.Forms
Imports Microsoft.VisualBasic
<System.STAThread()> _
Public Shared Sub Main()
Application.Run(New MyForm)
End Sub
End Sub
End Class
Kalau program diatas dijalankan, maka akan menampilkan garis pada form, dan tetap akan ada
walaupun form direfresh.
Catatan :
Pada contoh diatas kita melakukan overriding terhadap metoda OnPaint yang ada pada
Base class dengan Metoda baru yang kita buat dimana didalamnya akan mengambarkan
garis, sehingga setiap kejadian OnPaint akan menjalankan Event baru tersebut.
Kemudian dalam koding kita menulis MyBase.OnPaint(e), yang artinya kita menjalan
kembali event OnPaint pada Base class yang telah kita overriding.
INDOPROG 5
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Untuk pengambaran grafik vector kita dapat menggunakan objek Pen dan Brush, dimana objek
Pen untuk pengambaran bentuk garis, dan Brush untuk objek isian.
Perintah DrawLine(pen, x1,y1, x2,y2) digunakan untuk menggambar garis dari koordinat awal
(x1,y1) ke koordinat akhir (x2,y2).
Contoh :
Akan menghasilkan
Kita dapat menggunakan metoda DrawRectangle(Pen, x,y,lebar,tinggi) pada objek grafik untuk
mengambar persegi pada koordinat x,y dengan lebar dan tinggi tertentu.
Contoh :
INDOPROG 6
Pemrograman GDI+ pada VB.NET Hendra, S.T.
e.Graphics.DrawRectangle(MyPen,10,10,200,100)
Akan menghasilkan :
Contoh :
e.Graphics.DrawEllipse(MyPen,10,10,200,100)
Akan menghasilkan :
INDOPROG 7
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Contoh :
e.Graphics.DrawArc(MyPen,10,10,200,100,0,270)
Akan menghasilkan :
INDOPROG 8
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Kalau Arc adalah kurva dengan sudut awal dan akhir, demikian juga pie, bedanya adalah pie
merupakan kurva tertutup. Untuk menggambar pie dapat digunakan metoda
DrawEllipse(Pen,x,y,lebar,tinggi).
Contoh :
e.Graphics.DrawPie(MyPen,10,10,200,100,0,90)
Akan menghasilkan :
Kita juga dapat menggunakan structure point untuk penentuan koordinat (x,y) awal dan akhir
pada perintah DrawLine(pen, point1, point2).
Catatan :
DrawLine(pen, point1, point2) merupakan metode overloading terhadap DrawLine(pen,
x1,y1,x2,y2)
Contoh :
INDOPROG 9
Pemrograman GDI+ pada VB.NET Hendra, S.T.
yang kalau dijalankan akan menghasilkan garis yang sama dengan perintah :
e.Graphics.DrawLine(MyPen,10,10,200,100)
Akan menghasilkan :
Contoh :
Akan menghasilkan :
INDOPROG 10
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Jika polygon merupakan kurva tertutup yang dihubungan oleh garis lurus pada setiap koordinat
(x,y) sudutnya, maka DrawCurve(Pen, PointArray, Tangen) merupakan kurva terbuka yang
dibentuk dengan garis lengkung yang memiliki nilai tangent tertentu, berikut ini adalah contoh
gambar cardinal splines yang memiliki tiga titik dengan nilai tangent yang berbeda (0, 1, 1.5, dan
2).
Contoh :
Dim MyPen As New System.Drawing.Pen(System.Drawing.Color.Red, 3)
Dim MyArr As System.Drawing.Point() = _
{new System.Drawing.Point(0,0), _
new System.Drawing.Point(250,130), _
new System.Drawing.Point(190,160)}
e.Graphics.DrawCurve(MyPen,MyArr,1.5F)
Akan menghasilkan :
INDOPROG 11
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Contoh :
Akan menghasilkan :
INDOPROG 12
Pemrograman GDI+ pada VB.NET Hendra, S.T.
DrawBezier(pen, x1, y1, x2, y2, x3, y3, x4, y4) merupakan kurva dengan dari koordinat (x1,y1)
awal ke koordinat (x2,y2), dengan dua koordinat control (x3,y3) dan (x4,y4).
Pada gambar diatas p1 awal koordinat awal, p2 adalah koordinat akhir, dan c1, c2 adalah
koordinat control Bezier.
INDOPROG 13
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Menggunakan Path
• Lines
• Rectangles
• Ellipses
• Arcs
• Polygons
• Cardinal splines
• Bézier splines
Contoh :
INDOPROG 14
Pemrograman GDI+ pada VB.NET Hendra, S.T.
e.Graphics.DrawPath(MyPen,MyPath)
Akan menghasilkan :
Sebagaimana dengan structure point, kita dapat juga menggunakan struktur rectangle untuk
mengambar bentuk yang membutuhkan koordinat x,y dan ukuran lebar, tinggi, misalnya
DrawRectangle(pen, rectangle), DrawArc(Pen,x,y,rectangle,sudutakhir),
DrawEllipse(Pen,rectangle), DrawEllipse(Pen,rectangle),
Contoh :
Dim Rect As New System.Drawing.Rectangle(10,10,200,100)
e.Graphics.DrawRectangle(MyPen,Rect)
e.Graphics.DrawRectangle(MyPen,10,10,200,100)
INDOPROG 15
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Kalau kita mengambar bentuk dengan Pen, maka hasilnya tidak disertai dengan isian, sedangkan
untuk menghasilkan gambar dengan isian kita membutuhkan Brush.
Menggunakan SolidBrush
Contoh :
Yang kalau dijalankan akan menghasilkan suatu persegi yang diisi dengan warna merah penuh.
INDOPROG 16
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Menggunakan HatchBrush
• HatchStyle.Horizontal
• HatchStyle.Vertical
• HatchStyle.ForwardDiagonal
• HatchStyle.HatchStyleBackwardDiagonal
• HatchStyle.HatchStyleCross
• HatchStyle.HatchStyleDiagonalCross
Contoh :
INDOPROG 17
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Menggunakan TextureBrush
TextureBrush(gambar), dapat digunakan untuk mengambarkan objek isian yang diisi dengan
gambar tertentu
Contoh :
INDOPROG 18
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Menggunakan GradientBrush
LinearGradientBrush
LinierGradientBrush(Point1,Point2,warna1,warna2) akan membuat warna gradient mulai dari
Point1 ke Point2 secara gradual dari warna1 ke warna2
Contoh :
INDOPROG 19
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Menggunakan GammaCorrection
Contoh :
Dim Point1 As New System.Drawing.Point(10,10)
Dim Point2 As New System.Drawing.Point(100,10)
Dim MyBrush As New _
System.Drawing.Drawing2D.LinearGradientBrush(Point1,Point2, _
System.Drawing.Color.FromArgb(255,0,0), _
System.Drawing.Color.FromArgb(0,0,255))
Dim Rect As New System.Drawing.Rectangle(10,10,200,100)
MyBrush.GammaCorrection = True
e.Graphics.FillRectangle(MyBrush,Rect)
INDOPROG 20
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Untuk menampilkan tulisan kita dapat menggunakan DrawString(tulisan, font, brush, pointF).
Contoh :
Catatan :
PointF adalah point dalam type Float
INDOPROG 21
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Untuk mengambar garis dengan texture, kita membutuhkan pen yang menggunakan
TextureBrush.
Contoh :
INDOPROG 22
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Menampilkan gambar
Jika pada bagian sebelumnya kita telah membahas pembuatan grafik vector dengan GDI+, maka
pada bagian ini kita akan melihat bagaimana mengolah gambar.
Contoh :
Untuk menampilkan gambar dengan ukuran yang berbeda dengan ukuran sebenarnya, kita harus
menyediakan dua Rectangle, yaitu Rectangle Asal (crop terhadap gambar sebenarnya), dan
Rectangle Tujuan (yang berisi koordinat dan ukuran yang diinginkan),
contoh :
INDOPROG 23
Pemrograman GDI+ pada VB.NET Hendra, S.T.
150, _
20, _
1.3F * width, _
1.3F * height)
INDOPROG 24
Pemrograman GDI+ pada VB.NET Hendra, S.T.
INDOPROG 25
Pemrograman GDI+ pada VB.NET Hendra, S.T.
INDOPROG 26
Pemrograman GDI+ pada VB.NET Hendra, S.T.
INDOPROG 27
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Program Tetris
Oleh : Hendra Soewarno
Contoh aplikasi pemrograman GDI+ untuk pembuatan games tetris dengan pendekatan
berorientasi objek.
Untuk memahami program ini anda perlu mengerti pemrograman form, event handling, dan
array, serta GDI+
INDOPROG 28
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Rancangan program
Program ini menggunakan pendekatan berorientasi objek dengan membuat dua class untuk objek
Shape dan objek Grid
Class TShape
Class ini berfungsi menghasilkan bentuk-bentuk dengan system koordinat berikut :
{1,0},{1,1},{1,2},{1,3}
{0,1},{1,1},{2,1},{3,1}
Berikut ini adalah rincian array untuk masing-masing Shape dan rotasinya
{1,0},{1,1},{1,2},{1,3}
{0,1},{1,1},{2,1},{3,1}
{1,0},{1,1},{1,2},{1,3}
{0,1},{1,1},{2,1},{3,1}
{0,0},{0,1},{1,0},{1,1}
{0,0},{0,1},{1,0},{1,1}
{0,0},{0,1},{1,0},{1,1}
{0,0},{0,1},{1,0},{1,1}
{0,0},{0,1},{0,2},{1,2}
{0,0},{0,1},{1,0},{2,0}
{0,0},{1,0},{1,1},{1,2}
{0,1},{1,1},{2,0},{2,1}
{0,0},{0,1},{0,2},{1,1}
{0,0},{1,0},{1,1},{2,0}
{1,0},{0,1},{1,1},{1,2}
{0,1},{1,0},{1,1},{2,1}
{0,0},{0,1},{1,1},{1,2}
{0,1},{1,0},{1,1},{2,0}
{0,0},{0,1},{1,1},{1,2}
{0,1},{1,0},{1,1},{2,0}
INDOPROG 29
Pemrograman GDI+ pada VB.NET Hendra, S.T.
{0,1},{0,2},{1,0},{1,1}
{0,0},{1,0},{1,1},{2,1}
{0,1},{0,2},{1,0},{1,1}
{0,0},{1,0},{1,1},{2,1}
Contoh :
{0,0},{0,1},{0,2},{1,1}
{0,0},{1,0},{1,1},{2,0}
{1,0},{0,1},{1,1},{1,2}
{0,1},{1,0},{1,1},{2,1}
Yang selanjutnya dipetakan menjadi suatu array 4 dimensi yang berisi koordinat dari masing-
masing shape :
INDOPROG 30
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Konstruktor TShape
Konstuktor TShape merupakan metoda yang otomatis dijalankan begitu instance dari TShape
terbentuk.
Misalnya :
berfungsi menghasilkan bentuk Shape berikutnya yang akan dimunculkan setelah bentuk
sekarang dengan memanggil metoda generateshape.
Metoda GenerateNextShape
Metoda ini berfungsi memindahkan nextshape menjadi currentshape, serta membuat nextshape
yang berikutnya.
'Membuat next shape berikutnya, dan menset current shape
public sub generatenextshape()
currentshape = nextshape
currentcolor = nextcolor
currentstate = 0 'rotasi ke 0
generateshape(nextshape, nextcolor) 'buat nextshape baru
end sub
Sub GenerateShape
INDOPROG 31
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Catatan :
Parameter pada sub ini dilewatkan secara by refrence, sehingga nilai dapat dikembalikan ke
variable shape dan shapecolor.
Metoda Rotate
Metoda CurrentShapeSel
Properti ini berfungsi mengembalikan nilai sel yang ke i,j dari array shape yang tersimpan pada
array 4 dimensi sarr.
Nilai sel yang dikembalikan sangat tergantung pada nilai variable currentshape (bentuk shape),
dan currentstate (nomor rotasi)
INDOPROG 32
Pemrograman GDI+ pada VB.NET Hendra, S.T.
{1,0},{0,1},{1,1},{1,2}
Property NextShapeSel
Properti ini berfungsi mengembalikan nilai sel yang ke i,j dari array shape yang tersimpan pada
array 4 dimensi sarr.
Nilai sel yang dikembalikan sangat tergantung pada nilai variable nextshape (bentuk shape), dan
currentstate defaultnya 0, karena nextshape belum mengalami rotasi.
Class TGrid
Class ini berfungsi menyediakan mekanisme Grid pada permainan Tetris, dimana pada memori
computer diwakili dengan array dua dimensi, dengan gambaran sebagai berikut :
INDOPROG 33
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Merupakan array yang mewakili grid dilayar, jika suatu sel terisi gambar, maka nilai parr(x,y)
akan berisi nilai 1, dan carr(x,y) akan berisi nilai warna gambar.
Kontruktor TGrid
Begitu instance dari TGrid terbuat, maka akan mengisi awal array parr menjadi sebagai berikut,
yang akan menjadi bingkai dari grid, sehingga area permainan mulai dari (3,0) s/d (12,22)
INDOPROG 34
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Metoda TestShape
Metoda ini berfungsi mengisi nilai dari shape ke posisi x,y dalam grid, dengan syarat parr(x,y)
masih 0
'Menempatkan shape pada posisi x,y di grid
public sub putshape(x as integer, y as integer, s as tshape)
dim i as integer
for i = 0 to 3
INDOPROG 35
Pemrograman GDI+ pada VB.NET Hendra, S.T.
parr(x+s.currentshapesel(i,0), _
y+s.currentshapesel(i,1)) = 1
carr(x+s.currentshapesel(i,0), _
y+s.currentshapesel(i,1)) = s.currentcolor
next i
end sub
Misalnya putshape yang ke 4, keposisi 6,21 pada grid, yang akan mengisi nilai ke parr
Metoda TestShape
Metoda ini berfungsi mencoba apakah shape dapat ditempatkan pada posisi x,y dalam grid,
dengan syarat parr(x,y) masih 0
'Mengembalikan nilai yang menunjukan apakah
'shape dapat ditempatkan pada grid diposisi x,y
public function testshape(x as integer, y as integer, s as tshape)_
as boolean
dim i as integer
for i = 0 to 3
'apakah sel pada grid telah terisi ( > 0 )
if parr(x+s.currentshapesel(i,0), _
y+s.currentshapesel(i,1)) > 0 then
return false
end if
INDOPROG 36
Pemrograman GDI+ pada VB.NET Hendra, S.T.
next i
return true
end function
Metoda CheckGrid
Metoda ini berfungsi memeriksa apakah ada baris dalam array parr yang berisi nilai 1 dari kolom
3 s/d 12.
'periksa apakah ada baris yang berhasil diselesaikan pemain
public function checkgrid() as integer
dim i,j as integer
dim b,k as integer
dim complete as integer
complete = 0
i = 22
do while i > 3
j = 3
do while parr(j,i) <> 0 and j < 13
j=j+1
loop
if j = 13 then
beep 'sound beep
complete = complete + 1
for b = i to 4 step -1
for k = 3 to 12
parr(k,b) = parr(k,b-1)
carr(k,b) = carr(k,b-1)
next k
next b
else
i = i - 1
end if
loop
return complete
end function
end class
Misalnya array parr pada baris 22 berisi nilai 1 mulai baris 3 s/d 12, maka setelah metoda
ChekGrid dijalankan akan menghapus baris 22 dan mengeser baris diatasnya ke bawah, dan
mengembalikan nilai berapa baris yang berhasil diselesaikan.
INDOPROG 37
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Class Tetris
Class ini merupakan class utama permainan Tetris
Konstruktor Tetris
Berfungsi mempersiapkan tampilan form, seperti title form, ukuran form, menempatkan label
untuk keterangan score dan gameover, membuat objek Graphics yang akan digunakan untuk
menyediakan metoda pengambaran, serta mempersiapkan Shape berikutnya.
Metoda NextShape
Metoda ini berfungsi mempersiapkan shape berikutnya, dan menset interval timer 200 millidetik,
dan posisi awal shape mulai di posisi (7,0)
'metoda mempersiapkan shape berikutnya
private sub nextshape()
gtimer.interval = 200 'set interval 200 millidetik
INDOPROG 38
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Metoda MoveShape
Metoda ini berfungsi menggambarkan animasi pergerakan Shape pada posisi x,y sesuai dengan
arah gerakan yang ditentukan pada dx dan dy, misalnya bergerak ke kiri, kama dx = -1, dy = 0
'memindahkan shape keposisi x,y
private sub movexy(dx,dy)
clearshape() 'hapus gambar sebelumnya
x = x + dx 'ubah posisi x,y
y = y + dy
drawshape() 'gambar diposisi baru
end sub
Metoda MoveShape
Metoda ini berfungsi memperbaharui nilai score di layar
Metoda MoveShape
Metoda ini berfungsi mengubah tulisan di labelgameover menjadi “Game Over”
Event Tick
Event ini secara otomatis akan dibangkitkan oleh Timer secara berkala untuk mengerakan Shape
ke bawah, dengan senantiasa apakah Shape telah mencapai batas gerakan, jika ya, maka akan
memanggil metoda putshape pada TGrid.
INDOPROG 39
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Event KeyDown
Event ini secara otomatis akan dibangkitkan apabila adanya penekanan tombol oleh pemakai,
Jika panah atas akan merotasi shape
jika panah kiri akan mengerakan shape ke kiri
jika panah kanan akan mengerakan shape ke kanan
jika panah bawah akan mempercepat turunya shape
'deteksi penekanan tombol dengan event keydown pada form
private sub tetris_keydown(sender as object, e as keyeventargs) _
handles mybase.keydown
select case e.keyvalue
case 38, 104, 12,101 : 'Panah atas, 8, 5
gtshape.rotate() 'rotasi
'apakah hasil rotasi dapat ditempatkan diposisi x,y
if gtgrid.testshape(x,y,gtshape) then
'kalau ya, rotasi balik kembali
gtshape.derotate()
clearshape() 'hapus animasi shape
gtshape.rotate() 'rotasi
drawshape() 'gambar shape ke layar
else
gtshape.derotate()
end if
case 37, 100 : 'Panah kiri, 4
'jika shape dapat ditempatkan kekiri
if gtgrid.testshape(x-1,y,gtshape) then
movexy(-1,0) 'pindah ke kiri
end if
case 39, 102 : 'Panah kanan, 6
if gtgrid.testshape(x+1,y,gtshape) then
movexy(1,0)
end if
case 40, 98 : 'Panah bawah, 2 interval dipercepat
gtimer.interval = 10
end select
end sub
INDOPROG 40
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Metoda DrawSel
Metoda ini berfungsi menggambar sel Shape ke layar untuk animasi, metoda ini akan dipanggil
oleh metoda drawshape dan OnPaint
'menggambar sel dari suatu shape
private sub drawsel(pen as pen, brush as brush, _
x as integer, y as integer, _
w as integer, h as integer)
if y > 2 then
g.fillrectangle(brush,x*21,y*21,w,h)
g.drawrectangle(pen,x*21,y*21,w,h)
end if
end sub
Metoda DrawShape
Metoda ini berfungsi menggambar Shape ke layar dengan memanggil metoda DrawSel untuk
masing-masing sel
'mengambar shape secara sementara
private sub drawshape()
dim i as integer
dim pen as new pen(color.white,1)
dim brush as new solidbrush(gtshape.currentcolor)
for i = 0 to 3
drawsel(pen,brush, _
x+gtshape.currentshapesel(i,0), _
y+gtshape.currentshapesel(i,1), _
20,20)
next i
end sub
Metoda DrawShape
Metoda ini berfungsi menghapus Shape di layar dengan memanggil metoda DrawSel untuk
masing-masing sel (warna hitam)
'menghapus shape sementara
private sub clearshape()
dim i as integer
dim pen as new pen(color.black,1)
dim brush as new solidbrush(color.black)
for i = 0 to 3
drawsel(pen,brush, _
x+gtshape.currentshapesel(i,0), _
y+gtshape.currentshapesel(i,1),20,20)
next i
end sub
Metoda ReDrawNextShape
Metoda ini berfungsi menggambar NextShape di layar setiap adanya perubahan nextshape
INDOPROG 41
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Metoda ReDrawGrid
Metoda ini berfungsi menggambar ulang Grid dilayar
'mengambar ulang grid
private sub redrawgrid
dim i,j as integer
dim pen as new pen(color.white,1)
dim brush as new solidbrush(color.red)
for i = 3 to 12
for j = 3 to 22
if gtgrid.parr(i,j) <> 0 then 'Menggambar ulang isi grid
pen.color = color.white
brush.color = gtgrid.carr(i,j)
drawsel(pen,brush,i,j,20,20)
else
pen.color = color.black
brush.color = color.black
drawsel(pen,brush,i,j,20,20)
end if
next j
next i
pen.color = color.black
g.drawrectangle(pen,3*21-1,3*21-1,10*21+1,20*21+1)
end sub
Metoda OnPaint
Metoda OnPaint akan secara otomatis diaktifkan oleh windows setiap kali layar form Tetris
digambar ulang (misalnya waktu Maximize dan Minimize)
'melakukan overide terhadap sub onpaint pada base class
'untuk menggambar isi grid setiap proses refresh pada form
protected overrides sub onpaint(e as painteventargs)
redrawgrid()
redrawnextshape()
end sub
INDOPROG 42
Pemrograman GDI+ pada VB.NET Hendra, S.T.
Program Kongkret
option explicit on
imports system
imports system.drawing
imports system.windows.forms
imports microsoft.visualbasic
<system.STAThread> _
public shared sub main()
randomize()
application.run(new tetris)
end sub
INDOPROG 43
Pemrograman GDI+ pada VB.NET Hendra, S.T.
INDOPROG 44
Pemrograman GDI+ pada VB.NET Hendra, S.T.
gtimer.interval = 10
end select
end sub
INDOPROG 45
Pemrograman GDI+ pada VB.NET Hendra, S.T.
end class
INDOPROG 46
Pemrograman GDI+ pada VB.NET Hendra, S.T.
for i = 0 to 3
'apakah sel pada grid telah terisi
if parr(x+s.currentshapesel(i,0), _
y+s.currentshapesel(i,1)) > 0 then
return false
end if
next i
return true
end function
INDOPROG 47
Pemrograman GDI+ pada VB.NET Hendra, S.T.
INDOPROG 48
Pemrograman GDI+ pada VB.NET Hendra, S.T.
end select
end sub
end class
Kompilasi Program
Vbc tetris.vb /r:system.dll /r:system.drawing.dll /r:system.windows.forms.dll
INDOPROG 49