Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek...

22
Modul 3 : Unity 3d Untuk Multimedia Mata Kuliah : Pengantar Pemrograman Multimedia Disusun Oleh : Budi Arifitama.,ST.,MMSI FAKULTAS TELEMATIKA UNIVERSITAS TRILOGI 1 | Page

Transcript of Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek...

Page 1: Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek karena nama projeklah yang akan tercetak pada nama aplikasi saat

Modul 3 : Unity 3d Untuk Multimedia

Mata Kuliah : Pengantar Pemrograman Multimedia

Disusun Oleh : Budi Arifitama.,ST.,MMSI

FAKULTAS TELEMATIKA

UNIVERSITAS TRILOGI

1 | P a g e

Page 2: Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek karena nama projeklah yang akan tercetak pada nama aplikasi saat

Modul 3 : Unity 3D Untuk MultimediaTeori

Pengantar Unity3d

Unity 3d merupakan sebuah platform pengembangan game 2D maupun 3D yang dapat digunakan oleh pengembang baru maupun pengembang yang sudah berpengalaman. Javasccript dan C# merupakan bahasa pemrograman yang dipakai dalam pengembanganya, kemudahan keterhubungan antara objek yang sedang dikembangkan dan script pemrograman menjadikanya pilihan yang baik bagi pengembang yang memiliki keterbatasan waktu namun memiliki segudang ide.

Adapun unity 3D memiliki 2 plan lisensi yaitu berbayar dan free dengan keterbatasan fitur, namun keterbatasan tersebut tidak begitu terasa teruntuk pengembangan aplikasi yang sedrhana.

Kebijakan lisensi penggunaan Unity 3D adalah sebagai berikut.

Anda dapat menggunakan Unity di pc anda secara gratis maupun berbayar. Pada versi gratis sudah tersedia berbagai fitur umum yang dapat anda gunakan tanpa dipungut biaya. Setelah anda mempelajari versi gratis dari Unity, anda juga bisa membeli versi Pro yang menyediakan berbagai fitur tambahan yang sebelumnya tidak dapat anda temui di Unity versi gratis. Kebijakan perizinan pada Unity Pro akan berubah, anda dapat melihat rincian perbedaannya dengan mengakses situs resmi Unity di http://unity3d.com.

1 | P a g e

Page 3: Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek karena nama projeklah yang akan tercetak pada nama aplikasi saat

Dukungan Multi-Platform

Salah satu keuntungan terbesar penggunaan Unity 3D adalah dukungan multiplatformnya yang luas. Situs resmi Unity mengatakan bahwa game engine ini mendukung sekitar 12 platform yang berbeda. Namun, satu tahun kedepan diharapkan jenis platform yang di-support akan bertambah banyak. Lihat http://unity3d.com/unity/multiplatform untuk melihat daftar platform yang didukung oleh Unity saat ini

2 | P a g e

Page 4: Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek karena nama projeklah yang akan tercetak pada nama aplikasi saat

Perbandingan Unity3d dan Unity 3d Pro

3 | P a g e

Page 5: Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek karena nama projeklah yang akan tercetak pada nama aplikasi saat

4 | P a g e

Page 6: Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek karena nama projeklah yang akan tercetak pada nama aplikasi saat

PRAKTEK

Untuk memulai praktek kali ini, praktikan diharuskan untuk membuka terlebih dahulu aplikasi

unity 3d yang terletak di desktop masing masing PC seperti dibawah ini.

Setelah terbuka, akan terlihat sebuah jendela aktivasi seperti pada gambar dibawah.

Centanglah opsi “Activate a free 30 day trial of unity pro”.

Praktikan dapat segera memasukan password dan e-mail Anda jika anda sudah mempunyai akun Unity.

Jika belum, silakan buat akun baru dengan menekan tombol 'Create Account’.

5 | P a g e

Page 7: Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek karena nama projeklah yang akan tercetak pada nama aplikasi saat

Masukan nama, alamat e-mail dan password dan tekan ‘Ok’

Kini periksa pesan baru di email anda untuk menekan link konfirmasi dari Unity. Jika email tidak muncul,

anda bisa menekan link ‘resend the confirmation mail’.

6 | P a g e

Page 8: Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek karena nama projeklah yang akan tercetak pada nama aplikasi saat

Buka email dan klik tombol ‘Confirm my account’

Setelah mencek email, kini saatnya kembali ke Unity untuk memasukan data email dan password anda

yang baru saja didaftarkan.

7 | P a g e

Page 9: Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek karena nama projeklah yang akan tercetak pada nama aplikasi saat

Setelah usai melakukan registrasi akun dan proses log in akun, maka sudah saatnya untuk

menggunakan aplikasinya. Akan terbuka jendela seperti di bawah ini

8 | P a g e

Page 10: Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek karena nama projeklah yang akan tercetak pada nama aplikasi saat

Jendela di atas ini digunakan untuk memulai projek baru dengan nama “Praktek1”, yang harus

diperhatikan di sini adalah, hati hati dalam penamaan projek karena nama projeklah yang akan

