MingW
MinGW (Minimalist GNU for Windows) adalah sekumpulan koleksi file header dan file library Windows yang gratis dan dapat didistribusikan, termasuk GNU Compiler Collection (GCC). Selain MinNW, Anda juga membutuhkan MSYS, untuk mempermudah pengembangan C++ di Windows dengan menggunakan perintah-perintah yang sama seperti di UNIX. Anda dapat mengunduh keduanya di “http://www.mingw.org/”. Yang Anda butuhkan adalah :
1. MinGW 5.14 Installer.
2. GCC Versi 3.4.5
3. GNU Make 3.81
4. MSYS
http://downloads.sourceforge.net/mingw/MSYS-

Pengaturan Netbeans
Setelah Anda menginstall Ogre SDK, Java, Netbeans beserta plugin C/C++, MinGW dan MSYS maka jalankanlah Netbeans. Klik File –> New Project, lalu pilih kategori C/C++ dan pilih Projects “C/C++ Application”. Beri nama proyek Anda, letakkan pada suatu folder, lalu klik Finish.
;
;
Sekarang Anda akan ditunjukkan proyek baru C/C++ di sebelah kiri Netbeans. Terdapat empat folder kosong yaitu folder “Header files”, “Resource Files”, “Source Files” dan “Important Files”. Klik kanan pada folder “Source Files”, pilih “Add Existing Item”, lalu tunjuk pada folder “/OgreSDK/samples/src” dan pilihlah file “CameraTrack.cpp”.
Agar proyek “cOgreDemo” dapat di Build, Anda harus melakukan pengaturan terlebih dahulu. Klik kanan pada proyek Anda, lalu pilih Properties. Sebuah proyek C++ di Netbeans memiliki dua konfigurasi, yaitu Debug dan Release. Pilih konfigurasi Debug.

Di dalam Categories, pilihlah Build –> C++ Compiler. Lalu klik tombol “…” di dalam “Include Directories” untuk menambah folder include yang diperlukan. Tambahkan “/OgreSDK/include” dan “/OgreSDK/samples/include”. Lakukan hal yang sama pada konfigurasi Release.

Untuk Preprocessor Definitions, tambahkan “WIN_32”, “_DEBUG” dan “_WINDOWS” untuk konfigurasi Debug, dan tambahkan “WIN_32”, “NDEBUG” dan “_WINDOWS” untuk konfigurasi Release.

Sekarang untuk pengaturan Linker, tambahkan file library “OgreMain_d” dan “OIS_d” yang berada di folder “/OgreSDK/bin/debug” dan masukkan folder tersebut ke dalam “Additional Library Directories”. Lakukan hal yang sama untuk konfigurasi Release dengan file library “OgreMain” dan “OIS”. Dan kedua konfigurasi, di “Additional Options”, masukkan pilihan “-Wl,–enable-auto-image-base, -Wl, –add-stdcall-alias”.

Saat ini, program Anda telah siap untuk di Build menjadi bentuk executable. Klik kanan pada proyek Anda, lalu pilih menu “Build”. Netbeans akan membuat file executable pada folder proyek Anda.

File executable yang tercipta, belum dapat Anda gunakan, karena aplikasi Anda, tidak mengetahui dimana keberadaan file library Ogre yang dibutuhkannya. Cara yang paling mudah untuk melihat contoh aplikasi Ogre adalah dengan mengatur “Run Directory” yang terdapat pada properti proyek Anda di kategori “Run”. Masukkan folder “/OgreSDK/bin/debug” untuk konfigurasi Debug dan “/OgreSDK/bin/release” untuk konfigurasi Release. Sekarang, aplikasi Anda dapat dijalankan melalui Netbeans.

2.1 Game-Loop
Game (digital game) adalah sebuah perangkat lunak (software) yang didalamnya terdapat sebuah perulangan secara terus menerus hingga aplikasi dihentikan, dimana didalam perulangan tersebut, aplikasi berinteraksi dengan penggunanya melalui alat masukan untuk mengikuti alur logika permainan. Perulangan tersebut disebut game-loop.

Garis tebal pada gambar di atas adalah garis alir dari game-loop. Dimulai dengan inisialisasi, aplikasi game mulai berjalan. Inisialisasi adalah sebuah proses menyiapkan variabel-variabel dan memberi nilai awal variabel tersebut, menyiapkan ruang memori untuk obyek-obyek game dan juga menyiapkan sebuah jendela. Inti dari proses inisialisasi adalah agar semua hal yang dibutuhkan oleh apliksi telah tersedia sebelum aplikasi memasuki game-loop. Sedangkan proses deinisialiasi, kebalikan dari proses inisialisasi, adalah proses penghapusan ruang memori yang menyimpan obyek-obyek game tersebut, agar ruang memori dapat digunakan oleh aplikasi lain.

Secara garis besar, di dalam game-loop, terdapat empat hal yaitu :
- Update
Update berarti merubah nilai variabel dengan nilai baru. Contohnya update transformasi (posisi, rotasi, skala) obyek di ruang 3D atau update logika permainan. Perubahan transformasi dan perubahan logika dapat dipicu oleh input.
- Membersihkan back-bufferbr
Back-buffer adalah ruang memori untuk tempat penggambaran sementara dari frame, sebelum frame ditampilkan di layar. Arti dari membersihkan back-buffer adalah mewarnai seluruh back-buffer dengan suatu warna tertentu.
- Render back-bufferbr
Frame yang ingin ditampilkan ke layar (on-screen image), di render terlebih dahulu pada back-buffer.
- Tampilkan ke layar monitor
Menyalin back-buffer ke layar agar pengguna dapat melihat tampilan aplikasi game yang ia mainkan.
- Input
Event Input (keyboard, mouse, network) mengirim sinyal ke aplikasi bahwa telah terjadi event dari suatu alat input. Sinyal apa yang diterima ditentukan oleh jenis alat input yang kemudian aplikasi menentukan untuk apa sinyal tersebut. Contoh sinyal yang menyatakan alat input KEYBOARD dengan tombol ESCAPE ditekan adalah untuk menghentikan aplikasi. Tanpa alat input, maka aplikasi game akan menjadi suatu animasi yang hanya ditonton oleh pengguna.

2.2 Proses Render Game
Menggunakan back-buffer (off-screen image) untuk menggambar frame, sebelum frame tersebut ditampilkan ke front-buffer (on-screen image) atau layar monitor, adalah suatu cara yang disebut double-buffering. Cara ini dapat menghilangkan tampilan berkedip-kedip (flicker). Gambar dibawah adalah proses penggambaran sebuah obyek.

Proses render sebuah obyek untuk satu frame,
kotak paling kanan menunjukkan bahwa obyek telah selesai digambar

Garis merah pada gambar tersebut merupakan batas horisontal dari berapa banyak obyek tersebut telah selesai di render. Bila proses render obyek dilakukan secara langsung pada layar, maka pengguna dapat melihat batas tersebut dan akan mengakibatkan flickering. Oleh karena itu, sebaiknya proses render obyek dilakukan di back-buffer agar pengguna tidak melihat proses render suatu obyek. Dan setelah penggambaran satu frame dinyatakan selesai, barulah kemudian frame tersebut ditampilkan di layar monitor.

In-game menu, adalah bagian dari game yang terdiri atas beberapa tombol dan berinteraksi dengan pemain melalui alat input (keyboard maupun mouse) untuk mengarahkan pemain menuju sub-bagian dari game loop. Umumnya aplikasi game memiliki in-game menu yang berfungsi untuk berbagai hal dari memulai sebuah game baru (new game), loading game yang tersimpan (load game), pengaturan / konfigurasi game (game options) hingga menu untuk keluar dari game (quit game), seperti tampak pada gambar di bawah. Pada bab ini Anda akan mempelajari pembuatan tombol dengan menggunakan sprite.

5.1 Menggerakkan kursor mouse

