Assalamualaikum Wr Wb melalui video tutorial ini bapak akan membuatkan tutorial ataupun step by step tentang cara projek animasi wolf dengan projek basic maker dimana kita nantinya akan membuat sebuah objek 3D objek 3D nya berupa wolf Oh yang sudah Bapak berikan sama saudara, sudah Bapak share sama saudara Sampai nanti kita bisa menampilkan objek 3D nya Dan kita bisa mengerakkannya nanti objek 3D itu dengan menekan button Sekarang perhatikan Yang pertama harus kita lakukan adalah Kita harus mengenalkan objek 3D ini atau target kita Melalui Vuforia Untuk membuka Vuforia, untuk mengenalkan objek melalui Vuforia Saudara pastikan dulu sudah koneksi dengan internet Kemudian silahkan dibuka Firefox-nya atau internet-nya, Mozilla-nya Silahkan dibikin di sini, developer.vuvoria.com Silahkan ditunggu Bagi yang belum pernah Register, silakan register terlebih dahulu. Tapi sekarang Bapak anggap semuanya kita sudah daftar, karena Bapak yakin semuanya juga sudah daftar. Sekarang kita langsung login saja.
Login dengan menggunakan alamat, email, dan password yang sudah kita daftarkan ketika register kemarin. Ini Bapak sudah ada emailnya, sudah ada passwordnya, tinggal login saja. Hai dah sekarang kita akan membuat target ya targetnya sebagaimana tarik kita kemarin turlah gambar serigala berarti silakan suruh pilih disini target manager kemudian silakan suruh ambil generet database ya bikin nama database usahakan nama atau itu diawal dengan DB project wolf saja bapak bikin disini Hai tipenya device dan kemudian sedangkan saudara generate Oke kemudian silakan saudara cari dimana DB Project tersebut ya ini dia silakan surah double-click bukan ini DB Project ini ya 24 April akan di double-click Oke dah kemudian kita akan menambahkan targetnya dimana target kita itu adalah gambar serigala kita.
silahkan kita ambil add target kemudian perhatikan file yang pernah bapak kasih sama saudara disini oke ini Ini file-nya, file-nya, folder-nya, objek 3D. Ini ada tekstur, ada wolf, ada wolf underscore FBX, ini 3D-nya. Dan ini juga 3D-nya, eh, 3D FBX-nya berbentuk rak, ya. Di mana nanti wolf yang JPG ini akan kita jadikan image target, atau akan kita masukkan ke dalam target manager.
Oke, berarti di sini kita ambil dia, kita browse, kita cari tadi yang objek 3D tersebut. Ini yang wolf tadi, silakan di-click. Hai mencetak open untuk kelebarannya kita bikin saja satu namanya wafs saja tidak apa-apa kemudian silakan saudara dan juga dengan lupa tipinya tetap foto atau image kita ad kita tunggu oke dah sekarang bisa sudah disini statusnya masih processing ya kita akan mengubah status ini menjadi Hai aktif caranya adalah kita refresh saja halaman ini sehingga statusnya menjadi aktif Oke sekarang kita lanjutkan kita ceklis ini wolf kita download database dan jangan lupa select a development platformnya jadikan dia unity editor lalu kita download tunggu sebentar sudah di download biasanya dia akan terletak di bagian file download di laptop saudara Hai tak ya Nah sekarang kita beralih ke Unity tabuka Unity nya tiap ke kemudian pastikan unitnya sudah kita sudah chicken ya kemudian silakan ambil new project pastikan versinya itu adalah 2022.2.10 F1, kemudian dia 3D Hai Project settingnya kita kasih namanya disini Project uah iya ini lokasi penyimpanannya boleh terserah saudara mau simpan di mana ini dikonekkan dengan menit club boleh tidak juga tidak apa-apa silakan sekarang kita create kita tunggu sampai projectnya berhasil dibuka sekarang kita sudah masuk ke dalam halaman project kita kita bikin tadi project-project.wav dimana ini adalah lembar kerja kita scene kita bagian hierarki, lembar kerja tools untuk menggeser, memutar, memperbesar, dan lain-lain. Ini inspector, ini bagian aset atau bagian bawah. Dan sekarang, langkah pertama kita dan langkah yang akan selalu saudara kerjakan ketika membuat sebuah proyek baru adalah kita harus memasukkan namanya Fuforia Package.
Fuforia Package ini juga sudah bapak share sama saudara. Ini ya, add Fuforia Package. ini kita drag and drop dan taruh di dalam asset taruh di sini berarti klik kiri, tahan dan lepaskan di dalam asset kalau disuruh ada notifikasi seperti ini silahkan saudara import kita tunggu Hai Oke kalau ada perintah untuk mengupdate silakan segera update makanya kalau bisa kita harus connect dengan internet biar bisa ada update bisa langsung kita update nantinya bu kita akan makan waktu lama tergantung spesifikasi laptop sedara juga nantinya Oke, sepertinya sudah selesai.
Nah, cara untuk mengetahui Fufuria package kita sudah masuk ke dalam Unity adalah dengan cara pada bagian menu silahkan ambil game object, klik game object dan silahkan selera cek disini ada atau tidak Fufuria engine disini. Kalau ada, berarti package Fufuria kita tadi sudah masuk ke dalam Unity kita. Oke, kemudian kita lanjutkan disini kita tidak membutuhkan main camera jadi silahkan di klik dan kita klik kanan di led saja, hapus sekarang yang kita butuhkan untuk proyek kita ini adalah AR camera jadi silahkan suruh ambil game object ambil fovoria engine dan ambil AR camera oke, dah kemudian yang kita butuhkan selanjutnya adalah namanya image target, kembali ambil game object Hai ambil fovorea engine ambil Mac target eh nah sekarang pada bagian air kamera kita klik pada bagian hiraki akan merah kita klik kiri dan kita beralih ke bagian inspector scroll ke bawah sini pada bagian fovorea behavior pada bagian Open fovorea engine configuration silakan sudah klik disini kita akan memasukkan lisensi fovoria kita harus ambil lisensi dari fovoria yang kita bikin tadi kita ambil fovoria kemudian ambil lisensi kemudian kita cari di mana project yang kita bikin tadi disini namanya kita ambil get basic terlebih dahulu kita ambil get basic Hai eh kemudian kita kasih lisensi namenya Project waspd kemudian silakan di ceklis dan silakan saudara ke Hai kek setelah kan disini adalah file lisensi get basic kita Project VF, silahkan sudah double click Hai dah ini please copy the license key below into your expertise akan kita copy ini ke dalam Unity nantinya Oke klik kiri aja sekali copy to clipboard lalu kita ambil lagi Unity kita taruh dia di bagian app license key yang app license key klik Klik Kanan paste Oke, sampai sana.
Tidak usah ditekan tombol add license. Oke, sudah. Sekarang.
kita lanjutkan kita beralih ke image target pada image target yang harus kita lakukan untuk membuat image target adalah kita harus masukkan DB yang kita bikin di Vuforia tadi dalam Unity kita kembali aset dulu aset kita cari dimana tadi DB project satu kita tadi Ini dia WPROJECTWALL, kita klik kiri, tahan, taruh dia di dalam aset. Disuruh import lagi, silakan di import. Nah, kemudian sekarang kita ambil lagi image target pada hierarki. Pada bagian inspector image target, disini image target behavior, tipe-nya, karena kita punya database.
kita ubah dari from image menjadi from database database kita apa namanya? database kita dbproject world dbproject world ada, sekian di klik dan kita double klik target nah pastikan gambar sisri jala kita sudah ada di lembar kerja itu berarti database kita tadi sudah masuk ke dalam database korea sudah masuk ke dalam sekarang kita lanjutkan ini berarti gambarnya sudah tampil sekarang untuk ini sudah tampil sekarang kita butuh gambar 3D nya gambar 3D nya itu adalah yang disini tadi yang wolf fbx ini kalau nanti mungkin pada file saudara belum di rar belum di ekstrak atau masih dalam bentuk RAR, wind RAR, misalkan di ekstrak lebih dahulu, berarti ini sudah bapak ekstrak kebetulan, ini kita taruh drag and drop, taruh di dalam aset, oke, nah sehingga worth FBX ini sudah ada di dalam aset, oke nah sekarang, yang worth FBX ini kita taruh dia di dalam image target, oke kiri, tahan, taruh dia di dalam dalam, bagian dalam dia agak menjauh ke dalam, disini dan sekarang air kamera kita set dulu sehingga dia bisa menampilkan si gambar serigala secara utuh jadi tidak, hanya sebagian bagian tubuhnya oke, klik air kamera, nah ini bagian kaki sekarang kita geser sampai si serigala itu kelihatan semua tubuh besar dengan gunakan ini ya kita gunakan senyamuk tool oke ini kebetulan serigalanya membelakangi kita bisa mentar arahnya dengan cara klik gambar serigalanya setiga lainnya disini rotate tool kita putar dengan ALT kita arahkan dia kepada AR kameranya kita cek terlalu berarti AR kameranya kita kita cek lagi kita cek ke belakang Sepertinya sempet. Kita juga bisa memberikan tekstur pada gambar serigala kita. Sehingga dia ada kelihatan teksturnya.
Caranya adalah kita ambil di sini tekstur. Klik kiri, tahan, taruh di dalam, aset lagi. Oke.
Sebentar. Hai Oke tekstur ini silakan diklik tekstur dah sekarang kita akan berikan tekstur kepada serigala kita tapi disini tarik taruh di bagian badannya boleh dan ini juga boleh saudara ubah-ubah nih dan selera saudara nanti ya sebelum masuk tekstur klik dulu Hai gambar 3D nya seperti ini saja Kemudian silakan kita cek terlebih dahulu apakah gambar serigala ini sudah bisa tampil 3D ketika image target yang ini kita perlihatkan ke kamera kita. Kita tekan tombol play.
tombol play kita perlihatkan ini kebetulan serigala nya bisa keluar ini sudah aman project kita sampai di sini kita stop kita coba lagi si serigala akan keluar ketika kita memperlihatkan image target seperti ini dia tidak keluar ketika kita perlihatkan image target baru dia keluar baru dia oke sekarang kita akan bikin serigala tadi yang awalnya dia hanya tampil 3D kita akan buat dia bisa bergerak dengan menekan tombol caranya adalah kita sudah stop tadi ya kita beralih ke bagian asset pada bagian wall rb ini silahkan selalu extend dia sudah ada tampil beberapa item lagi pada wolf fbx nya sekarang silahkan kita cari gambar si serigala ini yang mana dia yang berlari lah kita cari yang berlari cari nah sepertinya ini ya run 2 wolf run cycle stop ini silahkan saudara drag and drop taruh dia di dalam wolf fbx pada hirarki ini tapi tahan, taruh di dalam wolf fbx tanda si run cycle ini sudah masuk ke dalam wolf fbx adalah ada tambahan wolf fbx lagi berarti kita sudah punya 2 wolf fbx 1 gambarnya serigala, 1 lagi dia dalam bentuk kotak-kotak seperti ini itu tanda animasi larinya sudah masuk ke dalam serigalanya sekarang kita double click wolf fbx ini sehingga kita dialihkan ke bagian animator ke bagian base layer dimana disini ada nanti animasinya sudah tampil run 2 wolf run second sekarang kita akan membuat button terlebih dahulu cara membuat button adalah kita klik kanan disini kita ambil namanya UI dan silahkan saudara ambil namanya button text mesh pro pastikan canvas ini dia di dalam image target kita geser dia button text mesh pro ketika ada notifikasi seperti ini tmp importer silahkan saudara import tmp essential di klik sebentar Hai dan kalau sudah sering kita kos aja sini kita ubah dulu modenya menjadi dua dimensi klik ini kemudian kita Scroll dia zumat ya sampai buttonnya itu kelihatan saja geser-geser sehingga lembar kerja nya kelihatan oke, nah sekarang button ini, kita klik dia Hai text-tmp nya kita ubah nama disini kita ubah namanya menjadi play animasi klik button txtmp pada inspector pada bagian text-messprotect UI button kita ubah menjadi play animasi sekarang posisinya kalau bisa kita ubah sedikit posisi button nya kita taruh dia di bagian tengah Oke, kita bisa lihat. Nah, sekarang kita akan buat script untuk pergerakan serigala kita. Caranya adalah kita beralih lagi ke bagian asset. Kita klik kanan bagian asset ini, dan kita ambil. Sebentar, sebelum itu pastikan dulu, cek, saudara sudah install Microsoft Visual Studio.
Bapak sarankan menggunakan Microsoft Visual Studio. Tapi kalau punya Visual Studio Code juga boleh, tapi hati-hati dalam mengetik program. Karena nanti salah sedikit program kita tidak running nantinya.
Pastikan kita edit dulu. Lalu ambil preference. Pastikan pada external script editor. Hai program kita itu adalah Microsoft Visual Studio 2019 pastikan nanti berbagai serang Bapak pos ya sekarang kita klik kanan pada aset lagi kemudian kita ambil Ambil si subscribe Wah namanya jadi script Sekarang kita double click di sini kita akan dialihkan ke Microsoft Visual Studio dan kita akan buat listing programnya disini sebentar disinilah kita akan membuat script pergerakan untuk serigala ataupun model 3D digital nantinya bagi yang menggunakan Microsoft Visual Studio mungkin ada library nya gampang tapi bagi mereka yang menggunakan VS Code harus hati-hati dalam membuat listing programnya jadi tetap gunakan saja Microsoft Visual Studio kita tunggu Hai ah tidak boleh seperti ini pada bagian pesulit explorer ada bagian asemulai sisa silakan diklik Hai sekarang diklik set dan yang double-click script.cs Hai oke sehingga akan keluar listing program seperti ini Ini sama seperti kita bikin program biasa, ini bagian deklarasi variable dan ini bagian tubuh atau body-nya.
Sekarang, pada bagian deklarasi variable, kita tambahkan deklarasi untuk UnityEngine.ui-nya, karena kita menggunakan button tadi. Nanti di sini kita enter, using UnityEngine.ui, nanti koma. kemudian ini script Hai oh nama yang kita bikin tadi di sini kita harus memperkenalkan dua buah item nah disini public animator animation animator animator kita panggil namanya ane-si kemudian public lagi untuk pergerakannya transform Hai kemana akan kita transparan tadi adalah wolf3d tapi bisa disini wolf3d tadi public transformnya wolf3d kemudian pada bagian fightstar yang akan kita bikin bergerak atau yang kita jadikan menu itu adalah animasi animasi kita adalah wolf3d kemudian get komponen dan komponen kita ambil dari animator dan tutup kurung koma masih dari sini wolf3d dari sini animator dari sini oke kemudian kita bikin public juga program untuk membuat dia bergerak wolf3d public void start animasi kemudian kita buka kurung ini kita bikin animasi dia play karena kita akan bikin bergerak kemudian nama animasi koma dia bergerak teras jumbu X minus satu kemudian dia itu kita bisa nama animasi disini akan kita ganti dengan nama animasi pergerakannya tadi cek kita cek dulu pada Unity kita oke pada bagian animator kemudian ini run world cycle ini ya pergerakannya tadi yang berlari tadi kita copy saja pada bitinspector nya ctrl C kemudian kita taruh dia di dalam bagian nama animasi oke seperti tidak ada yang error kita debug dulu start debugging sudah kita close stop debugging kemudian disini kemudian pada hierarki kita tambahkan sebuah game object baru sebelum itu kita cek dulu script kita tadi kita lihat pada inspectornya pada bagian asset disini sudah ada file atau listing program yang kita bikin tadi kemudian pada hierarchy kita tambah game object baru ambil game object, ambil script empty kita bikin namanya script oke kemudian script yang pada asset tadi yang baru kita bikin ini kita taruh dia ke dalam script pada game object yang baru saja kita bikin klik kiri, tahan lepaskan di dalam script Oke, kita klik.
Tanda script yang tadi sudah masuk adalah, kita cek pada inspector C script, sudah ada animasi tadi, sudah ada wolf 3D. Ini masih kosong, akan kita isi dalam bagian wolf 3D saja. Di mana pada bagian wolf 3D ini akan kita masukkan wolf FBF-nya.
Berarti klik kiri pada wolf FBF pada hierarchy, lalu lepaskan pada wolf 3D di sini. Oke. Kemudian pada button lagi, pada button, klik button, pada hierarki, kemudian pada inspector button, kita scroll ke bawah sampai kita menemukan navigasi. Di sini ada on click, list empty, ini masih kosong, kita tambahkan, klik plus. Di sini ada runtime, biarkan saja dia runtime, yang kosong ini akan kita isi.
Yang kosong ini akan kita isi dengan script yang baru saja kita bikin pada Hai hirarki tadi Oke kita klik kiri pada hirarki pada script klik kiri drag and drop taruh di dalam buttonnya kemudian pada no fungsinya klik lagi ambil script ambil cari disini namanya Star animasi klik oke Nah sekarang kita coba akan Apakah animasi kita ini sudah bisa bergerak ketika buttonnya kita tekan kita coba kan kita play Oke, dia akan bergerak dan dia akan tampil 3D-nya, 3D dan button-nya ketika kita mengarahkan image target. Oke, sekarang kita arahkan. Nah, tampil. Ada model 3D-nya, ada button-nya.
Kita coba lagi. Ada model 3D-nya, ada button. Nah, dan ketika kita klik tombol ini, dia seharusnya bergerak. Kita lihat dulu.
Nah, dia bergerak. Serigalanya bergerak. Oke, dah. Untuk proyek ini silahkan saudara coba dan silahkan di-save dalam bentuk sebuah proyek juga.
Kalau ragu silahkan tanyakan ke bapak. Oke, bapak tutup. Wabillahi taufiq, mudah ya. Wassalamualaikum warahmatullahi wabarakatuh.