Mengimpor Aset

Artikel ini akan membahas berbagai cara untuk mengimpor aset ke dalam hyperPad. Untuk melihat berbagai jenis aset yang dapat Anda impor, lihat artikel "Jenis Aset yang Didukung".

Cara tercepat untuk mengimpor adalah dengan meluncurkan Perpustakaan Aset dan memilih opsi "Impor" dari menu sebelah kiri. Ini akan meminta Anda untuk memilih jenis aset yang ingin Anda impor.

Mengimpor Grafik:

Jika Anda ingin mengimpor hanya grafik standar tanpa animasi, pilih opsi grafik dari pop up impor.

Anda kemudian akan diminta dengan sumber yang tersedia untuk diimpor.

Camera Roll akan mengimpor gambar langsung dari perpustakaan gambar perangkat (di aplikasi Foto). Ini termasuk gambar yang Anda ambil dengan kamera, impor dari aplikasi pihak ketiga, atau yang diunduh melalui browser web.

Files memungkinkan Anda mengakses aplikasi "files" dan menggunakannya untuk menjelajahi grafik. Aplikasi Files juga memberi Anda akses ke iCloud Drive, dan sumber pihak ketiga lainnya yang terintegrasi dengan aplikasi Files Apple. (seperti Dropbox, google drive, dan Skydrive)

Dropbox memberikan akses ke perpustakaan dropbox Anda. Untuk menggunakan Dropbox dengan hyperPad, Anda terlebih dahulu perlu menghubungkan akun Anda dan memberikan izin kepada hyperPad untuk mengakses file Anda. Ini akan secara otomatis diminta saat pertama kali Anda mencoba mengimpor dari dropbox.

Setelah Anda memilih sumber, Anda akan dapat menavigasi dengan penjelajah file dan menemukan gambar yang ingin Anda impor.

SD+HD Toggle

Anda mungkin akan melihat toggle Import SD+HD di kanan atas jendela impor. Secara default, ini dimatikan. Saat dimatikan, Anda tidak perlu khawatir tentang membutuhkan resolusi standar dan definisi tinggi terpisah untuk gambar yang Anda impor. Dengan toggle ini dimatikan, hyperPad menganggap semua gambar yang diimpor adalah "HD". Cukup impor gambar berkualitas tinggi dan hyperPad akan otomatis membuat definisi standar untuk Anda. Ini berarti bahwa, ketika aplikasi Anda digunakan di perangkat lain (seperti perangkat Apple lama yang tidak memiliki display retina), itu akan secara otomatis menggunakan gambar berkualitas lebih rendah.

Namun, jika Anda ingin menambahkan gambar dengan dual resolusi sendiri, Anda dapat mengaktifkan sakelar toggle. Dengan sakelar ini diaktifkan, Anda perlu memiliki gambar dalam dua resolusi berbeda (mis. 1024X 1024 untuk SD dan 2048x2048 untuk HD). Nama file gambar HD juga harus diakhiri dengan "-hd".

Catatan: Harap ingat bahwa ukuran gambar maksimum yang diizinkan oleh hyperPad adalah 2048x2048. Saat mengimpor grafik, hyperPad dapat menggunakan file gambar apa pun yang kompatibel dengan iOS. Format yang disarankan untuk grafik adalah PNG karena juga dapat menangani grafik transparan.

Mengimpor Animasi:

Di hyperPad terdapat dua metode utama untuk mengimpor animasi. 1) Membuat animasi saat impor, dan 2) Mengimpor spritesheet.

Membuat Animasi:

Metode pertama untuk mengimpor animasi, akan membuat urutan animasi untuk Anda saat mengimpor setiap frame animasi.

Pilih Buat Animasi. Ini akan membuka Jendela Sumber Impor. Di sini Anda dapat memilih dari sumber yang tersedia untuk impor Anda; Camera Roll, Files, dan Dropbox.

Catatan: Metode ini tidak memiliki toggle impor SD+HD. Ini karena saat menggunakan metode ini untuk mengimpor frame animasi, hyperPad akan otomatis membuat sprite sheet dalam HD dan SD untuk Anda.