Pada bab sebelumnya, Anda telah melakukan pembuatan sebuah sprite yang ditujukan sebagai kursor mouse. Namun, Anda belum dapat menggerakkan kursor mouse tersebut karena Anda belum membuat fungsi yang memeriksa penekanan tombol dan pergerakan mouse sedangkan device mouse telah Anda buat melalui perintah

DirectInput->CreateDevice(GUID_SysMouse, &DIDeviceMouse, NULL)

Sebuah mouse umumnya terdiri atas 3 tombol (tombol kiri, tombol tengah yang beroda, tombol kanan). Pergerakkannya pun dapat dianggap berada pada sumbu x, y dan z. Perhatikan gambar mouse di bawah ini :

Di pasaran, sebuah mouse pasti memiliki tombol kiri dan tombol kanan tetapi belum tentu memiliki tombol tengah yang beroda (wheel). Ada juga yang memiliki tombol tengah yang tidak beroda. Untuk menggunakan device mouse, Anda panggil perintah Acquire dan kemudian menyimpan data penekanan dan pergerakan mouse pada struktur DIMOUSESTATE melalui perintah GetDeviceState.

Variabel lX, lY dan lZ digunakan untuk menyimpan pergerakan mouse. Nilai variabel tersebut akan berisi 0, 1 dan -1. Bila bernilai 0, mouse diartikan tidak bergerak pada sumbu tersebut, bila bernilai 1, mouse diartikan sedang bergerak ke kanan(X+) / atas(Y+) / maju(Z+) dan bila bernilai -1, mouse diartikan sedang bergerak ke kiri(X-) / bawah(Y-) / mundur(Z-). Array rgbButtons menentukan apakah tombol-tombol mouse ditekan(di klik) atau tidak.

Struktur DIMOUSESTATE ini menganggap terdapat maksimal empat tombol pada mouse. Walaupun saya belum pernah menggunakan tombol keempat, tetapi saya pernah melihat sebuah mouse dengan tombol keempat pada sisi mouse. Tombol rgbButtons[0] adalah tombol kiri mouse, rgbButtons[1] adalah tombol kanan mouse, rgbButtons[2] adalah tombol tengah mouse dan rgbButtons[3] adalah tombol keempat mouse yang, mungkin, terletak di sisi mouse. Perintah Acquire dan GetDeviceState dilakukan setiap frame di dalam game loop.

Untuk keyboard, sama seperti mouse yang harus di cek setiap frame penekanan tombolnya bila ingin digunakan di dalam game. Namun, data penekanan tombol keyboard disimpan dalam array sebanyak 256 buah. Untuk memudahkan programmer, DirectInput telah mendefinisikan ulang isi array tersebut agar mudah diingat. Contohnya nilai array 0×01 adalah DIK_ESCAPE (tombol ESC), 0×02 adalah DIK_1 (angka 1), 0×1E adalah DIK_A (huruf A), dsb. Untuk melihat keseluruhan definisi tersebut, lihat dokumentasi DirectX tentang “Keyboard Device Enumerated Type”.

Agar device keyboard dan mouse dapat digunakan di dalam game, tiap device harus memeriksa apakah terjadi penekanan tombol atau tidak. Bila terjadi penekanan tombol, maka ambil data tombol apa yang ditekan oleh pemain. Karena dimungkinkan device keyboard maupun mouse digunakan oleh aplikasi lain, maka Anda harus terus memanggil perintah Acquire sebelum mengambil state dari device. Fungsi AmbilMasukan() berikut akan melakukan tugas tersebut. Fungsi ini akan terus dipanggil sebelum proses render dilakukan. Ketikkan fungsi ini di dalam file “Gameku.cpp”.

Sekarang Anda akan membuat fungsi untuk menggerakkan kursor mouse. Umumnya kursor mouse adalah sprite 2D, walaupun dimungkinkan untuk menggunakan obyek 3D sebagai kursor mouse. Pada bab ini, Anda hanya menggunakan sprite 2D sebagai kursor mouse. Oleh karena itu, Anda hanya membutuhkan pergerakan mouse pada sumbu X dan sumbu Z saja. Ketikkan kode yang ditebalkan berikut di dalam file “DirectXku.h” :

Dan ketikkan kode yang ditebalkan berikut di dalam file “Gameku.cpp” :

Dua variabel yang menyimpan posisi kursor mouse pada sumbu X dan Y adalah fPosKursorX dan fPosKursorY. Nilai variabel tersebut akan bertambah satu bila mouse bergeser ke kanan (X) atau ke atas (Y). Begitu pula sebaliknya. Agar posisi kursor tidak melebihi ukuran jendela maka perlu ditetapkan batas-batas pergerakan kursor mouse.

Fungsi UpdateKursorMouse() dipanggil di dalam fungsi Render(). Kemudian nilai dari PosKursorX dan PosKursorY digunakan oleh spKursorMouse sebagai posisi penempatan obyek sprite tersebut.

Tidak sulit bukan ? Sekarang build aplikasi Anda. Dan perhatikan apa yang terjadi dengan kursor mouse pada saat Anda menggerakkan mouse.

5.2 Membuat Tombol

Anda akan membuat tombol dari beberapa sprite yang menyatakan keadaan ketika kursor mouse berada di atas tombol, tidak berada di atas tombol, dan ketika tombol ditekan.

	(over)keadaan ketika kursor mouse berada di atas tombol file : tombolover.png 131×43pixel
	(off)keadaan ketika kursor mouse tidak berada di atas tombol file : tomboloff.png 131×43pixel
	(on)keadaan ketika tombol di klik file : tombolon.png 131×43pixel

Karena Tombol sebenarnya adalah tiga buah sprite berukuran sama yang dalam proses render hanya salah satu dari ketiga sprite tersebut yang digambar, maka sebelum mendeklarasikan sebuah tombol, Anda perlu melakukan inisialisasi ketiga sprite tersebut. Variabel-variabel dan fungsi-fungsi yang dibutuhkan adalah sebagai berikut, ketik di dalam file “DirectKu.h” :

Fungsi Tombol::Init() hanya melakukan penunjukkan pada obyek sprite yang digunakan sebagai penampakan kondisi-kondisi Tombol. Di dalam fungsi ini juga dilakukan penentuan ukuran Tombol, yang pada awalnya ditentukan oleh ukuran sprite spTomOff. Jadi sebaiknya, gunakanlah ukuran sprite yang sama untuk tiap-tiap kondisi Tombol.

Fungsi Tombol::RenderDanCekStatusTombol() akan memeriksa posisi kursor mouse pada layar dan penekanan mouse, dan kemudian mengubah status tombol berdasarkan posisi kursor mouse dan penekanan mouse tersebut, apakah kursor mouse sedang berada di atas tombol (bTombolOver = TRUE), tombol sedang ditekan (bTombolOn = TRUE) atau tombol selesai ditekan (bTombolUp = TRUE). Setelah menentukan status tombol, Tombol::RenderDanCekStatusTombol() akan menentukan sprite yang mana yang harus ditampilkan.

5.3 Menggunakan Class Tombol

Class Tombol diatas membutuhkan tiga buah sprite, oleh karena itu hal yang perlu Anda lakukan adalah inisialisasi sprite-sprite tersebut. Saya akan memberi contoh penggunaan dua buah tombol. Dua buah tombol tersebut menggunakan sprite-sprite yang sama untuk menghemat memori. Pendeklarasian dilakukan seperti biasa yaitu :

Kemudian dilanjutkan dengan inisialisasi sprite-sprite tersebut saat aplikasi game pertama kali dijalankan.

Dan juga penghapusan sprite dari ruang memori bila aplikasi game dihentikan.

Bila pada penggunaan sprite bukan tombol, Anda mungkin sudah menuliskan perintah untuk penggambaran sprite di dalam fungsi Render(). Namun untuk penggunaan sprite tombol, proses penggambaran sprite tombol dilakukan oleh fungsi Tombol::RenderDanCekStatusTombol().

Deklarasikan dua buah tombol, satu untuk memulai permainan dan yang lain untuk menghentikan aplikasi.

Inisialisasikan kedua buah tombol tersebut agar menggunakan tiga buah sprite.

