Oppretting av en interaktiv bok
//www.youtube.com/embed/2Ej9nN2Pj0E
Introduksjon:
Dette er en opplæring for å lære deg hvordan du lager en grunnleggende interaktiv bok ved hjelp av hyperPad. Ved å følge denne opplæringen vil du forstå konseptene som trengs for å sette sammen en bok.
Prosjektstruktur:
Et hyperPad-prosjekt er delt opp i Scener, Objekter og Adferd.
Scener:
Scener inneholder alle objektene for appen din og er en flott måte å organisere de forskjellige delene som utgjør appen din. For eksempel kan du bruke en ny scene for hver side av en bok.
Objekter:
Objekter er individuelle elementer innen scenen. Dette inkluderer all tekst eller illustrasjoner. Hvert objekt kan ha sine egne adferd.
Adferd:
Adferd er det som gjør scenen og objektene dine interaktive og kommer til liv.
Importere bilder:
Du kan importere bilder og illustrasjoner fra Kamera-Rull, Fotostrøm og Drop Box. hyperPad vil automatisk lage ikke-retina bilder for deg, så når du lager illustrasjoner, sørg for at du arbeider med en bildeoppløsning på 2048×1536 piksler. Den maksimale bildeoppløsningen Tapapbl kan importere er 2048×2048 piksler.
I tillegg, fordi hyperPad for øyeblikket ikke støtter skrifttyper eller rik tekst, bør du også importere teksten din som PNG-er med transparente bakgrunner.
Når du har importert alle bildene dine, kan du åpne Objekt-Drawer for å begynne å legge dem til scenen din.
Legge til adferd:
Å gjøre objektene dine interaktive er enkelt i hyperPad.
Trykk først på objektet du vil gjøre interaktivt. Deretter, fra Objekt Egenskaper, trykk på “Adferd” knappen for å starte adferdseditoren.
For denne opplæringen ønsker vi å opprette en interaksjon som gjør at når en leser berører objektet, flytter det seg til en spesifikk posisjon.
Fra “Inndata”-kategorien, dra “Startet Berøring” adferden over til lerretet.
Som standard velger den Startet berøring adferden automatisk det nåværende objektet. Men du kan endre dette ved å trykke på objektgrafikken i adferdsin-egenskapene.
Nest dra en “Flytt til Punkt” adferd, og koble den til “Startet Berøring” du la til i forrige trinn. “Flytt til Punkt” adferden vil flytte objektet til et valgt punkt på lerretet.
Du kan angi den spesifikke plasseringen ved å fylle ut X/Y-inndatafeltene som finnes i “Adferds Egenskaper”. Du kan også velge plasseringen visuelt.
For å gjøre dette visuelt, trykk på objektgrafikken i adferdsegenskapene. Velg objektet du vil flytte, og flytt deretter det blå målet til ønsket plassering.
Når du er fornøyd med posisjonen, trykk på sjekkmerket for å godta den nye posisjonen. Merk at X- og Y-feltene i adferds egenskapene automatisk fylles ut.
Hvis du trykker på “Spill” nå, vil du se at det fungerer akkurat som adferdene er lagt ut. Objektet vil flytte seg etter at du berører det.
Sidevendinger & Scener:
Nå som du har din første side med interaksjoner satt opp, kan det hende du vil legge til flere sider, og muligheten til å sveipe mellom dem.
Det er noen forskjellige måter vi kan legge til sveipebevegelsen. Du kan legge til adferden til et spesifikt objekt i scenen din, eller legge den til Global Adferd slik at den påvirker alle scenene i boken din.
For denne opplæringen, la oss legge til sveipebevegelsen til Global Adferd slik at vi ikke trenger å legge den til hver ny scene.
For å starte, åpne “Opprettelsesmeny” ved å trykke på ikonet øverst til venstre.
Trykk deretter på “Global Adferder” knappen nederst for å åpne adferdseditoren. Adferdene du legger til her vil påvirke hele prosjektet ditt og kjøre når du laster hver scene.
Nex dra en “Sveip Venstre” adferd, og trykk på den en gang den er lagt til lerretet for å åpne adferdsin-egenskapene.
Legg merke til at “Sveip på noe” bryteren. Hvis denne bryteren er satt til “Av”, må du sveipe på et spesifikt objekt for at hendelsen skal utløses. Sett bryteren til “På”-posisjon, slik at du kan sveipe på hva som helst og ikke være begrenset til å sveipe på et spesifikt objekt.
Merk: Hvis du legger til en “Sveip” adferd til globale adferder, vil den ikke ha et spesifikt objekt valgt. Objektet du er begrenset til er “Bakgrunn”. Hvis du ikke setter bryteren til “På”-posisjon, kan det se ut som det fungerer. Men hvis du legger til andre objekter som dekker bakgrunnen, kan de forstyrre sveipingen, spesielt hvis de har andre berøringsinngangsadferder lagt til.
Legg deretter til en Last Neste Scene adferd og koble den til Sveip-adferden. Dette vil automatisk laste den neste scenen når du sveiper fingeren mot venstre side av skjermen.
Hvis du ikke har noen andre scener i prosjektet ditt, vil den nåværende scenen lastes inn på nytt. I tillegg, hvis du er på den siste scenen i prosjektet ditt, vil den neste scenen være den første i scenelisten.
Nå kan du legge til en ny scene til prosjektet ditt. Hvis du trykker på spill, vil du se at sveipebevegelsen fungerer i begge scenene uten å måtte legge til noen flere adferder.
Konklusjon:
Det er stort sett alt du trenger å vite for å lage en interaktiv bok på hyperPad. Du kan eksperimentere med de ulike adferdene for å skape et bredt nivå av interaksjoner for bøkene dine.