Interaktív könyv készítése
//www.youtube.com/embed/2Ej9nN2Pj0E
Bevezetés:
Ez egy oktatóvideó, amely megtanítja, hogyan készíts el egy alap interaktív könyvet a hyperPad segítségével. A bemutató követésével megérted azokat a fogalmakat, amelyek szükségesek egy könyv összeállításához.
A projekt felépítése:
A hyperPad projekt három fő részre osztható: Jelenetek, Objektumok és Viselkedések.
Jelenetek:
A jelenetek tartalmazzák az összes objektumot az alkalmazásodban, és nagyszerű módja annak, hogy rendszerezd az alkalmazás különböző részeit. Például új jelenetet használhatsz minden egyes könyvlaphoz.
Objektumok:
Az objektumok a jelenet egyedi elemei. Ezek közé tartozik minden szöveg vagy illusztráció. Minden objektum rendelkezhet saját viselkedésekkel.
Viselkedések:
A viselkedések azok, amelyek interaktívvá teszik a jelenetet és az objektumokat, életre keltve őket.
Képek importálása:
Képeket és illusztrációkat importálhatsz a Kamera Roll-ból, Fotó Stream-ből és a Drop Box-ból. A hyperPad automatikusan létrehoz nem-retina képeket számodra, ezért amikor illusztrációkat készítesz, győződj meg arról, hogy a 2048×1536 képméretet tartod szem előtt. A maximális képméret, amelyet a Tapapbl importálni tud, 2048×2048 pixel.
Továbbá, mivel a hyperPad jelenleg nem támogatja a betűtípusokat vagy a gazdag szöveget, a szöveget is PNG-ként kell importálnod, átlátszó háttérrel.
Miután importáltad az összes képet, megnyithatod az Objektum Fiókot, hogy elkezdhesd azokat hozzáadni a jelenetedhez.
Viselkedések hozzáadása:
Az objektumok interaktívvá tétele a hyperPad-ban egyszerű.
Először érintsd meg azt az objektumot, amelyet interaktívvá akarsz tenni. Ezután az Objektum Tulajdonságok közül érintsd meg a "Viselkedések" gombot a viselkedés szerkesztő megnyitásához.
Ehhez a bemutatóhoz az a kölcsönhatás, amelyet létre akarunk hozni, az, hogy amikor az olvasó megérinti az objektumot, az elmozdul egy meghatározott helyre.
Az "Input" kategóriából húzd a "Kezdődött az érintés" viselkedést a vászonra.
A Kezdődött az érintés viselkedés alapértelmezés szerint automatikusan kiválasztja az aktuális objektumot. De ezt megváltoztathatod, ha megérinted az objektum grafikáját a viselkedés tulajdonságai között.
Ezután húzz egy "Mozgás a ponthoz" viselkedést, és csatlakoztasd a korábban hozzáadott "Kezdődött az érintés" viselkedéshez. A "Mozgás a ponthoz" viselkedés elmozdítja az objektumot a vásznon egy választott pontra.
Beírhatod a konkrét helyet az "Viselkedés Tulajdonságok" mezők X/Y bemenetével. Vizualizálisan is választhatod a mozgatni kívánt helyszínt.
A vizuális mozgatáshoz érintsd meg az objektum grafikáját a viselkedés tulajdonságai között. Válaszd ki a mozgatni kívánt objektumot, majd mozgassd a kék célpontot a kívánt helyre.
Miután elégedett vagy a pozícióval, érintsd meg a pipa ikont az új pozíció elfogadásához. Vedd észre, hogy a viselkedés tulajdonságai között az X és Y mezők automatikusan ki vannak töltve.
Ha most megnyomod a "Lejátszás" gombot, láthatod, hogy a viselkedések szerint működik. Az objektum elmozdul, miután megérinted.
Oldalfordítások & Jelenetek:
Most, hogy beállítottad az első oldaladat interakciókkal, talán szeretnél hozzáadni további oldalakat, és a lehetőséget, hogy átnyújtsd őket.
Többféleképpen is alkalmazhatjuk az áthúzás gesztust. Hozzáadhatod a viselkedést egy adott objektumhoz a jelenetedben, vagy hozzáadhatod a Globális Viselkedésekhez, hogy az összes jelenetre kiterjedjen a könyvedben.
Ehhez a bemutatóhoz adjuk hozzá az áthúzás gesztust a Globális Viselkedésekhez, hogy ne kelljen azt minden új jelenethez hozzáadni.
A kezdéshez nyisd meg a "Készítési Menüt" az ikon megnyomásával a bal felső sarokban.
Ezután érintsd meg a "Globális Viselkedések" gombot alul a viselkedés szerkesztő megnyitásához. Az itt hozzáadott viselkedések a teljes projektedre hatással lesznek, és végrehajtódnak, amikor betöltöd az egyes jeleneteket.
Ezután húzd be a "Balra húzás" viselkedést, és érintsd meg azt, amikor hozzáadtad a vászonhoz, hogy megnyisd a viselkedés tulajdonságait.
Vedd észre a "Húzz bármit" kapcsolót. Ha ez a kapcsoló "Ki" állapotban van, akkor csak egy adott objektumon húzva válthatod ki az eseményt. Állítsd a kapcsolót "Be" állásba, így bármire húzhatsz, és nem vagy korlátozva egy adott objektumra.
Figyelem: Ha hozzáadsz egy "Húzás" viselkedést a globális viselkedésekhez, akkor nem lesz kijelölt konkrét objektum. Az, amelyhez korlátozva vagy, a "Háttér". Ha nem állítod be a kapcsolót "Be" állásba, ez úgy tűnhet, hogy működik. De ha más objektumokat helyezel a háttérre, azok zavarhatják az áthúzást, különösen, ha más érintésinput viselkedések is vannak rajtuk.
Ezután adj hozzá egy "Következő Jelenet Betöltése" viselkedést, és csatlakoztasd a Húzás viselkedéshez. Ez automatikusan betölti a következő jelenetet, amint az ujjadat balra húzod a képernyőn.
Ha nincs más jelenet a projektedben, akkor az aktuális jelenet újratöltődik. Továbbá, ha a projekted utolsó jelenetén vagy, akkor a következő jelenet az első lesz a jelenetek listájában.
Most hozzáadhatsz egy új jelenetet a projektedhez. Ha megnyomod a lejátszás gombot, láthatod, hogy az áthúzás gesztus mindkét jelenetben működik, anélkül, hogy további viselkedéseket kellene hozzáadnod.
Következtetés:
Alapvetően ez minden, amire szükséged van, hogy interaktív könyvet készíts a hyperPad-en. Kísérletezhetsz a különböző viselkedésekkel, hogy széleskörű interakciókat hozz létre a könyveid számára.