Kini kedua tombol Anda telah siap digunakan. Perhatikan pada fungsi Render(). Ketik kode tebal di bawah ini :

Untuk tomMulai, posisinya pada layar adalah (425,150). Di atas tombol tersebut digambar teks “MULAI” pada posisi (450, 165). Untuk tomKeluar, posisinya pada layar adalah (450,190). Di atas tombol tersebut digambar teks “KELUAR” pada posisi (475, 205). Bila mouse ditekan pada tomMulai, status tombol bTombolOn pada tomMulai menjadi TRUE, maka aplikasi akan menampilkan teks “tomMulai Ditekan…”. Bila mouse ditekan pada tomKeluar dan kemudian mouse tidak ditekan lagi, status tombol bTombolUp pada tomKeluar menjadi TRUE, maka aplikasi akan merubah nilai bKeluar menjadi TRUE yang berarti aplikasi dihentikan.

Perhatikan, bahwa penggambaran tombol-tombol dilakukan setelah penggambaran spSplashScreen dan sebelum penggambaran spKursorMouse. Anda harus memperhatikan urutan penggambaran obyek sprite pada back-buffer. Sprite yang berada paling belakang digambar paling awal, dalam kasus ini adalah spSplashScreen, dan sprite yang berada paling depan digambar paling akhir, dalam kasus ini adalah spKursorMouse.

Build dan jalankan aplikasi Anda. Dua gambar di bawah menunjukkan kondisi ketika kursor mouse sedang berada di atas salah satu tombol dan ketika salah satu tombol terus ditekan.

ketika kursor mouse menekan sebuah tombol

ketika kursor mouse di atas sebuah tombol

Perhatikan bahwa ketika tombol MULAI terus ditekan, teks “tomMulai Ditekan” terus ditampilkan. Sedangkan pada tombol KELUAR, ketika tombol KELUAR selesai ditekan, aplikasi akan dihentikan. Itulah perbedaan penggunaan status tombol, bahwa bTombolOn digunakan untuk tombol yang terus ditekan sedangkan bTombolUp digunakan untuk tombol yang sekali ditekan.

Dua tombol tersebut menunjukkan bahwa Anda telah membuat in-game menu yang berfungsi untuk mengarahkan pemain agar memulai permainan atau menghentikan aplikasi.

5.4 FAQ (Frequently Asked Questions)

Semoga FAQ ini dapat membantu Anda bila mendapat kesulitan…

Tanya : Mouse ?

Jawab : Karena pada fungsi ObyekSprite::InisialisasiSprite(), digunakan D3DPOOL_MANAGED untuk membuat vertex buffer, maka DirectX mengatur secara otomatis, apakah vertex buffer akan dibuat pada memori sistem atau memori kartu grafik. Kegagalan tersebut terjadi karena salah satu atau kedua memori tersebut telah penuh.

Tanya : Mengapa pada saat aplikasi melakukan inisialisasi sprite, muncul kotak pesan “Gagal : Loading Bitmap “Splash.BMP”.” ?

Jawab : Kegagalan tersebut terjadi karena aplikasi tidak dapat menemukan file “Splash.BMP” atau dapat juga terjadi karena memori sistem atau memori kartu grafik telah penuh.

Jalankan VisualC++ dan buka file “Gameku.dsw” pada folder “\BAB4-Sprite\sebelum”. Hapus fungsi GameLoop() di dalam file “Gameku.cpp”.

4.1 Sprite 2D

Pada DirectX versi 8 ke atas, DirectDraw tidak digunakan lagi untuk penggambaran obyek dua dimensi. Fungsi untuk melakukan hal tersebut telah diambil alih oleh DirectXGraphics. Walaupun DirectX memiliki interface sendiri untuk proses penggambaran sprite pada layar, yaitu ID3DXSPRITE, namun saya tidak menggunakan interface tersebut di dalam bab ini. Mengapa? Karena dengan membuat class sprite sendiri, Anda dapat belajar tentang loading bitmap untuk tekstur, mengerti tentang penggunaan vertex di dalam pembuatan polygon dan proses penggambaran polygon beserta teksturnya pada back buffer.

Perhatikan gambar di atas. Dalam pembuatan sprite, Anda membutuhkan empat buah vertex untuk membuat sebuah bujur sangkar. Bujur sangkar tersebut kemudian “diisi” dengan tekstur bergambar. Lebar dan tinggi bujur sangkar dibuat sama seperti lebar dan tinggi tekstur.

Dengan menggunakan metode Triangle Strips yang ada pada DirectX, Anda dapat membuat sebuah bujur sangkar dari dua buah polygon yang dibentuk oleh empat buah vertex. Polygon pertama dibentuk oleh vertex0, vertex1 dan vertex2. Polygon kedua dibentuk oleh vertex1, vertex2 dan vertex3.

Setiap vertex membutuhkan data posisi, warna, koordinat UV dan FVF yang digunakan. Anda pasti sudah mengerti maksud posisi dan warna vertex, tapi apa itu UV dan FVF. UV adalah koordinat tekstur yang menentukan bagaimana tekstur “ditempelkan” ke polygon (Lihat Dokumentasi DirectX mengenai Texture Wrapping), sedangkan FVF (Flexible Vertex Format) adalah format vertex untuk memberitahukan kepada sistem render bagaimana DirectX akan me-render vertex tersebut (Lihat Dokumentasi DirectX mengenai D3DFVF).

Posisi, warna, UV dan FVF vertex pembentuk sprite dinyatakan dalam sebuah struktur, yaitu SPRITEVERTEX. Ketikkan kode-kode yang ditebalkan dibawah ini untuk membuat struktur SPRITEVERTEX.

DirectX memiliki berbagai FVF yang dapat digunakan. Tetapi penggunaan FVF perlu memperhatikan kemampuan kartu grafik saat memproses vertex-vertex dengan format tersebut. Untuk sprite, Anda hanya memerlukan tiga buah format saja yaitu D3DFVF_XYZRHW, D3DFVF_DIFFUSE dan D3DFVF_TEX1. Berikut keterangannya :

1. D3DFVF_XYZRHW

Posisi vertex dapat ditransformasikan.

2. D3DFVF_DIFFUSE

Menggunakan komponen warna.

3. D3DFVF_TEX1

Menggunakan tekstur koordinat nomor 1.

Sekarang Anda akan membuat sebuah class yang mewakili penggunaan sprite dalam aplikasi DirectX Anda. Ketikkan kode di bawah ini :

Dua interface DirectX digunakan yaitu IDirect3DVertexBuffer9 (ditunjuk oleh variabel SpriteVB) dan IDirect3DTexture9 (ditunjuk oleh variabel TeksturSprite). Struktur D3DXIMAGE_INFO digunakan untuk mengambil informasi bitmap sebagai tekstur sprite. Struktur SPRITEVERTEX telah dijelaskan sebelumnya. Variabel bPNGAlpha, digunakan untuk menentukan apakah tekstur sprite memiliki transparansi (format PNG) atau tidak memiliki transparansi (format BMP). Fungsi InisialisasiSprite akan melakukan tugas inisialisasi sprite dimana parameter yang diperlukan adalah device Direct3D dan nama file bitmap tekstur sprite.

Hal yang pertama Anda lakukan pada fungsi InisialisasiSprite() adalah membuat vertex buffer. Apa itu vertex buffer ? Vertex buffer adalah ruang memori yang menyimpan informasi vertex. Device Direct3D membuat vertex buffer melalui perintah CreateVertexBuffer. Berikut keterangan pengisian parameter perintah CreateVertexBuffer pada kode di atas:

Bila vertex buffer berhasil dibuat, hal berikutnya adalah membuat tekstur sprite. Tekstur dibuat dari file bitmap melalui perintah D3DXCreateTextureFromFileEx. Perintah ini memiliki parameter yang cukup banyak untuk dijelaskan. Lihat dokumentasi DirectX tentang perintah tersebut.

