Izrada interaktivne knjige
//www.youtube.com/embed/2Ej9nN2Pj0E
Uvod:
Ovo je tutorijal koji će vas naučiti kako napraviti osnovnu interaktivnu knjigu koristeći hyperPad. Slijedeći ovaj tutorijal, razumjet ćete koncepte potrebne za sastavljanje knjige.
Struktura projekta:
hyperPad projekt se dijeli na Scene, Objekte i Ponašanja.
Scene:
Scene sadrže sve objekte za vašu aplikaciju i sjajan su način organizacije različitih dijelova koji čine vašu aplikaciju. Na primjer, možete koristiti novu scenu za svaku stranicu knjige.
Objekti:
Objekti su pojedinačni elementi unutar scene. To uključuje bilo koji tekst ili ilustracije. Svaki objekt može imati svoja ponašanja.
Ponašanja:
Ponašanja su ono što čini vašu scenu i objekte interaktivnima i oživljava ih.
Uvoz slika:
Možete uvoziti slike i ilustracije iz Kamerroll-a, Photo Stream-a i Drop Box-a. hyperPad će automatski stvoriti slike bez retina, tako da kada stvarate ilustracije, pobrinite se da radite s velikosti slike od 2048×1536 piksela. Maksimalna veličina slike koju Tapapbl može uvesti je 2048×2048 piksela.
Pored toga, budući da hyperPad trenutno ne podržava fontove ili bogate tekstove, također biste trebali uvoziti svoj tekst kao PNG-ove s prozirnim pozadinama.
Kada uvezete sve svoje slike, možete otvoriti Ladicu objekata kako biste ih počeli dodavati u svoju scenu.
Dodavanje ponašanja:
Činiti svoje objekte interaktivnima lako je u hyperPad-u.
Prvo dodirnite objekt koji želite napraviti interaktivnim. Zatim iz Svojstava objekta, dodirnite dugme “Ponašanja” kako biste pokrenuli uređivač ponašanja.
Za ovaj tutorijal, interakcija koju želimo stvoriti je kada čitatelj dodirne objekt, on se premješta na određenu poziciju.
Iz kategorije “Ulaz” povucite ponašanje “Započeto dodirivanje” na platno.
Po defaultu, ponašanje Započeto dodirivanje automatski odabire trenutni objekt. No, možete to promijeniti dodirom na grafiku objekta u svojstvima ponašanja.
Sljedeće povucite ponašanje “Premjesti na točku” i povežite ga s “Započeto dodirivanje” koje ste dodali u prethodnom koraku. Ponašanje “Premjesti na točku” će premjestiti objekt na odabranu točku na platnu.
Možete unijeti specifičnu lokaciju ispunjavanjem X/Y ulaznih polja koja se nalaze u “Svojstvima ponašanja”. Također možete odabrati lokaciju za premještanje vizualno.
Da biste to učinili vizualno, dodirnite grafiku objekta u svojstvima ponašanja. Odaberite objekt koji želite premjestiti, a zatim pomjerite plavi cilj na željeno mjesto.
Kada budete zadovoljni s pozicijom, dodirnite ikonu kvačice da prihvatite novu poziciju. Primijetite da su X i Y polja u svojstvima ponašanja automatski ispunjena.
Ako sada pritisnete “Igraj”, vidjet ćete da radi baš onako kako su ponašanja postavljena. Objekt će se premjestiti nakon što ga dodirnete.
Okretanje stranica i scene:
Sada kada imate svoju prvu stranicu s postavljenim interakcijama, možda biste htjeli dodati dodatne stranice i mogućnost listanja između njih.
Postoji nekoliko različitih načina na koje možemo dodati gestu prevlačenja. Možete dodati ponašanje specifičnom objektu u svojoj sceni, ili ga dodati u Globalna ponašanja kako bi utjecalo na sve scene u vašoj knjizi.
Za ovaj tutorijal dodajmo gestu prevlačenja u Globalna ponašanja kako ne bismo morali dodavati za svaku novu scenu.
Za početak, otvorite “Meni za kreaciju” pritiskom na ikonu u gornjem lijevom kutu.
Zatim dodirnite dugme “Globalna ponašanja” na dnu da pokrenete uređivač ponašanja. Ponašanja koja dodate ovdje utjecat će na cijeli vaš projekt i izvršit će se kada učitate svaku scenu.
Zatim povucite ponašanje “Prevuci lijevo” i dodirnite ga nakon što ga dodate na platno kako biste otvorili svojstva ponašanja.
Primijetite prekidač “Prevuci na bilo što”. Ako je ovaj prekidač postavljen na “Isključeno”, tada morate prevući na određeni objekt kako bi se događaj aktivirao. Postavite prekidač u “Uključeno” kako biste mogli prevući na bilo što i ne biti ograničeni na prevlačenje na određeni objekt.
Napomena: Ako dodate ponašanje “Prevlačenje” u globalna ponašanja, neće imati odabran specifičan objekt. Objekt na koji ste ograničeni je “Pozadina”. Ako ne postavite prekidač u “Uključeno”, to može izgledati kao da radi. No, ako dodate druge objekte koji prekrivaju pozadinu, oni mogu ometati prevlačenje, posebno ako imaju druga ponašanja dodirivanja dodana.
Zatim dodajte ponašanje Učitaj sljedeću scenu i povežite ga s ponašanjem Prevuci. To će automatski učitati sljedeću scenu čim povučete prst prema lijevoj strani ekrana.
Ako nemate drugih scena u svom projektu, trenutna scena će se ponovno učitati. Pored toga, ako ste na posljednjoj sceni u svom projektu, sljedeća scena bit će prva u popisu scena.
Sada možete dodati novu scenu u svoj projekt. Ako pritisnete play, vidjet ćete da vaša gesta prevlačenja radi u obje scene bez potrebe za dodavanjem dodatnih ponašanja.
Zaključak:
To je zapravo sve što trebate znati o stvaranju interaktivne knjige na hyperPad-u. Možete eksperimentirati s različitim ponašanjima kako biste stvorili široku razinu interakcija za svoje knjige.