8. Membuat Dunia 2D

kami menghadirkan dunia 2d agar anda dapat membuat dunia dengan lebih cepat dan mudah hanya dengan gambar latar belakang anda sendiri dan koneksi portal, anda dapat membuat dan merilis dunia dengan cepat dan mudah anda dapat menginstal paket 2d world pada proyek plugin unity buildit yang sudah ada untuk digunakan! cara menerapkan di unity hub, pilih folder plugin buildit lalu tekan tombol open 📘 note jika ini pertama kalinya, ikuti 1 instalasi docid o3yofv5oynmm0xny1mpu untuk terlebih dahulu menginstal plugin unity buildit dan mempelajari kontrol dasar jika proyek plugin buildit sudah terbuka, di bagian atas pilih zepeto > buildit plugin package manager > lalu pilih 2d world tekan tombol import untuk mengimpor semua komponen setelah menyelesaikan langkah 3, folder assets > zepeto 2d world telah dibuat klik dua kali file 2dworldscene di dalam folder untuk membukanya setelah login akun di bagian atas, nyalakan multiplayer server (on), lalu tekan tombol play untuk memainkan dunia 2d fitur dunia 2d anda dapat menggunakan fitur modul dasar dari plugin buildit anda dapat menggunakan fitur voice chat, quick chat, gesture, screenshot/rekam layar, lemari pakaian, dan bgm menyediakan fitur pergantian mode lanskap/potret anda dapat mengubah layar loading anda dapat mengubah latar belakang map anda dapat menambahkan map sebanyak yang anda inginkan dan menghubungkannya dengan portal untuk membuat ruang yang kreatif jumlah map tidak dibatasi, tetapi saat merilis ke zepeto studio, ukuran file build harus di bawah 1gb dan nilainya harus tidak melampaui panduan optimisasi anda dapat mengubah musik latar (bgm) karena ini adalah dunia 2d, penempatan objek 3d tidak cocok sehingga tidak direkomendasikan tujuannya adalah membuat dunia dengan cepat dan mudah hanya dengan gambar latar belakang dan koneksi portal membuat dunia 2d komposisi dasar 2dworldscene secara default, contoh yang berisi layar loading dan 2 map yang terhubung dengan portal sudah disertakan untuk kemudahan kerja, silakan klik menu 2d di scene editor unity layar loading jika anda mencentang aktif pada objek managers > loadingscreen di inspector, anda dapat menggunakan fitur layar loading seret gambar yang akan digunakan sebagai gambar loading ke assets, ubah texture type menjadi sprite(2d and ui), lalu tekan apply pilih managers > loadingscreen > image seret gambar loading yang baru anda tambahkan ke properti sourceimage pada objek image untuk mengubah gambar loading pilih managers > loadingscreen > text(tmp) di bagian textmeshpro text(ui), tuliskan teks loading jika tidak ingin teks, anda boleh membiarkannya kosong managers > loadingscreen > delay after ready menunjukkan waktu (detik) layar loading tetap ditampilkan setelah karakter zepeto dibuat nilai default adalah 0 1 mengubah kecepatan gerak karakter managers anda dapat mengatur kecepatan gerak karakter run speed mengatur kecepatan lari karakter walk speed mengatur kecepatan jalan karakter fitur lompat tidak dapat digunakan di dunia 2d mengedit map anda dapat mengubah gambar latar map, portal, area gerak karakter, bgm, dan judul map mengubah gambar latar belakang di hierarchy, pilih objek zepeto2d bg sprite renderer > sprite seret gambar yang diinginkan untuk mengubah latar belakang rebuild borders2d jika anda mengganti gambar, anda harus mengklik tombol ini ini akan membuat boxcollider2d sebagai area yang dapat dilalui di tepi luar sesuai ukuran gambar pindahkan border2d top dengan move tool agar berada di batas lantai pada gambar border lainnya tidak perlu anda ubah secara terpisah ukuran map dibuat sesuai ukuran gambar asli, tetapi anda dapat menyesuaikannya ke ukuran yang diinginkan dengan memasukkan nilai scale pada transform ukuran gambar asli yang disarankan 3400×1530px ini adalah ukuran gambar latar 2d yang dapat di scroll secara horizontal meski ukurannya berbeda dari rekomendasi, tidak akan ada masalah dalam pembuatan dunia menghubungkan portal di hierarchy, pilih objek zepeto2d bg linked portal obj saat karakter masuk ke dalam area box collider portal, portal akan aktif, dan saat tombol diklik, karakter akan berpindah ke tujuan yang terhubung seret portal tujuan untuk menambahkannya interact button text teks yang muncul pada tombol portal jika tidak ada portal yang terhubung, teks tidak akan muncul show map title toast jika dicentang, map title yang dimasukkan akan muncul saat berpindah portal map title teks nama anda dapat membuat portal tambahan melalui zepeto2d bg > create portal2d(child) mengubah bgm di hierarchy, pilih objek zepeto2d bg > bgm seret musik yang diinginkan ke bgm audio source untuk mengubahnya anda dapat mengatur bgm yang berbeda untuk tiap map mengedit ui judul map anda dapat mengubah posisi tempat judul muncul dengan mengedit nilai posisi rect transform pada managers > uitoolbar > maptitletoast di managers > uitoolbar > maptiltetoast>background, anda dapat mengubah color atau menggunakan gambar kustom, serta mengubah ukuran area background dengan mengedit nilai rect transform pilih managers > uitoolbar > maptiltetoast>background>text(tmp) untuk mengubah warna teks melalui font size dan vertex color menambahkan map klik zepeto 2d > create bg di bagian atas untuk menambahkan map baru untuk map yang baru ditambahkan, ubah gambar dan hubungkan portal dengan cara yang sama menambahkan npc di dunia 2d, anda dapat menggunakan npc yang dapat diajak berbicara edit npc yang ditempatkan pada sample scene, atau klik zepeto 2d > create zepetonpc di bagian atas untuk menambahkan npc zepeto di hierarchy , pilih zepetonpc yang telah dibuat zepeto id masukkan id akun zepeto yang akan digunakan npc name masukkan nama npc yang akan ditampilkan di layar dialogue id masukkan dialogue id yang akan digunakan dialogue id adalah nilai unik dari dialogue yang dibuat dengan npc dialogue editor untuk detail, silakan periksa bagian mengatur npc dialogue di bawah menambahkan sprite npc dengan fitur sprite npc , anda dapat menjadikan gambar yang anda masukkan sendiri sebagai npc pilih zepeto 2d > create spritenpc di bagian atas di hierarchy , pilih spritenpc yang telah dibuat sprite anda dapat mengatur sprite yang akan digunakan sebagai npc masukkan gambar yang ingin digunakan sebagai npc ke project gunakan gambar png tanpa latar belakang ukuran gambar yang disarankan 720 720 meski bukan ukuran yang disarankan, anda dapat menyesuaikan ukurannya di unity melalui pengujian pilih gambar yang diimpor lalu ubah inspector > texture type menjadi sprite (2d and ui) setelah diubah, klik apply di bagian bawah untuk menerapkan perubahan ubah inspector > sprite renderer > sprite pada sprite npc menjadi sprite yang diimpor jika ingin mengubah ukuran npc, coba ubah nilai transform > scale > x, y anda dapat membalik gambar pada arah x, y menggunakan inspector > sprite renderer > flip tekan play untuk memastikan sprite npc buatan dari gambar kustom tampil dengan baik jika ingin mengatur jarak interaksi dengan npc, pilih sprite npc yang ingin diubah lalu atur inspector > box collider > size > nilai x, y, z pastikan npc ditempatkan agar tidak bertumpuk dengan portal atau npc lainnya menambahkan npc di dunia 2d, anda dapat menggunakan npc yang bisa diajak mengobrol anda bisa memodifikasi npc yang ditempatkan di sample scene , atau klik zepeto 2d > create zepetonpc di menu atas untuk menambahkan npc zepeto baru di hierarchy , pilih zepetonpc yang telah dibuat zepeto id masukkan id akun zepeto yang ingin digunakan npc name masukkan nama npc yang akan ditampilkan di layar dialogue id masukkan dialogue id yang akan digunakan dialogue id adalah nilai unik dari sebuah dialog yang dibuat menggunakan npc dialogue editor 📘 note untuk detail tentang pengaturan dialog, silakan lihat mengatur dialog npc docid\ z5ccf3mv7dwjtyia u5k7 menambahkan sprite npc dengan fitur sprite npc , anda dapat menyulap gambar kustom apa pun yang anda import menjadi npc pilih zepeto 2d > create spritenpc di menu atas di hierarchy , pilih spritenpc yang telah dibuat sprite anda dapat menetapkan sprite yang akan digunakan sebagai npc tambahkan gambar yang ingin anda gunakan sebagai npc ke panel project harap gunakan gambar png tanpa latar belakang (transparan) rekomendasi ukuran gambar 720 720 meskipun ukurannya tidak sesuai dengan yang direkomendasikan, anda dapat dengan mudah menyesuaikan ukurannya di unity saat mengujinya pilih gambar yang telah diimpor dan ubah inspector > texture type menjadi sprite (2d and ui) setelah diubah, klik apply di bagian bawah untuk menerapkan perubahan ubah inspector > sprite renderer > sprite milik sprite npc ke sprite yang baru saja anda impor jika anda ingin mengubah ukuran npc, cobalah mengubah nilai transform > scale > x, y anda dapat membalik gambar secara horizontal maupun vertikal menggunakan inspector > sprite renderer > flip tekan play untuk memverifikasi apakah sprite npc gambar kustom anda ditampilkan dengan benar jika anda perlu menyesuaikan jarak interaksi, pilih sprite npc yang ingin diubah dan sesuaikan nilai inspector > box collider > size > x, y, z pastikan anda menempatkan npc agar tidak tumpang tindih dengan portal atau npc lainnya 📘 note untuk detail tentang pengaturan dialog, silakan lihat mengatur dialog npc docid\ z5ccf3mv7dwjtyia u5k7 menempatkan ad teleport 2d tempatkan objek ad teleport 2d untuk memperoleh pendapatan juga di dunia 2d melalui teleport yang hanya berfungsi ketika pengguna menonton iklan, dapatkan keseruan sekaligus pendapatan dari dunia buatan anda objek ad teleport2d adalah objek khusus dunia 2d yang bekerja sama seperti objek advertisement yang sudah ada pilih objek adteleport2d pada build it asset browser > 2d seret dan tempatkan di posisi yang diinginkan pada scene di hierachy , masukkan objek adteleport2d yang ditempatkan ke bawah (child) bg yang ingin anda tempatkan tempatkan objek adteleport2d > destination di posisi yang ingin dijadikan titik tujuan jika anda ingin menempatkan titik tujuan di bg lain, tempatkan gameobject kosong di bawah bg tersebut, lalu masukkan gameobject kosong yang dibuat ke adteleport2d > inspector > zepeto script > destination untuk digunakan sebagai destination pengujian objek adteleport2d tidak dapat dilakukan di unity dan harus dilakukan di perangkat mobile anda bisa melakukannya dengan mendaftarkan file build ke zepeto studio 4 uji dunia anda docid\ thyy1 oszymmaycqwx95 tips pembuatan dunia 2d direkomendasikan untuk mengunci koordinat z setiap map ke nilai default 100, lalu mengatur penempatan dengan menyesuaikan nilai x, y jika map saling tumpang tindih di scene, saat multiplayer pemain dari map lain bisa terlihat di layar, jadi perlu memberi jarak antar map seperti pada contoh di bawah anda juga boleh menggunakan gambar yang dihasilkan ai saat merilis ke zepeto studio, mohon cantumkan di deskripsi dunia bahwa itu adalah gambar ai 💡 jika ingin menghasilkan gambar ai dengan kesan ruang yang memiliki kedalaman, coba gunakan prompt berikut adegan dari \[konsep ruang] dengan komposisi yang terasa luas dan memiliki kedalaman, sudut kamera secara natural mengarah ke bagian dalam ruang komposisi yang menekankan perspektif (titik hilang) sehingga pandangan terkumpul di pusat atau satu titik ekspresikan kedalaman ruang yang realistis melalui pantulan cahaya di lantai, kabut atau berkas cahaya di udara, serta kontras bayangan pencahayaan yang dimensional dan tekstur material yang realistis berpadu sehingga atmosfer ruang tersampaikan dengan hidup komposisi sinematik dan pencahayaan realistis, ekspresi tekstur detail resolusi tinggi, perspektif dengan kedalaman, efek fokus yang mengalir natural kabur di depan belakang cobalah membuat ruang anda sendiri secara sederhana hanya dengan menambahkan gambar, menghubungkan portal, dan bgm!