Bila Vertex buffer dan tekstur telah berhasil dibuat di memori, hal berikutnya adalah mengambil informasi tekstur, kita memerlukan informasi panjang dan tinggi tekstur untuk menentukan panjang dan tinggi bujur sangkar.

Ketikkan kode berikut ini untuk membuat fungsi RenderSprite:

Hmm… cukup panjang ya… sekarang udah hampir jam 3 pagi. Ngantuk juga nih… huammm… Dikarenakan fungsi ObyekSprite::RenderSprite() dapat menggambar sprite pada posisi yang diinginkan, maka setiap fungsi ini dipanggil, Anda perlu menentukan kembali posisi-posisi vertex pada layar monitor berdasarkan posisi sprite (PosX,PosY) terhadap kiri atas window. Posisi kiri atas sprite, yaitu vertex1, adalah posisi acuan penempatan sprite (Lihat Gambar). Dari gambar dapat dilihat bahwa posisi X vertex0 adalah PosX, posisi Y vertex0 adalah PosY+SpriteInfo.Height. Begitupula dengan posisi vertex-vertex lainnya. Perlu diingat, sebelum memindahkan posisi vertex di dalam vertex buffer, Anda diharuskan mengunci vertex buffer dengan perintah Lock.

Perhatikan kode-kode berikut :

Sebelum sprite digambar ke back buffer dengan perintah DrawPrimitive, Anda diharuskan memberitahu kepada device bahwa tekstur yang digunakan adalah TeksturSprite, FVF yang digunakan adalah SPRITEVERTEX::FVF, dan vertex buffer yang digunakan adalah SpriteVB.

Sprite 2D tidak membutuhkan penggunaan cahaya(light) dan kabut (fog), kecuali sprite 3D atau yang biasa disebut billboard. Bila tekstur sprite memiliki transparansi, maka D3DRS_ALPHABLENDENABLE di-set TRUE agar dapat menggunakan transparansi tersebut.

Dan fungsi ObyekSprite yang terakhir adalah ObyekSprite::HapusSprite().

4.2 Menggunakan Class ObyekSprite

Bagaimana cara menggunakan class ObyekSprite yang telah Anda buat bila Anda memiliki sebuah file BMP sebagai splash-screen dan sebuah file PNG sebagai kursor mouse?

bitmap\splashscreen.bmp,
640×480 pixel
Tidak ada transparansi

bitmap\kursor.png
20×20 pixel
Memiliki transparansi alpha

Bukalah file “Gameku.cpp”. Hal pertama yang harus Anda lakukan untuk menggunakan dua bitmap di atas sebagai sprite adalah mendeklarasikan dua variabel bertipe ObyekSprite. Kemudian di dalam fungsi InitObyekGame(), gunakan perintah ObyekSprite::InisialisasiSprite() dengan memasukkan nama file bitmap di atas pada parameter kedua dari tiap-tiap ObyekSprite. Atur nilai bPNGAlpha pada sprite kursor mouse agar bernilai TRUE. Di dalam fungsi HapusObyekGame(), gunakan perintah ObyekSprite::HapusSprite(). Kemudian di dalam fungsi Render(), gunakan perintah ObyekSprite::HapusSprite() untuk menggambar sprite pada back buffer. Ketikkan kode-kode dibawah ini untuk melakukan menggunakan ObyekSprite.

Pada fungsi Render() di atas, terlihat bahwa sebelum penggambaran ObyekSprite dilakukan, back buffer harus dibersihkan terlebih dahulu dengan perintah Clear (0, NULL, D3DCLEAR_TARGET | D3DCLEAR_ZBUFFER, D3DCOLOR_XRGB(0,0,0),1.0f,0). Kemudian proses penggambaran ObyekSprite dilakukan di antara perintah BeginScene dan EndScene. Back Buffer ditampilkan ke layar monitor dengan perintah Present(NULL,NULL,NULL,NULL). Tidak terlalu rumit bukan ?

Compile dan Build aplikasi Anda. Berikut adalah gambar tampilan aplikasi Anda bila dijalankan.

Perhatikan sprite kursor mouse (gambar panah berwarna merah), amati bahwa Anda telah menggunakan transparansi untuk menggambar sprite tersebut. Kursor tersebut belum dapat Anda gerakkan, pada bab berikutnya Anda akan mempelajari tentang hal tersebut dan sekaligus membuat tombol dan in-game menu.

Selamat !!! Anda telah dapat membuat dan menggambar sprite. Sebenarnya masih banyak fitur dari sprite yang dapat kita buat. Contohnya penggunaan sprite beranimasi, mengatur transparansi, menampilkan sprite untuk beberapa frame saja, sprite dengan skew dan merubah warna difuse sprite untuk pemain berbeda. Di lain waktu dan kesempatan, saya akan mencoba membuat tutorial lain untuk menguprade fitur-fitur sprite yang Anda buat pada bab ini.

4.3 FAQ (Frequently Asked Questions)

Semoga FAQ ini dapat membantu Anda bila mendapat kesulitan…

Tanya : Mengapa pada saat aplikasi melakukan inisialisasi sprite, muncul kotak pesan “Gagal : Vertex Buffer Untuk “Splash.BMP”. Mungkin memori penuh?” ?
Jawab : Karena pada fungsi ObyekSprite::InisialisasiSprite(), digunakan D3DPOOL_MANAGED untuk membuat vertex buffer, maka DirectX mengatur secara otomatis, apakah vertex buffer akan dibuat pada memori sistem atau memori kartu grafik. Kegagalan tersebut terjadi karena salah satu atau kedua memori tersebut telah penuh.

Tanya : Mengapa pada saat aplikasi melakukan inisialisasi sprite, muncul kotak pesan “Gagal : Loading Bitmap “Splash.BMP”.” ?
Jawab : Kegagalan tersebut terjadi karena aplikasi tidak dapat menemukan file “Splash.BMP” atau dapat juga terjadi karena memori sistem atau memori kartu grafik telah penuh.

Pada bab ini akan dijelaskan mengenai cara melakukan inisialisasi Direct3D dan DirectInput. Direct3D adalah komponen yang mengatur penggunaan kartu grafik untuk operasi­-operasi 3D. Tetapi pada DirectX versi 8.0 ke atas, komponen ini digabungkan dengan DirectDraw sehingga operasi-operasi 2D pun dapat dilakukan hanya dengan melakukan inisialisasi Direct3D saja. Proses inisialisasi Direct3D adalah proses terpenting yang harus Anda lakukan terlebih dahulu.

Di dalam bab ini, kita juga akan menggunakan teks pembuka sebelum memasuki game loop. Teks pembuka ini berfungsi untuk menampilkan proses inisialisasi DirectX.

3.1 Membuat Header Baru

Kita akan memisahkan proses-proses yang berhubungan dengan DirectX dan proses-proses pada game loop. Proses-proses yang berhubungan dengan DirectX akan diletakkan pada header “DirectxKu.h”. Untuk membuat header, klik pada File–>New dan pada tab “Files” klik pada “C/C++ Header File”. Aktifkan pilihan “Add to project” dan beri nama header tersebut dengan “DirectXku.h”. Klik OK untuk membuat header tersebut dan pada workspace akan tampak header “DirectXku.h”.

3.2 Deklarasi Variabel Dan Fungsi

Pertama-tama kita deklarasikan variabel dan fungsi yang akan kita gunakan nanti.

Include header-header yang diperlukan. Header “d3dx9.h” diperlukan karena kita akan menggunakan komponen Direct3D. Header “dinput.h” diperlukan karena kita akan menggunakan komponen DirectInput. Header “stdio.h” diperlukan karena kita akan menggunakan fungsi “sprintf”, “strcpy” dan “strcmp” untuk memanipulasi string teks.

Untuk menggunakan font, kita perlu mendefinisikan atribut font. Atribut ini akan digunakan pada saat inisialisasi font.

