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 mengatur npc dialogue dengan memanfaatkan npc dialogue system yang baru, anda dapat menambahkan npc yang jauh lebih menyenangkan dan hidup ke dunia anda sendiri! lebih dari sekadar percakapan jawaban singkat, anda dapat mengimplementasikan kontinuitas dialog di mana cerita berlanjut berdasarkan pilihan pengguna, dan membangun sistem dialog imersif yang berkomunikasi dengan pengguna global di seluruh dunia melalui dukungan multibahasa (localization) sistem ini terdiri dari tiga elemen inti untuk membantu kreator mengonfigurasi dan menerapkan dialog dengan mudah dialogue editor , dialogue helper , dan npc (zepetonpc component) 1\ memanfaatkan dialogue helper dialogue helper adalah titik kontrol pusat (central control point) yang membantu pembuatan dialog dan alokasi npc pilih zepeto > dialogue helper dari menu atas untuk membuka jendela npc field menampilkan npc yang saat ini dipilih di scene field ini otomatis diperbarui jika anda memilih gameobject yang memiliki zepetonpc component (jika tidak diperbarui secara otomatis, klik refresh ) dialogue field menampilkan dialog yang dialokasikan saat ini, dan jika diklik, jendela pilihan akan muncul di mana anda dapat mengalokasikan aset dialog (node graph asset) tombol export mengonversi dan mengekstrak data agar dapat digunakan pada runtime dunia 2d setelah mengatur dialog anda harus selalu mengklik tombol ini setelah memodifikasi aset folder dialogue membuka folder tempat semua aset dialog disimpan create new membuat aset dialog baru 2\ memanfaatkan dialogue graph editor (node editor) jika anda mengklik create new di dialogue helper atau membuka aset dialog, dialogue graph editor akan muncul editor ini adalah alat yang memungkinkan anda mendesain alur dialog yang kompleks secara intuitif melalui koneksi node visual cara menggunakan dialogue graph editor minimap saat pohon dialog semakin panjang dan jumlah node semakin banyak, minimap memungkinkan anda memahami struktur keseluruhan secara sekilas ini berguna untuk memeriksa area yang saat ini terlihat di minimap atau memindahkan layar dengan cepat ke lokasi lain info menampilkan kontrol dasar yang tersedia di dalam dialogue graph editor jenis node inti (node) start node titik masuk di mana dialog dimulai (hanya boleh ada 1 per graf ) npc node node inti tempat anda memasukkan dialog npc dan respons pemain (opsi pilihan) what the npc says tuliskan dialog yang akan ditampilkan npc di layar gesture pilih animasi karakter npc yang akan dimainkan selama dialog berlangsung answer options anda dapat menambahkan beberapa jawaban yang dapat dipilih pemain untuk membuat percabangan dialog (branching) end node menunjukkan titik akhir dialog saat pemain memilih opsi yang terhubung ke node ini, dialog akan berakhir mengedit dan menghubungkan graf anda dapat membuat dan menghubungkan node di kanvas dialog dengan cara berikut anda dapat klik kanan pada ruang kosong di kanvas untuk membuat node baru ( create node ), atau menyalin dan menghapus node yang sudah ada seret port output di sebelah kanan pilihan (answer options) dan hubungkan ke port input node berikutnya untuk menyelesaikan alur dialog (flow) tips layar navigasi dapat digeser dengan cara berikut navigasi (menggeser layar) tombol tengah mouse (klik scroll wheel) klik kiri mouse + tombol option/alt (⌥) pemilihan & menu pemilihan tunggal klik kiri mouse pemilihan area (rectangular selection) klik kiri mouse (seret untuk memilih dalam bentuk persegi panjang) buka menu node klik kanan mouse pengaturan dukungan multibahasa (localization) pengaturan jendela inspector klik aset dialog (node graph asset) yang dibuat dan lihat jendela inspector untuk mencentang bahasa yang akan didukung (english, korean, japanese, dll ) memanfaatkan toolbar editor anda dapat langsung memasukkan teks terjemahan yang sesuai untuk setiap bahasa dengan mengganti bahasa dari language selector di kiri atas jendela editor 3\ membuat npc dialogue baru membuat dialog klik create new di jendela dialogue helper di dialogue editor yang terbuka otomatis, edit node (dialog npc) dan respons pemain (pilihan) secara bebas untuk mengonfigurasi node dialog menetapkan npc klik objek npc yang akan ditambahkan dialog di jendela hierarchy periksa apakah objek tersebut memiliki zepetonpc component di jendela inspector alokasikan npc yang akan diterapkan dialog pada bagian 'npc' di npc dialogue helper mengalokasikan dialog dan export klik dialogue field di dialogue helper dan hubungkan aset dialog yang baru saja anda buat setelah selesai diterapkan, klik tombol export agar dapat berfungsi di dalam game pemeriksaan akhir inspector periksa apakah pengaturannya sudah benar di jendela inspector ( zepetonpc component) npc tersebut npc konfirmasi bahwa ini adalah aset npc yang benar dialogue id periksa apakah string dari dialogue id cocok dengan aset dialog yang dipilih tips anda dapat dengan mudah menggunakan kembali aset dialog npc yang sama untuk banyak npc agar perubahan dialog anda tercermin dengan baik di game yang sebenarnya, harap sering sering melakukan export setelah mengedit dialog faq saat dialog tidak muncul di layar periksa apakah anda telah melakukan export, dan pastikan dialogue panel serta dialogue id telah dimasukkan dengan benar di inspector saat info npc tidak berubah di tool tekan tombol refresh di jendela dialogue helper, atau klik kembali npc di hierarchy 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!