Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Game Engines

3D Game Development dengan ShiVa3D Suite: Editor Siwa

by
Read Time:8 minsLanguages:
This post is part of a series called 3D Game Development with ShiVa3D Suite.
3D Game Development With ShiVa3D Suite: Project Overview
3D Game Development with ShiVa3D Suite: Scene Editing

Indonesian (Bahasa Indonesia) translation by graywest (you can also view the original English article)

Penasaran tentang pengembangan game 3D? Sekarang adalah waktu untuk belajar! Ini lima bagian seri tutorial akan menunjukkan cara untuk membangun sebuah permainan sederhana dengan ShiVa3D Suite, 3D game engine yang lintas-platform dan alat authoring. Dalam angsuran kedua ini, Anda akan belajar bagaimana menggunakan file model Siwa Editor dan Collada.


Menggunakan Editor Siwa

Dalam bagian 1 dari tutorial ini, kami memperkenalkan aplikasi tutorial, dibahas berbagai konsep ShiVa3D dan alat-alat utama di ShiVa3D suite. Kami juga menjelaskan file dalam download arsip tutorial ini yang menyertainya. Pada bagian 2, kita akan mulai membahas bagaimana untuk mengembangkan permainan yang menggunakan Editor Siwa. Kami akan memperkenalkan modul Editor Siwa yang digunakan dalam mengembangkan aplikasi tutorial. Kemudian, kita akan berbicara tentang model Collada file yang mewakili karakter utama dalam aplikasi. Akhirnya, kita akan membahas beberapa langkah awal yang digunakan untuk membuat aplikasi, seperti menciptakan permainan dan adegan serta mengimpor model Collada.


Modul Editor Siwa

Pertama, mari kita memberi perkenalan singkat dengan berbagai modul di Editor Siwa. Kami telah meminjam sebagian besar informasi ini dari dokumentasi Bantuan Siwa Editor.

Data Explorer adalah manajer sumber daya untuk memberikan akses ke berbagai elemen dari permainan, termasuk permainan itu sendiri, bahan adegan, AIModels, dll. Antarmuka pengguna menyajikan sumber daya tersebut dalam struktur hierarki folder.

Permainan Editor adalah modul utama editor membiarkan pengembang mengedit sumber permainan. Sebagai contoh, dengan editor permainan pengembang dapat menentukan adegan dan AIModel terkait dengan permainan.

Adegan Viewer memungkinkan pengembang untuk memvisualisasikan adegan dalam permainan dan model dalam adegan tersebut.

Adegan Explorer adalah modul terpisah yang independen dari penampil adegan. Pengembang akan terutama menggunakan explorer adegan untuk menemukan dan mengelola sumber daya dalam sebuah adegan.

Editor atribut yang digunakan untuk mengedit berbagai atribut objek. Atribut tersebut termasuk terjemahan, rotasi dan skala objek serta atribut dikelompokkan di bawah judul seperti visibilitas, cahaya, sensor, tabrakan dll.

Bahan Editor adalah editor WYSIWYG untuk membuat dan mengedit materi dalam permainan.

Suasana Editor yang digunakan untuk mengedit atribut visual dari adegan seperti warna, pencahayaan, dan berbagai efek visual.

AIModel Editor memungkinkan pengembang untuk mengedit AIModels. Dengan AIModel editor, Anda dapat menetapkan variabel, fungsi, negara dan penangan untuk AIModel.

Script Editor yang digunakan untuk mengedit skrip AIModel.


Mendapatkan file permainan yang diperlukan

Pertama, Anda perlu file berikut empat, yang merupakan bagian dari download menyertai tutorial.

  • Duck.Dae, duckCM.tga: file yang mewakili model Collada bebek. Anda juga dapat mengunduh dari sumber asli mereka. Pada halaman home dari situs, klik link Model Bank dan kemudian baik masuk atau memilih untuk akses anonim dengan mengklik pada link yang mengatakan 'Klik di sini untuk akses anonim'. Lalu, pergi ke bagian umum-> COLLADA 1.4.1 sampel dasar-> bebek. Download duck.dae dan duckCM.tga. (Untuk informasi tentang format grafis Collada, entri Wikipedia terkait adalah titik awal yang baik.)
  • Sphere.Dae: file ini mewakili model Collada telur. Anda dapat mendownloadnya dari Bank Model dari lokasi aslinya, mirip dengan di atas, berikut bagian umum-> COLLADA 1.4.1 sampel dasar-> Sphere. (Sesuai dengan namanya, ini adalah benar-benar sebuah bola. Kami akan menjelaskan nanti cara bermain dengan dimensi untuk membuat telur.)
  • Marble.jpg: file ini mewakili gambar latar belakang 'teknik'. Itu adalah bagian dari sebuah file yang lebih besar, 1213316117-7.jpg, diunduh dari http://www.texturewarehouse.com.

Membuat permainan dan adegan