typedef struct tagLOGFONT {

LONG lfHeight; //tinggi font

LONG lfWidth; // lebar font

LONG lfEscapement; // perputaran font

LONG lfOrientation; // orientasi font

LONG lfWeight; // ketebalan font

BYTE lfItalic; // nilai TRUE aktifkan Italic (miring)

BYTE lfUnderline; // nilai TRUE aktifkan Underline (garis bawah)

BYTE lfStrikeOut; // nilai TRUE aktifkan Strike Out (garis tengah)

BYTE lfCharSet; // set karakter

BYTE lfOutPrecision;

BYTE lfClipPrecision;

BYTE lfQuality;

BYTE lfPitchAndFamily;

TCHAR lfFaceName[LF_FACESIZE];

} LOGFONT, *PLOGFONT;

Berikut adalah keterangan variabel-variabel di atas :

Pembuatan fungsi-fungsi di atas akan dijelaskan pada sub-bab berikut.

3.3 Fungsi RenderTeks

Fungsi RenderTeks akan menggambar teks pada back buffer dengan teks dan posisi teks yang diinginkan ketika memanggil fungsi ini. Perintah untuk menggambar font yaitu DrawText diletakkan diantara fungsi Begin dan fungsi End. Perintah ini memiliki lima parameter yaitu sebagai berikut :

Gambar di sebelah dapat membantu Anda untuk memahami proses penggambaran teks pada back buffer.

3.4 Fungsi InisialisasiDirectX

Berikutnya adalah proses terpenting di dalam menggunakan DirectX yaitu proses inisialisasi. Inisialisasi adalah proses mengalokasikan ruang memori untuk interface DirectX dan obyek-obyek game (bitmap, model 3D, dll) agar dapat dimanfaatkan dan dimanipulasi nantinya. Gambar berikut menjelaskan urutan-urutan dari proses inisialisasi Direct3D dan DirectInput.

Sangat mudah sekali untuk melakukan proses inisialisasi Direct3D karena DirectX memiliki perintah untuk melakukan proses tersebut yaitu Direct3DCreate9. Bila gagal, maka aplikasi akan menampilkan teks “Inisialisasi Direct3D… Gagal” dan aplikasi dihentikan.

Untuk meminimalisasi kesalahan yang terjadi akibat perbedaan format antara back buffer dengan desktop, akan lebih baik bila kita memeriksa mode tampilan dekstop terlebih dahulu dan kemudian menyamai format tersebut untuk back buffer, walaupun dimungkinkan untuk menggunakan format-format yang berbeda untuk back buffer. Lihat dokumentasi DirectX SDK untuk melihat perbedaan format-format tersebut.

Perintah GetAdapterDisplayMode akan mengambil informasi mode tampilan dekstop (resolusi, format, refresh rate) dan menyimpannya pada variabel ModeTampilanDekstop.

Saatnya untuk membuat device yang merepresentasikan kartu grafik pada sistem komputer dengan menggunakan perintah CreateDevice. Tetapi sebelumnya, Anda harus mengatur beberapa parameter-parameter penting Direct3D (seperti tampak pada source-code di atas). Parameter-parameter tersebut merupakan anggota dari struktur D3DPRESENT_PARAMETERS, yang keseluruhannya dapat Anda lihat pada tabel di bawah ini:

Perintah CreateDevice tersebut memiliki beberapa parameter yaitu :

Inisialisasi font dilakukan oleh perintah D3DXCreateFontIndirect yang menggunakan LOGFONT yang telah Anda definisikan sebelumnya. Kemudian inisialisasi DirectInput dilakukan. Pada DirectX9, tidak ada perubahan mengenai komponen DirectInput. Sehingga, kita akan menggunakan perintah DirectInput8Create dari DirectX8.

Pembuatan device keyboard dilakukan dengan perintah CreateDevice dengan menggunakan GUID_SysKeyboard pada parameter pertama dari perintah ini. Setelah device berhasil dibuat, Anda diharuskan mengatur format data dari device dengan menggunakan c_dfDIKeyboard pada perintah SetDataFormat. Kemudian device keyboard menunjuk pada window aplikasi game kita (hWnd) dan device keyboard dapat digunakan bila window aktif atau tidak aktif (DISCL_BACKGROUND) dan device keyboard tidak mengganggu window lain (DISCL_NONEXCLUSIVE).

Pembuatan device mouse hampir mirip dengan pembuatan device keyboard. Bedanya hanya pada GUID dan format data dimana device mouse harus menggunakan GUID_SysMouse dan format data c_dfDIMouse.

3.5 Fungsi HapusSemuaObyekDirectX

Sebelum aplikasi ditutup, seluruh obyek DirectX harus dihapus dari memori agar ruang memori yang telah digunakan oleh obyek DirectX tersebut dapat digunakan oleh aplikasi lain. DirectX mememiliki perintah untuk menghapus obyek-obyek dari interface DirectX yang tidak diperlukan lagi, perintah tersebut adalah Release. Urutan proses penghapusan obyek ini merupakan kebalikan dari urutan proses inisialisasi, dimana obyek yang terakhir dihapus adalah obyek dari interface Direct3D.

3.6 Menggunakan Header “DirectXku.h”

Fungsi InisialisasiDirectX dan fungsi HapusSemuaObyekDirectX pada header “DirectXku.h” akan digunakan pada file source “Gameku.cpp”. Untuk menggunakan fungsi-fungsi tersebut, include header “DirectXku.h”. Lihat kembali source “Gameku.cpp” dan ketikkan kode yang ditebalkan di bawah ini:

Kini kita dapat menggunakan seluruh variabel dan fungsi­-fungsi yang terdapat pada header “DirectXku.h”. Pada fungsi WinMain, kita akan memanggil fungsi InisialisasiDirectX dan fungsi HapusSemuaObyekDirectX. Perhatikan fungsi WinMain dan ketikkan kode yang ditebalkan di bawah ini..

3.7 Compile Dan Build

Sebelum Anda melakukan compile dan build aplikasi game Anda, satu hal lagi yang perlu Anda lakukan yaitu me-link library-library DirectX yang kita gunakan. Klik menu Project–>Settings dan klik tab “Link”. Anda akan melihat library-library yang akan di-link saat proses build aplikasi Anda. Library-library tersebut adalah library standar pembuatan aplikasi window.

Karena kita telah melakukan inisialisasi Direct3D dan DirectInput maka kita harus me-link library “d3d9.lib” dan “dinput8.lib”. Interface font berada pada library “d3dx9.lib”. Pada saat pembuatan device keyboard dan device mouse kita menggunakan GUID DirectX, maka kita harus me-link library “dxguid.lib”. Maka library-library yang akan di-link akan tampak seperti pada gambar di bawah ini…

Sekarang Anda dapat melakukan compile dan build aplikasi Anda. Klik pada menu Build–>Rebuild All. Selamat !!! Anda telah dapat menyiapkan Direct3D dan DirectInput untuk aplikasi game Anda. Cukup menyenangkan bukan? Gambar di bawah adalah tampilan window aplikasi Anda.

Keseluruhan source-code dan EXE dari bab ini, silahkan buka file “Bab3-InisialisasiDirectX.ZIP”. Mohon maaf bila terdapat kesalahan penulisan kode pada bab ini.

3.9 FAQ (Frequently Asked Questions)

Semoga FAQ ini dapat membantu Anda bila mendapat kesulitan…

Tanya : Kenapa pada saat compile, VC++ menampilkan pesan “error C2065:

‘InisialisasiDirectX’ : undeclared identifier” dan “error C2065:

‘HapusSemuaObyekDirectX’ : undeclared identifier” ?

Jawab : “Undeclared identifier” berarti suatu variabel atau fungsi yang digunakan belumlah di deklarasikan. Tetapi karena kita yakin sekali bahwa fungsi InisialisasiDirectX dan fungsi HapusSemuaObyekDirectX telah kita buat pada header “DirectXku.h”, maka kesalahan ini disebabkan karena kita belum meng-include header “DirectXku.h”. Pastikan Anda telah meng-include header ini pada source “Gameku.cpp”. Pastikan juga Anda telah meng-include header-header yang diperlukan oleh header “DirectXku.h” seperti “d3dx9.h”, “dinput.h” dan “stdio.h” karena bila hal ini tidak Anda lakukan… akan menyebabkan kesalahan yang sama seperti kasus di atas.