Jadi pastikan setiap gambar frame adalah resolusi tertinggi yang Anda miliki, dan bahwa setiap frame memiliki ukuran yang sama persis dengan objek di pusat. Jika objek tidak terpusat dan setiap frame memiliki ukuran yang berbeda, animasi Anda tidak akan berjalan dengan benar.

Pastikan juga bahwa total frame yang digabungkan tidak melebihi 2048x2048 piksel. Ini berarti jika Anda memiliki animasi 16 frame, setiap grafik frame tidak boleh melebihi 128*128 piksel.

Setelah memilih dari mana Anda ingin mengimpor gambar Anda, navigasikan ke folder tempat Anda menyimpan gambar dan membukanya. Di sana, Anda dapat memilih gambar yang Anda inginkan dengan mengetuknya.

Sekarang, pilih setiap gambar, pastikan mereka dinamai dengan benar agar dapat diimpor dalam urutan yang benar. Gambar-gambar ini akan menjadi frame animasi kami. Setelah mereka dipilih, ketuk selesai untuk mengimpor. Anda akan diminta untuk memberi nama animasi setelah proses impor selesai.

Anda dapat melihat pratinjau animasi untuk memastikan bahwa semuanya berfungsi dengan baik, dengan menekan dan menahan jari Anda pada aset animasi baru yang dibuat di perpustakaan. Ini akan membuka Menu Aset. Pilih Pratinjau animasi untuk memutar urutan animasi.

Mengimpor Sprite Sheet:

Metode kedua ini sedikit lebih kompleks dan bergantung pada alat lainnya. Ini biasanya memberikan hasil terbaik. Metode ini membutuhkan pembuatan sprite sheet dan file data plist yang menyertainya. Program apa pun yang dapat menghasilkan file kompatibel dengan Cocos2D akan berfungsi. Kami merekomendasikan TexturePacker untuk ini. Program ini dapat diunduh secara gratis di sini: https://www.codeandweb.com/texturepacker

Setelah sprite sheet dan data plist Anda dibuat, Pilih Impor Sprite Sheet dari menu impor animasi.

Seperti dengan aset lainnya, Anda kemudian akan diminta untuk memilih sumber untuk mengimpor. Perhatikan bahwa untuk sprite sheet Anda tidak dapat mengimpor dari Camera roll. Ini karena sprite sheet memerlukan file data PLIST di samping gambar sprite sheet.

Pilih sumber yang Anda inginkan dan navigasikan ke tempat Anda menyimpan file-file tersebut.

Setelah Anda menemukan file-file Anda, cukup ketuk untuk memilihnya lalu ketuk selesai di sudut kanan atas untuk mulai mengimpor.

Catatan: Anda harus memilih baik gambar sprite sheet dan file data plist atau Anda akan menerima kesalahan. Juga jika toggle Impor SD+HD diaktifkan, Anda harus memilih 4 file. Sebuah gambar SD dan HD, dan file Plist SD dan HD.

Mengimpor Partikel

Mengimpor partikel bekerja dengan cara yang sama seperti mengimpor animasi sprite sheet. Seperti sprite sheet, partikel terdiri dari 2 file. Anda memiliki grafik partikel dan file data meta PLIST yang berisi parameter efek partikel. Jadi saat memilih dan mengimpor efek partikel Anda, Anda harus memilih kedua file. Ingatlah, partikel bisa sangat memakan sumber daya, jadi grafik partikel Anda harus relatif kecil. Kami biasanya menyarankan untuk tidak melebihi 64x64 piksel untuk partikel HD.

Sekali lagi, mirip dengan grafik dan animasi, toggle SD+HD ada.

Anda dapat menggunakan aplikasi pembuatan partikel apa pun yang akan mengekspor sistem partikel yang kompatibel dengan Cocos2D.

Mengimpor Musik & Efek Suara

