Mencipta Buku Interaktif

//www.youtube.com/embed/2Ej9nN2Pj0E

Pengenalan:

Ini adalah tutorial untuk mengajar anda bagaimana membuat sebuah buku interaktif asas menggunakan hyperPad. Dengan mengikuti tutorial ini, anda akan memahami konsep yang diperlukan untuk menyusun sebuah buku.

Struktur Projek:

Projek hyperPad dibahagikan kepada Adegan, Objek, dan Tingkah Laku.

Adegan:

Adegan mengandungi semua objek untuk aplikasi anda dan merupakan cara yang baik untuk mengatur bahagian-bahagian yang berbeza yang membentuk aplikasi anda. Sebagai contoh, anda boleh menggunakan adegan baru untuk setiap halaman buku.

Objek:

Objek adalah item individu dalam adegan. Ini termasuk sebarang teks atau ilustrasi. Setiap objek boleh mempunyai tingkah lakunya sendiri.

Tingkah Laku:

Tingkah Laku adalah apa yang menjadikan adegan dan objek anda interaktif dan menjadikannya hidup.

Mengimport Imej:

Anda boleh mengimport imej dan ilustrasi dari Camera Roll, Photo Stream, dan Drop Box. hyperPad akan secara automatik mencipta imej bukan retina untuk anda, jadi apabila anda mencipta ilustrasi, pastikan anda bekerja dengan saiz imej 2048×1536. Saiz imej maksimum yang boleh diimport oleh Tapapbl adalah 2048×2048 piksel.

Tambahan pula, kerana hyperPad tidak menyokong fon, atau Teks Kaya buat masa ini, anda juga harus mengimport teks anda sebagai PNG dengan latar belakang telus.

Setelah anda mengimport semua imej, anda boleh membuka Object Drawer untuk mula menambahkannya ke dalam adegan anda.

Menambah Tingkah Laku:

Memastikan objek anda interaktif adalah mudah di hyperPad.

Langkah pertama, ketuk objek yang anda mahu jadikan interaktif. Kemudian dari Object Properties, ketuk butang “Tingkah Laku” untuk melancarkan editor tingkah laku.

Untuk tutorial ini, interaksi yang ingin kita buat adalah apabila seorang pembaca menyentuh objek, ia bergerak ke satu lokasi tertentu.

Dari kategori “Input”, seret tingkah laku “Mula Menyentuh” ke atas kanvas.

Secara lalai, tingkah laku mula menyentuh secara automatik memilih objek semasa. Tetapi anda boleh mengubah ini dengan mengetuk grafik objek di dalam sifat tingkah laku.

Selanjutnya, seret tingkah laku “Gerakkan Ke Titik”, dan sambungkan ke “Mula Menyentuh” yang anda tambah pada langkah sebelumnya. Tingkah laku “Gerakkan Ke Titik” akan menggerakkan objek ke satu titik yang dipilih pada Kanvas.

Anda boleh memasukkan lokasi tertentu dengan mengisi medan input X/Y yang terletak di dalam “Sifat Tingkah Laku”. Anda juga boleh memilih lokasi untuk bergerak secara visual.

Untuk melakukannya secara visual, ketuk grafik objek di dalam sifat tingkah laku. Pilih objek yang anda ingin gerakkan, kemudian gerakkan sasaran biru ke lokasi yang dikehendaki.

Setelah anda berpuas hati dengan posisi tersebut, ketuk ikon tanda cek untuk menerima posisi baru. Perhatikan bahawa medan X dan Y dalam sifat tingkah laku diisi secara automatik.

Jika anda menekan “Main” sekarang, anda akan melihat bahawa ia berfungsi seperti yang ditetapkan dalam tingkah laku. Objek akan bergerak setelah anda menyentuhnya.

Pusingan Halaman & Adegan:

Sekarang anda telah menyiapkan halaman pertama dengan interaksi, anda mungkin ingin menambah halaman tambahan, dan kemampuan untuk menggeser antara mereka.

Terdapat beberapa cara berbeza kita dapat menambah isyarat geseran. Anda boleh menambah tingkah laku kepada objek tertentu dalam adegan anda, atau menambahnya ke Tingkah Laku Global supaya ia memberi kesan semua adegan dalam buku anda.

Untuk tutorial ini, mari kita tambah isyarat geseran ke Tingkah Laku Global supaya kita tidak perlu menambahnya untuk setiap adegan baru.

Untuk memulakan, buka “Menu Penciptaan” dengan menekan ikon di sudut kiri atas.

Kemudian ketuk butang “Tingkah Laku Global” di bahagian bawah untuk melancarkan editor tingkah laku. Tingkah laku yang anda tambahkan di sini akan memberi kesan kepada keseluruhan projek anda dan akan dilaksanakan setiap kali anda memuatkan setiap adegan.

Seterusnya, seret tingkah laku “Geser Kiri”, dan ketuk di atasnya setelah ia ditambahkan ke kanvas untuk membuka sifat tingkah laku.

Perhatikan togol “Geser pada apa sahaja”. Jika togol ini dalam keadaan “Off”, maka anda mesti menggeser pada objek tertentu untuk peristiwa diaktifkan. Tetapkan togol ke posisi “On”, supaya anda dapat menggeser pada apa sahaja dan tidak terhad kepada objek tertentu.

Nota: Jika anda menambah tingkah laku “Geser” kepada tingkah laku global, ia tidak akan mempunyai objek tertentu yang dipilih. Objek yang terhad ialah “Latar Belakang”. Jika anda tidak menetapkan togol ke posisi “On”, ini mungkin kelihatan seperti ia berfungsi. Tetapi jika anda menambah objek lain yang menutupi latar belakang, mereka dapat mengganggu geseran, terutama jika mereka mempunyai tingkah laku input sentuhan yang lain yang ditambahkan.

Seterusnya, tambah tingkah laku Muat Adegan Seterusnya dan sambungkan ke tingkah laku Geser. Ini akan secara automatik memuatkan adegan seterusnya setelah anda menggeser jari anda ke arah sisi kiri skrin.

Jika anda tidak mempunyai adegan lain dalam projek anda, maka adegan semasa akan dimuat semula. Tambahan pula, jika anda berada di adegan terakhir dalam projek anda, maka adegan seterusnya akan menjadi yang pertama dalam senarai adegan.

Sekarang anda dapat menambah adegan baru ke dalam projek anda. Jika anda menekan main, anda akan melihat bahawa isyarat geseran anda berfungsi dalam kedua-dua adegan tanpa perlu menambah tingkah laku tambahan.

Kesimpulan:

Itu adalah asas yang anda perlu tahu untuk mencipta buku interaktif di hyperPad. Anda boleh bereksperimen dengan pelbagai tingkah laku untuk mencipta pelbagai interaksi untuk buku anda.