Mulai Editor Siwa. Dari atas bar menu, pilih Main-> proyek-> Tambah. Masukkan path folder untuk menyimpan permainan Anda. (Kami memilih D:\temp\Duck.)

Creating The ProjectCreating The ProjectCreating The Project
Gambar 10. Membuat proyek

Tekan tutup. Dalam Data Explorer, sekarang Anda akan melihat folder tingkat atas bernama bebek. Pilih folder permainan, dan dari menu klik kanan pilih Buat-> permainan. Nama permainan bebek juga.

Creating The GameCreating The GameCreating The Game
Gambar 11. Menciptakan permainan

Permainan harus terlihat dalam Data Explorer ketika Anda memilih folder permainan, seperti yang ditunjukkan di bawah ini.

Game In Data ExplorerGame In Data ExplorerGame In Data Explorer
Gambar 12. Permainan dalam Data Explorer

Dalam Data Explorer, gulir ke bawah untuk memilih folder adegan. Dari menu klik kanan, pilih Buat-> adegan. Nama itu MyScene.

Creating The SceneCreating The SceneCreating The Scene
Gambar 13. Membuat adegan

Anda harus melihat adegan baru dibuat dalam Data Explorer ketika adegan folder yang dipilih, seperti yang ditunjukkan di bawah ini.

Scene In Data ExplorerScene In Data ExplorerScene In Data Explorer
Gambar 14. Adegan di Data Explorer

Impor dan mengkonfigurasi model

Kita sekarang akan mengimpor model untuk bebek dan telur. Untuk kenyamanan Anda, kami menempatkan semua tiga file, duck.dae, sphere.dae dan duckCM.tga, dalam folder yang sama, D:\temp\collada_models. Di lingkungan Anda, jika Anda menempatkan file-file tersebut di tempat yang berbeda pastikan untuk menggantikan sesuai petunjuk di bawah.

Dalam Data Explorer, pilih Impor-> Model, seperti yang ditunjukkan di bawah ini.

Importing A ModelImporting A ModelImporting A Model
Gambar 15. Mengimpor Model

Di kotak dialog, File untuk mengimpor bidang teks, pilih path lengkap untuk duck.dae. Jangan mengubah apa-apa dalam dialog. Tekan impor (lihat bawah).

Importing The Model For DuckImporting The Model For DuckImporting The Model For Duck
Gambar 16. Mengimpor Model untuk bebek

Setelah impor selesai, Anda akan melihat impor berhasil pesan seperti ditunjukkan di bawah. Tekan OK untuk mengabaikan dialog.

Import Complete DialogImport Complete DialogImport Complete Dialog
Gambar 17. Impor Dialog lengkap

Ulangi impor untuk telur, sphere.dae. Dialog untuk mengimpor sphere.dae ditunjukkan di bawah.

Importing The Model For EggImporting The Model For EggImporting The Model For Egg
Gambar 18. Mengimpor Model untuk telur

Sekarang, Anda harus melihat bebek dan dalam daftar model ketika folder model yang dipilih dalam Data Explorer. Ini ditunjukkan di bawah ini.

Models In Data ExplorerModels In Data ExplorerModels In Data Explorer
Gambar 19. Model dalam Data Explorer

Selanjutnya, kami akan menempatkan model-model dalam adegan kami. Membawa permainan Editor dan Data Explorer. Dalam Data Explorer, klik dua kali bebek di bawah folder permainan. Permainan akan dimuat dalam permainan Editor. Dalam permainan Editor, pilih tab adegan. Dalam Data Explorer, pilih folder adegan dan drag dan drop MyScene ke tab adegan di Editor permainan (lihat bawah).

Scene In GameScene In GameScene In Game
Gambar 20. Adegan dalam permainan

Membawa adegan penampil dan Data Explorer berdampingan. Dalam Data Explorer, pilih folder adegan dan Double-klik MyScene. Dalam Data Explorer, pilih Models folder. Drag dan drop bebek dari folder model ke TKP penampil. Demikian pula, drag dan drop lingkup dari folder model ke TKP penampil.

Sekarang, MyScene memiliki kedua model di dalamnya. Namun, kita perlu menyesuaikan lokasi dan ukuran dari model-model. Juga, kita akan menambahkan sensor tabrakan bebek dan telur. Membawa Editor atribut dan adegan Explorer berdampingan. Dalam Data Explorer, klik ganda pada MyScene. Dalam Explorer adegan, obyek tab Anda harus melihat DefaultCamera, bebek dan bola. Pilih DefaultCamera dalam adegan Explorer. Di bagian atribut umum editor atribut, menetapkan nilai terjemahan ke 6, 7 dan 5 untuk X, Y dan sumbu Z, masing-masing. (Lihat di bawah).

Camera AttributesCamera AttributesCamera Attributes
Gambar 21. Atribut kamera

Sekarang, pilih Bebek dalam Explorer adegan. Di bagian atribut umum editor atribut, menetapkan nilai terjemahan ke 2, 3 dan 2 untuk X, Y dan sumbu Z, masing-masing. Juga, menetapkan nilai-nilai skala 0,01, 0,01 dan 0,01 untuk semua tiga sumbu, seperti yang ditunjukkan di bawah ini.