Mengimpor suara dan musik ke dalam hyperPad cukup sederhana. Buka menu Impor Aset dan kali ini, pilih Musik & Suara untuk opsi jenis aset yang akan diimpor.

Dari sini, Anda dapat mengimpor file audio dari perpustakaan iTunes, aplikasi Files, dan Dropbox.

Setelah Anda memilih sumber impor Anda, cukup navigasikan ke file audio yang ingin Anda impor, pilih dan ketuk selesai. Seperti sebelumnya, Anda dapat mengimpor beberapa file sekaligus.

hyperPad dapat memutar semua format audio yang didukung oleh iOS. Untuk daftar lengkap file yang kompatibel, periksa Perpustakaan Pengembang iOS di sini: https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/MultimediaPG//UsingAudio/UsingAudio.html

Mengimpor Font

Dengan font ada dua opsi. BMFonts dan TTF font.

BM Font adalah singkatan dari Bitmap font. BMFonts, biasanya memiliki kualitas yang lebih rendah tetapi menawarkan keuntungan dalam performa. BMFonts sangat baik untuk situasi di mana Anda memiliki banyak objek di layar dan dalam situasi di mana teks Anda terus berubah. Mirip dengan Partikel dan animasi spritesheet, BMFonts memerlukan PNG (dengan setiap karakter), dan file data FNT. hyperPad dapat mendukung generator BMFont mana pun yang bekerja dengan cocos2D. Salah satu contohnya adalah BMGlyph.

Ketika mengimpor font BM, Anda hanya dapat mengimpor dari Dropbox. Jadi pastikan Anda memiliki akun dropbox yang terhubung dan membukanya. Navigasikan ke tempat Anda menyimpan file font Anda.

Navigasikan ke mana file bmfont Anda disimpan, lalu pilih file dan ketuk selesai (catatan, gambar di bawah menunjukkan 4 file yang dipilih karena toggle SD/HD aktif).

TTF adalah singkatan dari True Type Font dan merupakan format yang paling umum dan saat mengunduh font secara daring, kemungkinan besar akan menjadi jenis file yang Anda terima. Font TTF memiliki kualitas yang jauh lebih tinggi dan tidak mengalami pikselasi ketika ditampilkan di perangkat apa pun. Namun, kualitas yang lebih tinggi ini datang dengan biaya performa. Font TTF biasanya digunakan untuk situasi ketika ada sedikit teks, seperti label. Tidak seperti BMFonts, hanya ada satu file ttf yang harus dihadapi.

Mengimpor font tipe TTF adalah proses yang mirip dengan aset lainnya, namun Anda memiliki beberapa sumber impor lagi.

Mengimpor font dari Dropbox atau aplikasi Files mirip dengan aset lainnya. Cukup navigasikan ke tempat font berada dan pilih itu.

hyperPad juga mampu mengakses Font Sistem yang termasuk dalam iOS di iPad Anda. Untuk mengimpor salah satu font ini, pilih Font Sistem di bawah Sumber Impor.

Anda akan diminta dengan daftar besar font untuk dipilih dan mereka memberi Anda pratinjau kecil tentang bagaimana mereka akan muncul. Jika Anda memiliki font tertentu dalam pikiran, Anda dapat melompat ke huruf itu secara alfabetis dengan mengetuk salah satu huruf di sebelah kanan. Ketika Anda menemukan font yang Anda suka, cukup ketuk dan kemudian ketuk selesai.

Mengimpor Dari Aplikasi Lain:

hyperPad dapat mengimpor konten dari aplikasi pihak ketiga. Jika Anda menggunakan aplikasi yang dapat mengekspor/membagikan dengan aplikasi lain menggunakan dialog "Buka Di", maka Anda dapat mengimpor aset yang kompatibel ke dalam hyperPad.

Setelah Anda memilih untuk mengekspor aset Anda ke hypePad, Anda akan diminta dengan jendela untuk memilih proyek mana yang ingin Anda impor aset tersebut.

Setelah impor berhasil, aset Anda akan terletak di Perpustakaan Aset.