tercetak pada nama aplikasi saat dilakukan compile aplikasai , katakanlah ke android jadi

“Praktek1.apk”, aplikasi windowa “Praktek.exe”.

Tekan Create untuk memulai projek

9 | P a g e

Page 11: Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek karena nama projeklah yang akan tercetak pada nama aplikasi saat

Angka 1 : Adalah Menu utama dari aplikasi unity 3d

Angka 2 : Adalah tools View, Tranform dan translate objek yang ada di dalam workspace/scene

Angka 3 : Adalah Hirarki Objek/Asset yang telah dimasukan ke dalam scene

Angka 4 : Adalah Compiler Run pada Unity untuk menjalankan aplikasi

Angka 5 : Worspace/Scene pengerjaan aplikasi

Angka 6 : Hirarki asset yang dimiliki oleh pengguna namun belum /tidak dimasukan ke dalam

scene.

Angka 7 : Asset yang dimiliki oleh pengguna namun belum /tidak dimasukan ke dalam scene

Angka 8 : Properties dari asset/Objek.

Setelah mengenal lebih dalam mengenai user interface dari unity 3d, maka sudah saatnya

praktikan untuk memulai membuat aplikasi multimedia.

10 | P a g e

Page 12: Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek karena nama projeklah yang akan tercetak pada nama aplikasi saat

Pada pertemuan kali ini , praktikan akan membuat aplikasi multimedia dengan memanfaatkan

Kanvas seperti berikut :

Aplikasi yang akan praktikan buat seperti pada gambar diatas berisikan beberapa komponen

yang harus diketahui yaitu :

2 Button

1 Image

1 Text

1 Audiosource

1 Panel/Kanvas

Langkah 1:

Buatlah sebuah Panel sebagai dasar platform 2 dimensi dengan mengklik pada menu

GameObject->UI->Panel seperi dibawah ini

11 | P a g e

Page 13: Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek karena nama projeklah yang akan tercetak pada nama aplikasi saat

Setelah menekan tombol panel, akan langsung muncul panel di area workspace seperti dibawah

ini

12 | P a g e

Page 14: Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek karena nama projeklah yang akan tercetak pada nama aplikasi saat

Langkah 2 :

Buatlah 2 buah tombol/button dengan memilih menu GamObject->UI->Button dan tempatkan

seperti pada hasil aplikasi yang ada di awal.

Ubahlah nama Button dengan btn_macan dan btn_suara seperti dibawah ini dan ubahlah text

pada masing masing button menjadi Macan dan Suata seperti di bawah ini.

Langkah 3 :

Buatlah Image dengan cara mengklik GameObject->UI->RawImage

13 | P a g e

Page 15: Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek karena nama projeklah yang akan tercetak pada nama aplikasi saat

Lalu ubahlah material pada rawimage menjadi gambar macan

Langkah 3:

Buatlah text dengan menekan menu GameObject->UI->Text

14 | P a g e

Page 16: Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek karena nama projeklah yang akan tercetak pada nama aplikasi saat

Langkah 4 :

Setelah memasukan komponen aplikasi, sekarang saatnya melakukan setting pada komponen

button. Pilihlah Btn_macan dan lihat pada sisi kanan pada komponen button (script), pada on

click ikuti seperti gambar dibawah

Komponen pada gambar diatas , pada behavior On Click, adalaj Raw Image,Btn_suara dan

Txt_macan dimana ketiga komponen tersebut kita set menjadi enabled dengan harapan ketika

aplikasi dijalankan, ketika kita klik button macan maka komponen tersebut akan muncul.

15 | P a g e

Page 17: Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek karena nama projeklah yang akan tercetak pada nama aplikasi saat

Langkah 5 :

Masukan Audiosource dengan klik menu GameObject->Audio->AudioSource

Lalu set properties audiosource seperti gambar dibawah ini

Setelah usai dengan setting audio, klik Btn_Suara pada hirarki scene dan set properties btn_suara

seperti dibawah ini

16 | P a g e

Page 18: Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek karena nama projeklah yang akan tercetak pada nama aplikasi saat

Langkah 6 :

Saatnya untuk menyembunyikan komponen yang harus disembunyikan agar tidak terlihat pada

saat aplikasi dijalankan, ada 4 buah komponen yang disembunyikan yaitu Btn_macan,Btn_Suara

dan RawImage dan Text dengan menghilangkan checklist di tiap komponen seperti dibawah ini

Langkah ke 7 :

Cobalah jalankan aplikasi dengan menekan tombol compile

Jangan lupa save scene dan project setiap meninggalkan project.

17 | P a g e

Page 19: Web viewBuka email dan klik tombol ‘Confirm my account ... hati hati dalam penamaan projek karena nama projeklah yang akan tercetak pada nama aplikasi saat

LATIHAN

1. Lengkapilah Aplikasi yang telah anda buat dengan menambahkan hewan lainnya agar menjadi

sebuah aplikasi pengenalan binatang (minimal 10 Hewan )

2. Buatlah aplikasi bebas yang bisa anda bayangkan dengan memanfaatkan apa yang sudah

dipelajari pada saat praktek.

18 | P a g e