Teknologi Game
Pengembangan Game 2D dengan Unity 3D
dan Orthello Framework
Jurusan D3 Teknik Informatika
2012
Ratno STMIK AMIKOM YOGYAKARTA 9/15/2012
1
Te kn ol ogi G ame | 9/ 15/ 201 2Intro Unity
Unity adalah software pengembangan yang unik, dimana banyak developer menghabiskan waktunya untuk menulis kode. Unity lebih memfokuskan pada asset daripada kode, dimana fokusnya adalah bagaimana meletakkan asset dalam ruang 3d atau 2d.
Projects
Bagian projects meliputi semua elemen dalam game yang anda buat, seperti models, scripts, levels, menu.
Scenes
Setiap project terdiri dari 1 sampai banyak scenes. Satu buah scene mewakili satu buah level atau tampilan dalam suatu game.
Game Objects
GameObject adalah bagian terpenting di Unity. GameObject adalah container untuk menampung fungsionalitas yang disebut komponen. GameObject biasanya terdiri dari lebih dari satu komponen.
Components
Komponen adalah komponen pembangun dari GameObject, dimana tanpa komponen, maka game object tidak akan berarti apapun. Komponen merepresentasikan entity, material data, script dll. Komponen selalu terpasang di gameobject, tidak bisa berdiri sendiri.
Assets
Terdiri dari material, texture, audio files maupun Prefab.
Prefab
Prefab adalah asset yang sudah didefinisikan menjadi template. Ketika anda meletakkan prefab kedalam scene, maka anda sama dengan melakukan proses instantiasi.
Bahasa Pemrograman
C# JavaScript BooEditor
MonoDevelop Visual Studio 20xx (2005,2008,2010 dll)2
Te kn ol ogi G ame | 9/ 15/ 201 2Java to C#
Java C# package namespace Import UsingExtends : (dibaca titik dua)
Implements : (dibaca titik dua)
3
Te kn ol ogi G ame | 9/ 15/ 201 2Honeycomb Rush versi Unity
Yang akan dipelajari
1. Perpindahan dari satu layar ke layar yang lain 2. Pembuatan GUI dengan image
3. Tumbukan antar objek 4. Pengendalian karakter 5. Timer
6. Tileset untuk animasi 2D 7. HighScore
Software yang dibutuhkan
1. Unity 3D 3.5.3 (addon android untuk android game) 2. Java SDK
3. Android SDK dengan android platform >=15 4. Orthello 2D Free
Software tambahan yang mungkin dibutuhkan
1. Hiero(Bitmap Fonts)2. BitmapCombine 3. BitmapMasking
4
Te kn ol ogi G ame | 9/ 15/ 201 2Membuat Android Virtual Device
1. Jalankan AVD Manager yang terletak di C:\android-sdk r20.0.32. Setelah muncul gambar berikut
Pilih New
3. Pada window create android virtual device
Beri nama virtual device seperti berikut AVDxx.xx.xxxx dimana xx adalah nomor induk anda contoh AVD05.11.0718
5
Te kn ol ogi G ame | 9/ 15/ 201 2b. Untuk size sdcard beri nilai 50 MiB
c. Skin pilih Built-in dengan jenis Default Pada bagian hardware Max VM beri nilai 256
4. Kemudian klik Create AVD, Maka anda akan mendapatkan pesan berikut
5. Dan daftar android virtual device anda sudah bertambah.
6. Jalankan AVD anda dengan memilih AVD yang baru anda buat, kemudian klik start, pada tampilan gambar berikut beri tanda check pada Scale display to real size kemudian ScreenSize beri nilai 5, lalu klik Launch
6
Te kn ol ogi G ame | 9/ 15/ 201 27. Karena anda menggunakan Android Virtual Device, bukan device android yang sesungguhnya maka harap bersabar.
8. Proses loading android virtual device
9. Apabila avd anda sudah berhasil jalan dengan baik maka seperti berikut, dan yang menandakan tidak perlu mencari computer lain .
7
Te kn ol ogi G ame | 9/ 15/ 201 2Membuat project baru di Unity 3D
1. Jalankan unity dengan cara melakukan klik ganda ikon yang terdapat pada desktop anda, jangan lupa segera tekan ctrl + alt + panah bawah agar unity tidak membuka contoh project 3d (biasanya jika contoh projectnya terbuka cukup berat dan memakan waktu lama).
2. Setelah muncul window berikut, pilih create new project, pada project location silahkan pilih folder anda kemudian buat folder dengan nama HoneyCombRush, lalu klik Create
3. Setelah window unity muncul, coba cek pada folder yang tadi anda buat, isinya akan seperti berikut
Assets adalah tempat semua gambar, script, game object dan scene dari game anda. 4. Selamat anda sudah berhasil membuat project unity anda yang pertama .
8
Te kn ol ogi G ame | 9/ 15/ 201 2Menambahkan orthello ke project
1. Pastikan anda sudah mendapatkan Orthello 2D Framework.unitypackage di komputer anda.
Orthello 2D Framework
Orthello 2D Framework untuk unity ditulis dalam bahasa pemrograman C#. Mengingat unity pada dasarnya dibuat untuk mengembangkan game 3D maka Orthello sangat memudahkan kita dalam membuat game 2D diatas lingkungan 3D. Framework ini akan mempermudah dalam menambahkan gambar 2D atau sprite, dan animasi yang akan berinteraksi satu sama lain atau terhadap pengguna. Orthello menggunakan camera Orthographic.
2. Double klik Orthello 2D Framework.unitypackage dari windows explorer, kemudian pada window Importing package pilih All lalu Import
9
Te kn ol ogi G ame | 9/ 15/ 201 2MainMenuScene
Membuat scene
1. Project pertama anda secara default akan memberikan Scene yang belum disimpan dan diberi nama Untitled. Untuk menyimpan scene pertama ini silahkan anda tekan ctrl + s
2. Pada window save scene buat folder baru dengan nama Scenes
3. Pilih folder scenes, kemudian pada file name beri nama MainMenu lalu simpan
10
Te kn ol ogi G ame | 9/ 15/ 201 2Menambahkan objek orthello
5. Expand folder Objects dibawah folder Orthello, cari objek OT kemudian drag ke tab Hierarchy
Sehingga seperti berikut
6. Agar perpektifnya menjadi 2D dan nilai 0,0 untuk sumbu x dan y ada di kanan bawah klik kanan pada penanda xyz, kemudian pilih back
11
Te kn ol ogi G ame | 9/ 15/ 201 2Membuat background
7. Tambahkan folder texture di project
8. Import titleScreen.png ke folder Texture dengan cara drag titleScreen.png dari windows explorer ke folder texture di Unity.
12
Te kn ol ogi G ame | 9/ 15/ 201 29. Buka folder Orthello Objects Sprite, drag ke hierarchy
10. Sehingga di tab project tampak seperti berikut
13
Te kn ol ogi G ame | 9/ 15/ 201 211. Pada property dari SpriteBackground, di bagian inspector cari property image
12. Drag titleScreen ke property Image
14
Te kn ol ogi G ame | 9/ 15/ 201 2Menambahkan button
1. Drag buttonBackground.png ke folder texture di unity
2. Tambahkan 1 buah Sprite objek ke bagian hierarcy kemudian ubah nama menjadi SpriteButton
Kemudian drag buttonBackground ke property dari SpriteBackground Ubah depthnya menjadi -1
Depth diset -1 artinya bahwa objek ini akan terletak di atas tombol yang memiliki depth =0, semakin besar nilai depth maka suatu objek akan semakin jauh dari posisi user.
15
Te kn ol ogi G ame | 9/ 15/ 201 2Menambahkan Bitmap Font
4. Cek folder font yang sudah anda dapatkan, disana terdapat 2 file, yaitu
5. Buat folder font dibawah folder texture di unity
6. Drag file ComicSansBitmap.fnt dan ComicSansBitmap.png kedalam folder font yang sudah dibuat
7. Drag SpriteAtlas-Cocos2D-fnt ke tab hierarchy, prefabs ini terletak di folder Orthello Objects Sprites SpriteAtlas
16
Te kn ol ogi G ame | 9/ 15/ 201 28. Cek di tab Hierarchy pada objek OT Containers terdapat 1 buah tambahan objek baru, bila di cek di Inspector maka jenisnya adalah OTSprite Atlas BMFont Xml
9. Ubah nama dari Container (id=-18106) menjadi ComicSans
10. Agar bitmap dari font anda di mapping, drag ke Atlas Data File file ComicSansBitmap.png anda
17
Te kn ol ogi G ame | 9/ 15/ 201 211. Drag TextSprite ke Hierarchy untuk digunakan menampilkan tulisan, rename menjadi FontComicSans
Pada bagian Inspector untuk objek ComicSans cari property Sprite Container, drag ComicSans ke property ini
18
Te kn ol ogi G ame | 9/ 15/ 201 2Ubah agar posisi x dan y menjadi 10 dan 50 (misal), scale menjadi 2 maka akan tampak seperti berikut
Pada inspector