Bagian 4: Membuat Pemain Anda
Di Bagian 3, Anda telah belajar bagaimana cara membuat tingkat pertama Anda. Dalam tutorial ini, kita akan mulai mengubah tingkat kosong kita menjadi sebuah permainan.
Platformer adalah permainan seperti Mario. Biasanya platformer memiliki karakter yang dapat dikendalikan dengan joystick, dan dapat melompat untuk memecahkan berbagai teka-teki.
Bagian dari panduan ini membangun di atas Bagian 3, dan mengasumsikan bahwa Anda telah membuat tingkat Anda menggunakan aset dari Platformer Starter Pack, yang dapat Anda unduh dari Asset Shop.
Menambahkan Pemain:
Anda pertama-tama perlu menambahkan grafik pemain Anda ke dock objek. Mulailah dengan menjelajahi folder Unduhan di Asset Library dan temukan karakter Green Space Man yang dianimasikan.
Mengetuk karakter yang dianimasikan di Asset Library, akan menunjukkan kepada Anda semua siklus animasi yang tersedia.
Karenanya, kita tidak ingin pemain terlihat seperti dia berjalan meskipun dia sedang diam, kita akan menggunakan siklus animasi "Berdiri". Ketuk siklus animasi "Berdiri" untuk menambahkannya ke dock.
Catatan: Jika grafik animasi yang Anda gunakan tidak memiliki siklus berdiri atau diam, Anda selalu dapat memilih satu bingkai dari animasi dengan menahan jari Anda pada siklus animasi, dan memilih "Lihat Bingkai" dari Menu Aset.
Sekarang setelah Anda memiliki karakter Anda di Object Dock, Anda dapat dengan mudah menyeretnya dari dock dan ke dalam adegan Anda.
Menggerakkan Pemain:
Sekarang kita perlu menghidupkan karakter, dan membuatnya dapat bergerak dengan joystick. hyperPad membuat proses ini sangat sederhana dengan perilaku yang disertakan.
Pertama buka Properti Objek dengan mengetuk karakter yang baru saja Anda seret ke kanvas.
Dari "Tab Fisika" Properti Objek, jadikan karakter Anda tipe "Fisika" dengan mengetuk ikon objek fisika ( ) tepat di bawah tombol "Perilaku".
Catatan: Objek fisika, akan mematuhi hukum gravitasi, dan akan bereaksi terhadap objek dan gaya lain.
Selanjutnya, ketuk tombol Perilaku untuk membuka editor perilaku dan mulai proses membuat karakter Anda dapat dimainkan.
Editor perilaku memiliki kategori berbeda yang ditampilkan di bar atas, dan perilaku di sebelah kiri.
Karena Anda telah menambahkan Siklus Animasi, perilaku "Putar Animasi" sudah ditambahkan di kanvas perilaku.
Dari kategori "interaksi", seret perilaku "Joystick Terkendali" ke kanvas Anda.
Segera setelah perilaku ini ditambahkan, itu juga secara otomatis akan membuat dan menambahkan joystick di LAPISAN UI GLOBAL. Jika Anda sudah memiliki joystick yang ditambahkan ke lapisan UI Anda, perilaku ini akan secara otomatis menggunakan itu alih-alih menambahkan satu untuk Anda.
Pada titik ini, Anda dapat menekan putar dan menjalankan permainan Anda! Namun, Anda mungkin menyadari bahwa pemain hanya meluncur di sekitar layar...
Animasi:
Mari kita membuat permainan terlihat sedikit lebih baik dengan menambahkan beberapa animasi pada pemain kita.
Kita akan mulai dengan membuat karakter berjalan saat menggerakkan joystick ke kiri atau kanan.
Untuk melakukan ini, Anda perlu melihat perilaku interaksi "lanjutan". Saat berada di kategori "Interaksi", ketuk opsi "Lanjutan" di bagian bawah daftar perilaku.
Dari daftar "lanjutan", tambahkan "Joystick Kiri" dan "Joystick Kanan" ke kanvas.
Selanjutnya, dari kategori "FX", tambahkan perilaku "Putar Animasi" dan sambungkan kedua Joystick Kiri dan Kanan ke Putar Animasi yang baru ditambahkan ini.
Sekarang, ketuk Perilaku "Putar Animasi" untuk melihat Properti Perilaku.
Kotak pertama di bagian atas adalah objek yang ingin Anda terapkan animasi. hyperPad secara otomatis memilih objek saat ini.
Catatan: Anda dapat mengetuk di sini dan memilih objek lain di adegan Anda jika Anda mau. Kita tidak ingin melakukan itu sekarang, jadi kita akan membiarkannya begitu saja.
Kotak di bawahnya, mewakili animasi yang ingin Anda mainkan. Karena tidak ada animasi untuk dimainkan, itu kosong.
Ketuk kotak kosong untuk memilih animasi.
Perhatikan bahwa jalur film muncul di sepanjang bagian bawah layar. Ketuk Ikon Asset Library, untuk menambahkan siklus animasi ke jalur film.
Jelajahi karakter "Green Spaceman" yang dianimasikan, dan pilih siklus "Berjalan". Perhatikan bahwa setiap bingkai dari animasi telah secara otomatis ditambahkan ke jalur film. Ketuk di mana saja untuk menutup jalur film dan kembali ke properti.
Catatan: Anda juga dapat menambahkan gambar individu atau bingkai animasi ke jalur film animasi. Anda tidak hanya terbatas pada siklus animasi yang telah dibuat sebelumnya.
Selanjutnya, dari properti perilaku animasi Berjalan matikan toggle untuk "Loop Animation". Kita ingin switch ini dimatikan karena Joystick Kiri dan Kanan pada dasarnya mengulang animasi kita untuk kita karena animasi hanya akan terjadi saat joystick ke kiri atau kanan.
Terakhir, mari kita ganti nama perilaku ini agar lebih mudah ditemukan nanti. Dari properti perilaku, ketuk nama perilaku di bagian paling atas. Ini akan memunculkan papan ketik, dan memungkinkan Anda untuk mengetik nama baru untuk perilaku. Mari kita sebut "Animasi Berjalan".
Jika Anda menekan putar sekarang, karakter Anda harus bergerak dengan joystick dan dianimasikan!
Melompat:
Anda tidak bisa memiliki permainan platform tanpa melompat! Membuat pemain melompat adalah hal yang mudah di hyperPad.
Saat Anda masih di editor perilaku Green Spaceman, ketuk kategori "Interaksi", dan dari daftar perilaku di sebelah kiri, seret perilaku "Melompat dengan Tombol". Sama seperti perilaku Joystick Terkendali, melompat dengan tombol juga akan menangani banyak gerakan objek Anda untuk Anda, dan secara otomatis menambahkan tombol ke LAPISAN UI GLOBAL.
Anda dapat mengetuk perilaku lompat untuk melihat propertinya. Dari properti perilaku lompat, Anda dapat mengubah pengaturan seperti suara yang akan dimainkan, kekuatan lompatan, dan lainnya. Untuk tutorial ini, kita akan meninggalkan semuanya sama, kecuali kita akan mengubah kekuatannya.
Saya harus membuat kekuatannya 18, agar bisa melompati semua rintangan di tingkat yang dibuat untuk Bagian 3. Jika Anda merancang tingkat Anda sendiri, Anda mungkin perlu bermain-main dengan nilai lompat hingga cocok untuk Anda.
Jika Anda menekan putar sekarang, Anda dapat melihat pemain Anda berlari dan melompat. Namun, Anda mungkin telah memperhatikan bahwa karakter terus berjalan saat melompat di udara... Mari kita perbaiki itu!
Mari kita mulai dengan memutar animasi saat Anda melompat.
Dari kategori "Interaksi" tambahkan perilaku "Mulai Menyentuh", lalu ketuk perilaku yang baru saja Anda tambahkan untuk melihat propertinya.
Sekarang kita perlu mengubah perilaku, agar hanya berfungsi saat Anda mulai menyentuh tombol lompat. Dari properti perilaku "Mulai Menyentuh", ketuk grafik spaceman di kotak atas.
Ini akan membawa Anda ke layar "Pemilih Objek". Dari sini Anda dapat memilih objek atau elemen UI mana pun di adegan Anda. Anda mungkin tidak dapat memilih tombol. Ini karena Green Spaceman ada di Lapisan Utama, dan tombol berada di LAPISAN UI GLOBAL. Dari bilah lapisan di sisi kanan layar, cukup ketuk lapisan "Global UI". Sekarang Anda dapat memilih tombol tersebut.
Dengan tombol yang dipilih, ketuk ikon terima di bagian bawah.
Selanjutnya, tambahkan perilaku Putar Animasi lainnya, dan sambungkan ke perilaku Mulai Menyentuh yang sebelumnya kita tambahkan.
Sama seperti yang Anda lakukan sebelumnya, Anda dapat mengganti nama perilaku, dan memilih animasi dari Properti Perilaku.
Untuk mengganti nama, ketuk judul perilaku di properti objek dan masukkan nama baru. Saya menggunakan "Animasi Lompat".
Sama seperti yang Anda lakukan untuk animasi berjalan, Anda perlu memilih siklus untuk lompat. Ketuk kotak kosong kedua di properti perilaku, dan pilih siklus animasi Lompat dari animasi Green Spaceman yang tersedia.
Anda juga perlu mematikan toggle "Loop Animation", dan toggle "Restore Frame".
Jika Anda menekan putar sekarang, Anda dapat melihat saat Anda melompat karakter tampak seperti dia melompat! Namun, masih ada 2 masalah kecil.
-
Karakter tidak kembali ke animasi berdirinya saat dia mendarat
-
Jika Anda menggerakkan karakter saat dia di udara, karakter memainkan animasi berjalan di udara.
Untuk masalah pertama, beralih ke kategori perilaku "Transformasi", dan ketuk tombol lanjutan untuk melihat perilaku lanjutan.
Sekarang seret perilaku "Berhenti Jatuh", dan juga seret perilaku "Putar Animasi" lainnya dari kategori FX dan sambungkan ke "Berhenti Jatuh".
Di "Putar Animasi" yang baru saja Anda tambahkan, pilih siklus animasi "Berdiri" dari Green Spaceman, nonaktifkan toggle "Restore Frame" dan "Loop Animation", dan ganti nama perilaku Putar Animasi menjadi "Berdiri".
Green Spaceman sekarang seharusnya bisa melompat, dan terlihat seperti dia berdiri saat dia mendarat.
Untuk masalah kedua, kita perlu menghentikan animasi dari berjalan saat karakter sedang melompat.
Beralih ke kategori perilaku "Kustom" dan seret "Perilaku Mati", dan sambungkan ke perilaku "Mulai Menyentuh" yang sebelumnya kita tambahkan untuk Animasi Lompat.
Sekarang ketuk "Perilaku Mati", dan ketuk kotak kosong untuk memilih perilaku dari daftar. Dari daftar, cari perilaku "Putar Animasi" (Animasi Berjalan) yang terhubung ke perilaku Joystick kiri dan kanan.
Selanjutnya, tambahkan "Perilaku Hidup", dan sambungkan ke perilaku "Berhenti Jatuh" yang sebelumnya kita tambahkan.
Sekali lagi, ketuk kotak kosong, dan pilih perilaku Putar animasi (Animasi Berjalan) yang memutar animasi berjalan.
Jika Anda menekan putar sekarang, karakter Anda seharusnya dapat bergerak dan melompat dengan sempurna!
Menggerakkan Layar:
Seperti yang mungkin Anda perhatikan, jika Anda bergerak terlalu jauh, karakter pergi di luar layar. Di permainan platform tradisional, layar biasanya bergerak dengan pemain Anda. Ambil Mario sebagai contoh, Mario selalu berada di tengah layar (dengan sedikit variasi).
Mari kita buat layar bergerak dengan Green Spaceman, sehingga dia tidak pernah bisa keluar dari layar.
Saat Anda masih di perilaku Green Spaceman, beralih ke kategori "Layar", dan tambahkan perilaku "Layar Mengikuti". Perilaku "Layar Mengikuti" akan memindahkan layar dengan objek yang Anda pilih.
Selanjutnya, buka properti perilaku untuk Layar Mengikuti, dan nonaktifkan toggle untuk "Mengikuti Y". Ini membuat layar akan mengikuti pemain Anda ke kiri atau kanan, tetapi tidak ke atas atau ke bawah.
Pada titik ini, jika Anda menekan putar, Anda seharusnya dapat menjalankan melalui tingkat Anda dengan karakter yang dianimasikan, dan layar bergerak bersamaan dengan Anda.
Anda dapat mengunduh versi selesai dari Bagian 4 dari Hub dan melihat semuanya dalam aksi.
Di Bagian 5, kita akan mulai menambahkan sedikit lebih banyak elemen Gameplay dengan menambahkan koin untuk diambil, dan skor.