Vytváranie interaktívnej knihy

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

Úvod:

Toto je návod, ktorý vás naučí, ako vytvoriť základnú interaktívnu knihu pomocou hyperPad. Nasledovaním tohto návodu porozumiete konceptom potrebným na zostavenie knihy.

Štruktúra projektu:

Projekt hyperPad sa delí na Scény, objekty a správanie.

Scény:

Scény obsahujú všetky objekty pre vašu aplikáciu a sú skvelým spôsobom, ako usporiadať rôzne časti, ktoré tvoria vašu aplikáciu. Napríklad, môžete použiť novú scénu pre každú stránku knihy.

Objekty:

Objekty sú jednotlivé položky v rámci scény. To zahŕňa akýkoľvek text alebo ilustrácie. Každý objekt môže mať svoje vlastné správanie.

Správanie:

Správanie je to, čo robí vašu scénu a objekty interaktívne a oživuje ich.

Importovanie obrázkov:

Môžete importovať obrázky a ilustrácie z fotoaparátu, foto streamu a Drop Boxu. hyperPad automaticky vytvorí non-retina obrázky pre vás, takže pri vytváraní ilustrácií sa uistite, že pracujete s veľkosťou obrázku 2048×1536. Maximálna veľkosť obrázka, ktorú môže Tapapbl importovať, je 2048×2048 pixelov.

Okrem toho, pretože hyperPad aktuálne nepodporuje písma alebo Rich Texty, mali by ste tiež importovať svoj text ako PNG s priehľadným pozadím.

Akonáhle importujete všetky svoje obrázky, môžete otvoriť zásuvku objektov a začať ich pridávať do vašej scény.

Pridávanie správania:

Urobiť svoje objekty interaktívne je jednoduché v hyperPad.

Najprv ťuknite na objekt, ktorý chcete urobiť interaktívnym. Potom, z vlastností objektu, ťuknite na tlačidlo “Správanie” na otvorenie editora správania.

Pre tento návod, interakcia, ktorú chceme vytvoriť, je, keď čitateľ dotkne objektu, presunie sa na konkrétnu polohu.

Z kategórie “Vstup” potiahnite správanie “Začal dotýkať” na plátno.

Predvolene správanie začatia dotyku automaticky vyberá aktuálny objekt. Ale môžete to zmeniť ťuknutím na grafiku objektu v vlastnostiach správania.

Ďalej pretiahnite správanie “Presunúť na bod” a prepojte ho so správaním “Začal dotýkať”, ktoré ste pridali v predchádzajúcom kroku. Správanie “Presunúť na bod” presunie objekt na vybraný bod na plátne.

Môžete zadať konkrétnu polohu vyplnením polí X/Y nachádzajúcich sa v “Vlastnostiach správania”. Môžete si tiež vizuálne vybrať miesto, na ktoré chcete presunúť.

Ak to chcete urobiť vizuálne, ťuknite na grafiku objektu v vlastnostiach správania. Vyberte objekt, ktorý chcete presunúť, a potom presuňte modrý terč na požadovanú polohu.

Akonáhle ste spokojní s polohou, ťuknite na ikonu zaškrtnutia, aby ste prijali novú pozíciu. Všimnite si, že polia X a Y v vlastnostiach správania sú automaticky vyplnené.

Ak teraz stlačíte “Prehrať”, uvidíte, že to funguje presne tak, ako sú správania nastavené. Objekt sa presunie, keď naň ťuknete.

Otočenia strán & Scény:

Teraz, keď máte svoju prvú stránku so nastavenými interakciami, možno budete chcieť pridať ďalšie stránky a možnosť prechádzať medzi nimi.

Existuje niekoľko rôznych spôsobov, ako môžeme pridať gesto prehrabávania. Môžete pridať správanie konkrétnemu objektu vo vašej scéne alebo ho pridať do globálnych správaní, aby to ovplyvnilo všetky scény vo vašej knihe.

Pre tento návod pridajme gesto prehrabávania do globálnych správaní, aby sme ho nemuseli pridávať pre každú novú scénu.

Aby sme začali, otvorte “Menu vytvorenia” stlačením ikony v ľavom hornom rohu.

Potom ťuknite na tlačidlo “Globálne správanie” na dolnej strane na otvorenie editora správania. Správania, ktoré tu pridáte, ovplyvnia celý váš projekt a budú sa vykonávať, keď načítate každú scénu.

Ďalej pretiahnite správanie “Prehodiť doľava” a ťuknite naň, akonáhle je pridané na plátno, aby ste otvorili vlastnosti správania.

Všimnite si prepínač “Prehodiť na čokoľvek”. Ak je tento prepínač nastavený na “Vypnuté”, musíte prehodiť na konkrétny objekt, aby sa udalosť spustila. Nastavte prepínač do pozície “Zapnuté”, aby ste mohli prehodiť na čokoľvek a neobmedzovať sa na prehodenie na konkrétny objekt.

Poznámka: Ak pridáte správanie “Prehodiť” do globálnych správaní, nebude mať špecifický objekt vybraný. Objekt, na ktorý ste obmedzení, je “Pozadie”. Ak nenastavíte prepínač do pozície “Zapnuté”, môže sa to zdať, že to funguje. Ale ak pridáte ďalšie objekty pokrývajúce pozadie, môžu zasahovať do prehodení, najmä ak majú pridané ďalšie správanie dotyku.

Ďalej pridajte správanie Načítanie ďalšej scény a prepojte ho so správaním Prehodiť. To automaticky načíta ďalšiu scénu, keď prehodíte prstom na ľavú stranu obrazovky.

Ak nemáte v projekte žiadne iné scény, súčasná scéna sa znovu načíta. Okrem toho, ak ste na poslednej scéne vo vašom projekte, potom bude ďalšou scénou prvá v zozname scén.

Teraz môžete pridať novú scénu do vášho projektu. Ak stlačíte prehrať, uvidíte, že vaše gesto prehrabávania funguje v oboch scénach bez toho, aby ste museli pridávať ďalšie správania.

Záver:

To je v podstate všetko, čo potrebujete vedieť na vytvorenie interaktívnej knihy na hyperPad. Môžete experimentovať s rôznymi správaním a vytvoriť široké spektrum interakcií pre vaše knihy.