Tanya : Mengapa pada saat build, VC++ menampilkan pesan “Unresolved external symbol…” seperti pada gambar di bawah ??

Jawab : “Unresolved external symbol…” terjadi karena VC++ tidak menemukan simbol pada library yang diperlukan untuk membentuk aplikasi Anda. Pada tutorial ini digunakan library DirectX “dxguid.lib, dinput8.lib, d3d9.lib”. Pastikan Anda telah mengatur library

tersebut pada Project Settings untuk di-link oleh VC++.

Tanya : Bisakah saya menampilkan aplikasi secara full-screen ?

Jawab : Bisa banget ! Atur nilai dari anggota Windowed dari parameter Direct3D (Direct3D_PP.Windowed) agar bernilai FALSE.

Tanya : Mengapa ketika saya jalankan, aplikasi menampilkan kotak pesan “Inisialisasi Direct3D… Gagal” ?

Jawab : Hmm… saya belum pernah mengalami hal ini. Tetapi mungkin kesalahan di atas disebabkan karena terkorupsinya DLL Direct3D atau driver kartu grafik Anda. Coba install ulang DirectX 9 Runtime atau driver kartu grafik Anda.

Tanya : Mengapa ketika saya jalankan, aplikasi menampilkan kotak pesan “Gagal Membuat Device Direct3D” ?

Jawab : Kesalahan tersebut disebabkan karena pada saat pembuatan device Direct3D, format depth-buffer tidak dapat dilakukan oleh DirectX. Mungkin kartu grafik Anda tidak mendukung format tersebut. Perhatikan parameter Direct3D “Direct3D_PP.AutoDepthStencilFormat = D3DFMT_D16;” dan cobalah ubah nilainya dengan format lainnya. Format back buffer… saya rasa tidak ada masalah karena kita menggunakan format tampilan desktop. Bila desktop Anda menggunakan 32-bit dan aplikasi gagal dijalankan, coba ubah desktop Anda menjadi 16-bit. Saya pernah

mengalami ini ketika game saya di coba ke komputer teman yang menggunakan format desktop 32-bit.

OK… ini akhir dari bab 3 saya… mudah-mudahan berguna bagi Anda.

Saran, kritik maupun pekerjaan untuk saya dapat Anda kirimkan melalui e-mail, atau menghubungi saya di Yahoo Messenger (ID Apineraka_dn) ketika saya online.

Salam…

Aji Pamungkas

Pada bab ini akan dipelajari pembuatan sebuah window yang akan digunakan oleh DirectX untuk menampilkan frame hasil render. Bila Anda telah mengetahui cara membuat sebuah window, Anda dapat melewati bab ini. Bab ini dan bab seterusnya mengharap Anda telah mengerti perintah dasar C++ misalnya apa itu komentar, tipe-tipe data, global, private, public, class, if, if-else, switch, while dan sebagainya. Carilah buku dan referensi mengenai bahasa C++.

2.1 Tentang Window

Sebuah aplikasi game pada PC memerlukan sebuah window sebagai tempat untuk menampilkan frame hasil render. Berbeda dengan aplikasi-aplikasi jenis lain, sebagian besar aplikasi game menggunakan seluruh ruang (viewport / client-area) pada window untuk menampilkan frame walaupun dimungkinkan untuk menggunakan sebagian ruang window. Hal ini dilakukan agar pengguna dapat melihat tampilan aplikasi secara lebih jelas dan detil bila aplikasi ditampilkan dalam bentuk jendela.

Perhatikan perbedaan kedua window ini. Window disebelah kiri menggunakan sebagian ruang window sebagai viewport, sedangkan window disebelah kanan menggunakan seluruh ruang window sebagai viewport. DirectX menampilkan hasil render pada viewport tersebut. Tutorial ini akan menggunakan “Single document window”.

2.2 Membuat Window

Membuat sebuah window tidaklah terlalu sulit. Yang terpenting adalah Anda mengetahui dan mengerti caranya. Berbeda dengan Delphi yang memiliki Form untuk mempermudah pembuatan window, pemrogram VC++ harus membuat window sendiri.

1. Klik File–> New dan pada tab Projects, buatlah sebuah “Win32 Application” dengan nama “Gameku”. Klik OK maka VC++ akan meminta Anda untuk memilih satu diantara “An empty project”,

“A simple Win32 Application” atau “A typical ‘Hello World!’ Application”. Pilihlah “An empty project” karena Anda akan mempelajari pembuatan sebuah window dari awal. Klik Finish untuk membuat sebuah “empty project”.

2. Perhatikan workspace Anda. Sebuah project baru telah terbentuk tetapi project tersebut masih kosong. Kemudian klik FileàNew dan pada tab Files pilihlah “C++ Source Files”. Isi dengan name “Gameku” dan aktifkan pilihan “Add to Project”. Klik OK untuk membuat file “Gameku.cpp”.

3. Perhatikan workspace Anda. File “Gameku.cpp” telah terbentuk. Klik ganda file tersebut dan VC++ akan membawa Anda pada editor. Pada Editor inilah Anda akan melakukan coding (menulis kode program).

4. Untuk membuat sebuah window, Anda dapat menggunakan file “windows.h” yang merupakan header bawaan VC++ (Anda tak perlu bingung mencarinya). Ketikkan saja :

Variabel bKeluar akan digunakan untuk menutup aplikasi. Fungsi main merupakan fungsi utama C++ yang akan dipanggil pertama kali bila sebuah aplikasi dijalankan. Pada pemrograman GUI (graphic user-interface) di Windows, fungsi main diubah menjadi fungsi WinMain. Fungsi ini memerlukan empat buah parameter untuk diisi ketika ia dipanggil.

Berbeda dengan aplikasi DOS, aplikasi Windows merupakan event-driven. Maksudnya adalah aplikasi window menunggu sistem untuk mengirim input dan pesan (message) mengenai apa yang terjadi pada window tersebut. Karena di sebuah window (parent window) dimungkinkan memiliki window-window lainnya (child window), maka diperlukan sebuah prosedur yaitu sebuah fungsi yang akan memproses pesan yang dikirim oleh sistem.

Perhatikan gambar di bawah ini untuk memahami pengertian parent window dan child window. Dekstop merupakan parent bagi Window Dev-C++ dan Window VC++. Jadi bila Anda menutup Desktop, maka child window dari Desktop juga akan ditutup. Window VC++ memiliki child dan menjadi parent bagi Window Basetsd.h, Window Stlcomp.h dan Window Gameku.cpp. Child window tersebut akan ditampilkan ketika Anda melakukan editing. Bila Anda menutup Window VC++, maka seluruh child window dari VC++ juga akan ditutup tetapi Window Dev-C++ tidak akan ditutup.

Pada aplikasi game, jarang sekali yang menggunakan banyak window di dalam sebuah window untuk berinteraksi dengan pengguna. Sebagian besar aplikasi game hanya memiliki satu window yang full-screen dan satu prosedur. Bagaimana membuat prosedur untuk memproses input-input yang terjadi pada window dari aplikasi game ?

5. Ketikkan kode berikut dibawah komentar “// fungsi-fungsi” dan sebelum fungsi main.

Pesan-pesan yang terjadi, disimpan oleh variabel “msg”. Bila terdapat pesan WM_KEYDOWN dengan wParam VK_ESCAPE maka aplikasi akan ditutup. Begitupula bila terjadi pesan WM_DESTROY. Fungsi DefWindowProc akan memastikan bahwa semua pesan harus diproses. Pesan-pesan yang mungkin terjadi diantaranya :

6. Saatnya membuat window. Ketikkan kode yang ditebalkan berikut ini :

Sebelum membuat window, terlebih dahulu Anda harus membuat window class berdasarkan struktur WNDCLASSEX. Kemudian anggota window class tersebut Anda isi sebelum di-register dengan perintah RegisterClassEX. Berikut adalah penjelasan dari beberapa anggota struktur WNDCLASSEX :

