Belajar Membuat Game 2D Dengan Java dan Netbeans Bagian 6: Sistem Koordinat

Pada kesempatan kali ini akan di bahas mengenai sistem koordinat. Pada Java sistem koordinat grafik ini menggunakan satuan piksel.

Tutorial ini di buat berseri jadi setiap class dan kodenya dari tutorial bagian pertama terus berkaitan.Piksel itu sendiri adalah unit terkecil dari gambar digital atau grafik yang dapat ditampilkan dan diwakili pada perangkat tampilan digital.

Gabungan piksel membentuk gambar, video, teks, atau hal yang terlihat lengkap di layar komputer. Sebuah pixel juga dikenal sebagai elemen gambar.

Ok, kembali lagi ke koordinat dalam Java. Tidak seperti sistem koordinat cartesian yang mungkin pernah anda pelajari di sekolah, koordinat grafik Java di representasikan seperti gambar di bawah ini:

Java coordinate system
Sistem koordinat Java

Pertama yang menjadi perhatian adalah koordinat (0,0), atau x = 0, y = 0. Bila garis tebal itu adalah layar, maka koordinat (0,0) itu berada di paling ujung bagian kiri atas layar.

Kemudian, sebagai contoh, perhatikan koordinat (120, 150) atau x = 120 dan y = 150. Dari situ bisa dilihat pada nilai x jika semakin ke kanan nilainya semakin besar dan untuk nilai y semakin ke bawah nilainya juga akan semakin besar.

Demikan pula sebaliknya. Sedangkan perpotongan dari x dan y akan menjadi titik koordinatnya. Dengan demikian, anda bisa menentukan dimana gambar akan diletakkan.

Berikut ini adalah contoh menggambar kotak sederhana pada layar menggunakan objek Graphics. Jadi kita ubah sedikit kode pada method render() di class Game dari tutorial sebelumnya seperti di bawah ini:

Sekarang perhatikan pada method render().

Line 58:
graphics.clearRect(0, 0, lebar, tinggi);

Objek graphics akan membersihkan keseluruhan layar sebelum menggambar apa saja.

Line 61:
graphics.drawRect(120, 150, 100, 80);

Objek graphics akan menggambar sebuah persegi pada koordinat x = 120 dan y = 150, dengan ukuran lebar = 100 dan tinggi = 80 piksel.

Berikut ini adalah hasil ketika program di jalankan:

Menggambar persegi menggunakan drawRect()

Selanjutnya, jika anda ingin mengisi persegi tersebut dengan warna, mudah saja, ganti kode di line 61 itu dengan :

graphics.fillRect(120, 150, 100, 80);

Maka hasilnya adalah seperti di bawah ini:

menggambar persegi dengan fillRect
Menggambar persegi dengan fillRect()

Sedangkan jika anda ingin mengisi persegi tersebut dengan warna tertentu, misalnya hijau, itu mudah saja. Anda tinggal menggunakan method setColor seperti di bawah ini:

graphics.setColor(Color.GREEN);
graphics.fillRect(120, 150, 100, 80);

Jangan lupa ya, anda juga harus mengimport class java.awt.Color;.

Berikut ini adalah hasilnya:

menggambar persegi warna hijau dengan Java
Menggambar persegi warna hijau dengan method setColor() dan fillRect()

Ok, silakan bereksperimen dengan kode tersebut, misalnya dengan meletakkan persegi yang lain dengan warna, ukuran, dan posisi yang berbeda. Selain itu anda bisa juga mencoba method yang lain untuk menggambar garis dengan drawLine(), atau menggambar oval dengan drawOval(), dan method-method lainnya yang terdapat pada class Graphics.

Sampai di sini dulu ya, pada tutorial selanjutnya akan di bahas mengenai cara loading image dan menampilkannya pada layar. Salam.

Be the first to comment

Leave a Reply

Your email address will not be published.


*