Attributes For DuckAttributes For DuckAttributes For Duck
Gambar 22. Atribut untuk bebek

Selanjutnya, dalam adegan Explorer, pilih bebek dan dari klik kanan menu, atribut-> Sensor-> Tambah lingkup sensor seperti ditunjukkan di bawah.

Adding Sensor To DuckAdding Sensor To DuckAdding Sensor To Duck
Gambar 23. Menambahkan Sensor untuk bebek

Pada adegan Explorer, pilih bagian Sensor atribut. Mendefinisikan nilai-nilai offset 0, 55, 0 dan ukuran = 75. Ini ditunjukkan di bawah ini.

Configuring Sensor For DuckConfiguring Sensor For DuckConfiguring Sensor For Duck
Gambar 24. Mengkonfigurasi Sensor untuk bebek

Pilih bidang dalam Explorer adegan. Di bagian atribut umum editor atribut, menetapkan nilai terjemahan ke 0, 3, dan 0 untuk X, Y dan sumbu Z, masing-masing. Juga, menetapkan nilai-nilai skala 0.4, 0,4 dan 0,5 seperti ditunjukkan di bawah. (Kita condong z-skala sedikit, untuk memberikan bentuk telur model bulat.)

Attributes For EggAttributes For EggAttributes For Egg
Gambar 25. Atribut untuk telur

Sekarang, dalam adegan Explorer, pilih bidang dan dari menu klik kanan, atribut-> Sensor-> Tambah lingkup sensor. Pada adegan Explorer, pilih bagian Sensor atribut. Mendefinisikan nilai-nilai offset 0, 0, 0 dan ukuran = 1.1.

Configuring Sensor For EggConfiguring Sensor For EggConfiguring Sensor For Egg
Gambar 26. Mengkonfigurasi Sensor untuk telur

Mengedit bahan untuk bebek dan telur

Kita sekarang akan mengedit bahan-bahan untuk bebek dan telur. Membawa Material Editor dan Data Explorer berdampingan dan pilih folder bahan dalam Data Explorer. Klik dua kali pada materi dengan duck_blinn3 nama file, seperti yang ditunjukkan di bawah ini.

Material Editor For DuckMaterial Editor For DuckMaterial Editor For Duck
27 peraga. Bahan Editor untuk bebek

Di Editor bahan, Bagian Lighting, periksa menerima statis pencahayaan, Per Vertex. Shadowing, pilih pemain statis bayangan. Menyesuaikan warna Ambient sehingga menjadi putih. Ini ditunjukkan di bawah ini.

Lighting For DuckLighting For DuckLighting For Duck
28 peraga. Pencahayaan untuk bebek

Dalam pencahayaan, juga menyesuaikan Diffuse untuk menjadi benar-benar hitam dan mengatur tampilan Shininess untuk 0,22.

Further Lighting Adjustments For DuckFurther Lighting Adjustments For DuckFurther Lighting Adjustments For Duck
29 peraga. Lebih lanjut pencahayaan penyesuaian untuk bebek

Di bagian Advanced efek, mengatur intensitas: 120.

Advanced Effects For DuckAdvanced Effects For DuckAdvanced Effects For Duck
30 Peraga. Efek lanjutan untuk bebek

Dengan cara yang sama, mengedit bahan yang disebut sphere_lambert1 di Editor bahan. Di bagian pencahayaan, periksa menerima statis pencahayaan, Per Vertex. Shadowing, pilih pemain statis bayangan. Menyesuaikan warna Ambient sehingga menjadi putih.

Lighting For EggLighting For EggLighting For Egg
31 peraga. Pencahayaan untuk telur

Menyesuaikan Diffuse untuk benar-benar hitam dan pastikan untuk mengatur tampilan Shininess menjadi 0.5, seperti yang ditunjukkan di bawah ini.

Further Lighting Adjustments For EggFurther Lighting Adjustments For EggFurther Lighting Adjustments For Egg
32 gambar. Lebih lanjut pencahayaan penyesuaian untuk telur

Akhirnya, di bagian Advanced efek, mengatur intensitas untuk 120.


Penutup untuk bagian 2

Pada bagian 2, kami mulai menjelaskan bagaimana untuk mengembangkan permainan yang menggunakan Editor Siwa. Kami memperkenalkan modul Editor Siwa yang digunakan dalam mengembangkan aplikasi tutorial. Kemudian, kita berbicara tentang model Collada file mewakili karakter utama dalam aplikasi. Kami juga membahas beberapa langkah awal untuk membuat aplikasi, seperti menciptakan permainan dan adegan serta mengimpor model Collada. Pada bagian 3, kita akan menunjukkan bagaimana untuk mengedit adegan dari aplikasi kita. Kami juga akan mulai memasukkan kode untuk AIModels permainan. Secara khusus, kami akan memasukkan kode untuk DuckAI.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.