Window dibuat dengan perintah CreateWindow dengan mengisi parameter-parameter fungsi tersebut. Berikut adalah penjelasan parameter-parameter tersebut :

HWND CreateWindow(LPCTSTR lpClassName, LPCTSTR lpWindowName, DWORD dwStyle, int x, int y, int nWidth, int nHeight, HWND hWndParent, HMENU hMenu, HINSTANCE hInstance, LPVOID lpParam);

Perulangan di atas akan terus dilakukan selama variabel bKeluar tidak bernilai TRUE. Kita telah mengatur bahwa bila terjadi pesan WM_KEYDOWN dengan wParam VK_ESCAPE, maka variabel bKeluar akan bernilai TRUE. Penekanan tombol ESC pada keyboard tersebut akan menghentikan perulangan tersebut. Perulangan ini disebut juga game loop pada aplikasi game.

Hal pertama yang harus dilakukan adalah melihat apakah terdapat pesan dengan menggunakan fungsi PeekMessage. Bila terdapat terdapat pesan, maka pesan tersebut akan diterjemahkan dan dikirim ke prosedur pesan (MsgProc). Jika tidak terdapat pesan, maka game akan ditampilkan. Hal ini akan menyebabkan, misalkan window di maximize atau sedang dipindahkan, maka game tidak akan ditampilkan. Di dalam game loop inilah semua hal yang berhubungan dengan game Anda, misalkan rendering dan logika game, akan dilakukan.

Fungsi DestroyWindow akan menutup window. Fungsi ini akan dipanggil bila aplikasi keluar dari game loop. Bila nanti Anda telah mempelajari inisialisasi interface DirectX, maka proses menghapus interface tersebut dari memori, akan dilakukan sebelum fungsi DestroyWindow dipanggil.

2.3 Tampilan Aplikasi

Compile, Build dan jalankan aplikasi Anda. Maka tampilan window yang telah Anda buat akan tampak seperti gambar di bawah ini. Selamat !!! . Untuk melihat keseluruhan source-code dan EXE dari bab ini, silahkan buka file “BAB2-Pembuatan Window”.

Didalam bab ini akan sedikit dijelaskan mengenai tool-tool yang Anda butuhkan, apa itu DirectX, proses installasi DirectX, menyiapkan VC++ agar dapat menggunakan DirectX dan membuat aplikasi DirectX dengan menggunakan wizard. Ketika saya baru pertama kali mempelajari DirectX, saya sempat frustasi menyiapkan DirectX pada VC++. Oleh karena itu, bila Anda seorang pemula, bacalah bab ini dengan seksama karena bab ini merupakan dasar dari penggunaan DirectX pada VC++. Tetapi bila Anda telah mengetahui semua hal tersebut, Anda dapat melewati bab ini.

1.1 Tool-tool yang dibutuhkan

Untuk membuat sebuah game 3D dengan menggunakan DirectX, tool-tool berikut wajib Anda miliki:

1. DirectX SDK 9.0

SDK ini dapat Anda download dari situs Microsoft. Dikarenakan ukurannya yang sangat besar untuk didownload, Anda dapat mencari CD DirectX SDK di toko-toko yang menjual CD Software atau meminjam dari teman Anda yang memilikinya. Ukuran yang besar tersebut disebabkan oleh banyaknya contoh-contoh aplikasi DirectX (pada folder Samples), sedangkan yang Anda butuhkan, minimal, hanyalah file-file include(.H), library (.LIB) dan dokumentasi (.CHM).

2. IDE (Integrated Development Environment)

IDE adalah sekumpulan tool-tool untuk mengembangkan sebuah perangkat lunak pada suatu sistem operasi. Umumnya IDE terdiri atas editor, compiler dan builder. Aplikasi DirectX dapat di-compile dan di-build dengan mulus bila Anda menggunakan Visual C++ 6.0 atau Visual Studio .NET 2003. Dikarenakan IDE tersebut tidak gratis, Anda dapat menggunakan IDE CodeBlocks (www.codeblocks.org) dengan compiler Microsoft VC++ Toolkit 2003 dan Microsoft Platform SDK.

3. 3D Model Editor dan Image Editor

3D Model Editor digunakan untuk membuat model-model 3D dengan animasinya. Tool-tool 3D Model Editor yang umum digunakan adalah 3D Studio Max, Maya dan Milkshape3D. Tool gratis yang dapat Anda gunakan yaitu Blender 3D. Model 3D yang Anda buat diharuskan untuk disimpan dalam format DirectX, yaitu X. Terdapat beberapa plug-in yang dapat meng-export model Anda tersebut untuk dijadikan format X. DirectX memiliki sebuah program, conv3ds.exe, yang tersimpan didalam folder “bin” pada SDK DirectX. Program tersebut dapat mengkonversi model Anda yang disimpan dengan format 3DS agar menjadi format X.

Sedangkan Image Editor digunakan untuk membuat dan memanipulasi suatu image (gambar/citra) dimana format image yang dapat digunakan oleh DirectX adalah format BMP, GIF, JPG dan TGA. Tool-tool yang umum digunakan adalah Adobe Photoshop dan Paint Shop Pro. Tool gratis dari Image Editor ini adalah The Gimp yang kini tersedia untuk Windows dan Linux.

4. Tekad, semangat dan kemauan keras

Ini tool yang Anda perlukan bagi diri Anda sendiri. Tanpa tool ini, apapun yang Anda lakukan, takkan mencapai tujuan yang Anda inginkan. Masuki alam bawah sadar Anda dan sugestikan di dalam pikiran Anda (kayak program hipnotis di tipi aja), bahwa Anda bisa dan mampu untuk mencapai tujuan yaitu membuat game 3D dengan DirectX.

Selain tool-tool wajib tersebut, satu hal yang perlu Anda perhatikan adalah jangan terlalu asik bersama komputer untuk membuat game. Bagilah waktu untuk kehidupan sosial Anda misalnya pergi jalan-jalan bersama teman, bergosip ria, fitness (olahraga) atau berduaan dengan sang pacar (kalo punya lho…). Jangan seperti saya yang di PHK (putus hubungan kekasih) gara-gara di depan komputer terus.

1.2 DirectX oh DirectX

DirectX merupakan sekumpulan API (Application Programming Interface) yang dikembangkan oleh Microsoft Corporation. API ini menyediakan berbagai interface, perintah serta fungsi untuk pengembangan aplikasi waktu nyata (real-time) dengan performa tinggi pada sistem operasi Windows. DirectX dapat digunakan secara gratis (bila Anda memiliki lisensi legal dari Windows yang Anda gunakan) dan dapat di-download dari situs Mirosoft (www.Microsoft.com/directx). SDK DirectX berisi file-file header berekstensi h, file-file library berekstensi LIB, file-file binari utilitas, contoh-­contoh aplikasi DirectX dan dokumentasi.

Motivasi utama Microsoft mengembangkan DirectX adalah dikarenakan performa aplikasi game dan aplikasi multimedia tanpa DirectX untuk platform Windows95 jauh dibawah performa aplikasi yang sama bila dikembangkan pada platform DOS. Tetapi kekurangan pemrograman aplikasi DOS yaitu yang harus memperhatikan konfigurasi perangkat keras yang berbeda-beda, menyebabkan para pemrogram memerlukan waktu dan biaya tambahan agar perangkat lunak yang dikembangkan menjadi kompatibel dengan berbagai perangkat keras.

Tutorial ini akan menggunakan DirectX versi 9.0. Bila Anda memiliki SDK DirectX terbaru, SDK tersebut dapat Anda gunakan dengan kode-kode yang terdapat dalam tutorial ini. DirectX versi 9.0 terdiri atas beberapa komponen sebagai berikut :

1. DirectXGraphics

Merupakan kombinasi dari dua komponen yang sebelumnya terpisah, pada DirectX versi 7 kebawah, yaitu Direct3D dan DirectDraw. Microsoft juga memberikan beberapa interface tambahan pada komponen ini, yaitu Direct3DX, yang mempermudah pemrogram untuk melakukan tugas-tugas manipulasi mesh, pembuatan buffer untuk menyimpan data-data vertex, mempermudah operasi loading file model 3D, penggunaan font dan penggunaan sprite.

2. DirectXAudio

Komponen ini digunakan untuk pemrograman suara digital (WAV) dan musik (MIDI).

3. DirectInput

DirectInput menangani input dari perangkat pengontrolan di dalam aplikasi game termasuk mouse, keyboard dan joystick.

4. DirectPlay

DirectPlay menangani koneksi pada suatu jaringan komputer seperti koneksi Internet, koneksi menggunakan protokol TCP-IP dan direct connection.

5. DirectShow

Komponen DirectShow berisi perintah-perintah untuk pembuatan aplikasi media streaming seperti menangkap dan memainkan format file audio video.

Ketersediaan seluruh komponen-komponen game PC (grafik, suara, musik, networking dan instalasi) dan dominasi sistem operasi Windows pada desktop computer, menjadikan DirectX sebagai API yang sering digunakan oleh para pengembang game. Kelebihan yang dimiliki DirectX adalah kemampuan untuk mengakses Hardware Abstraction Layer (HAL). Hardware Abstraction Layer merupakan fitur-fitur tambahan pada kartu grafik untuk meningkatkan performa operasi-operasi grafik 2D dan 3D. Kelebihan lainnya yaitu kemampuan emulasi (menyamai) fitur-fitur HAL seandainya kartu grafik pada sistem tidak memiliki fitur-fitur HAL. Proses emulasi ini disebut dengan Hardware Emulation Layer (HEL) tetapi akan mengakibatkan aplikasi berjalan lebih lambat.

DirectX memiliki banyak interface dan perintah yang tersimpan di dalam file –file dynamic link library (DLL). Ketika suatu aplikasi DirectX dijalankan, sistem operasi Windows memanggil file DLL DirectX yang menyimpan interface dan perintah tersebut. Beberapa interface penting DirectX dapat dilihat pada tabel dibawah ini.

1.3 Installasi SDK DirectX

Setelah Anda memiliki SDK DirectX, jalankan file “setup.exe” atau “install.exe”. Install pada folder “C:\DXSDK”. Setelah proses installasi selesai, maka drive C Anda akan bertambah ratusan mega akibat proses installasi tersebut :D.Berikut tampilannya…

Pada saat proses installasi, bila pada sistem Anda tidak terdapat runtime DirectX versi 9, maka Anda akan diminta untuk menginstall runtime DirectX tersebut. Anda juga dapat membatalkan installasi runtime DirectX bila Anda yakin pada sistem Anda telah terinstall DirectX 9.0. Untuk memastikannya, klik Start–> Run dan ketikkan “dxdiag” pada window Run. Setelah window DirectX Diagnostic Tool muncul, Anda dapat melihat versi DirectX yang terinstall pada komputer Anda. Windows XP telah memiliki runtime DirectX 8.1. Bila Anda menggunakan SDK DirectX 8.1, maka Anda tak perlu melakukan installasi runtime. Pastikan versi runtime DirectX tersebut sama atau lebih tinggi dari versi SDK DirectX yang akan Anda gunakan.

1.4 Menyiapkan VC++

Hal berikut yang harus dilakukan adalah menyiapkan VC++ agar dapat menggunakan SDK DirectX. Terdapat dua versi Visual C++ yang umum digunakan yaitu VC++ 6.0 pada Visual Studio 6.0 dan VC++ .NET pada Visual Studio .NET 2003. Menyiapkan VC++ pada kedua versi tersebut tidaklah jauh berbeda. Bila Anda menginstall SDK DirectX pada folder “C:\DXSDK” maka persiapan tersebut adalah :

1. Pada VC++ 6.0 klik pada menu Tools–>Options dan tab Directories. Lihat Combo-box “Show directories for:” dan pastikan berada pada menu “Include files”. Kemudian tambahkan informasi direktori “C:\DXSDK\Include”. Pastikan direktori ini berada paling atas diantara direktori-direktori standar VC++.

2. Lihat kembali Combo-box “Show directories for:” dan ubah menjadi “Library files”. Tambahkan informasi direktori “C:\DXSDK\Lib” ke dalamnya. Tekan OK. Dan kini VC++ Anda telah mengetahui folder tempat file-file header dan library dari SDK DirectX. Hal ini penting di dalam proses compile dan build aplikasi Anda nantinya. Pastikan direktori ini berada paling atas diantara direktori-direktori standar VC++.

1.5 Mencoba Wizard Untuk Membuat Aplikasi DirectX 9

Bila Anda melakukan installasi SDK DirectX setelah installasi VC++, maka secara otomatis proses installasi akan menambahkan sebuah application wizard untuk aplikasi DirectX 9.0.

Untuk melihat apakah terdapat DirectX9 AppWizard pada VC++ Anda, klik menu File–>New dan klik tab Projects. Perhatikan wizard yang terdapat di window tersebut. Bila terdapat DirectX9 AppWizard, isikan nama project Anda, misalkan “tesDX1”. Secara otomatis VC++ akan membuatkan folder “tesDX1”. Klik OK.

Application Wizard ini dapat Anda gunakan untuk melakukan pengetesan apakah SDK DirectX dan VC++ telah disiapkan dengan baik dan benar. Setelah Anda menekan OK, Anda akan ditampilkan kotak-kotak jendela yang merupakan langkah-langkah (wizard) dari DirectX 9 AppWizard. Pada langkah pertama (Step 1 of 3), pilih “Single document window” dan non-aktifkan pilihan DirectInput dan DirectMusic. Anda hanya akan melakukan pengetesan, bukan membuat aplikasi sesungguhnya sehingga tidak memerlukan DirectInput dan DirectMusic. Perhatikan jumlah langkah yang berkurang menjadi “Step 1 of 2” akibat non-aktifnya DirectInput dan DirectMusic.

Klik Next dan Anda akan ditampilkan kotak langkah kedua. Pilih “Teapot”, “Direct3D fonts” dan “3D meshes (.x files)”. Kemudian klik tombol “Finish” dan kemudian VC++ akan mengenerasi file-file yang dibutuhkan.

Perhatikan FileViewer dan klik file “tesDX1.cpp”. Kalo Anda ingin pusing, perhatikan dengan seksama kode-kode yang terdapat pada file tersebut J . Tetapi jangan ambil pusing dulu dengan kode-kode tersebut, ingat Anda hanya akan melakukan pengetesan.

Untuk mengetahui apakah SDK DirectX dan VC++ telah disiapkan dengan baik dan benar, Anda perlu melakukan compile dan build. Compile akan menjadikan file-file source code C++ (“bahasa manusia” pada file berekstensi CPP) menjadi binari (anggap aja “bahasa mesin” pada file berekstensi OBJ). File-file OBJ belum dapat dieksekusi (dijalankan pada mesin komputer) dan harus disatukan kembali untuk menjadi sebuah file executable (EXE) yang dapat dijalankan. Proses penyatuan OBJ untuk dijadikan EXE disebut dengan proses Build atau linking. Untuk membuat membuat file EXE, klik pada menu Build–>Build tesDX1.exe atau menekan tombol F7. Build juga dapat dilakukan melalui menu Build–>Rebuild All.

Bila Anda telah menyiapkan SDK DirectX dan VC++ dengan baik dan benar, maka proses compile dan build akan berjalan dengan lancar. Perhatikan pada jendela message dibawah VC++, file “tesDX1.exe” akan terbentuk bila VC++ menyatakan “0 error(s), 0 warning(s)”.

Selamat ! ! ! Anda telah membuat aplikasi DirectX menggunakan DirectX9 AppWizard. Klik menu Build–>Execute tesDX1.exe untuk menjalankan aplikasi DirectX Anda. Berikut adalah tampilan aplikasi tersebut…

Awas gucinya jangan digosok. Nanti keluar jinnya lho… hehehe…