Embedded Files
Her kombineres udforskning af interaktive 360 graders pixelartbilleder med Twines tekstunivers. Det åbner for en helt ny dimension af interaktivitet og indlevelse.
360 graders billedet er lavet i tegnet i Pixel og uploadet DelightEx (CoSpaces) på skoletube. Herefter er det gjort interaktivt.
Pixelart vejledning
Pixelart vejledning
For at eleverne kan lave fede 360 graders pixelartbilleder, er det vigtigt de tegner deres billeder i en skabelon, så krumningen ikke bliver for ekstrem. Skabelonerne kan du downloade her og uploade til Piskel eller pixilart.com. Eleverne skal tegne deres nye tegning på et nyt lag, hvor de kan støtte sig til skabelonens hjælpelinjer.
Skabelinen er i 500*250 pixel, der gør det nemt at designe pixelart i.
Skabelon: Her ses hjælpelinjerne et et lag, som sørger for at 360 graders billedet ser rigtigt ud.
Her er der tegnet et hus i et andet lag vha. hjælpelinjerne.
Når Pixelart baggrunden er færdig skjules hjælpelinje laget og der opskaleres 8 gange fra 500x250px til 4000x2000 pixel. Baggrunden downloades som PNG fil og uploades til DelightEx.
Hjælpelinje laget synlighed sættes til 0 for at skjule det.
Der opskaleres til 4000x2000px og downloades som PNG. Herefter uploades til DelighEx som 360 graders baggrund.
DelightEx(Cospaces) lynvejledning
DelightEx(Cospaces) lynvejledning
Den måde du gør objekter interaktivite på, er helt simpel. Du kan lave interaktivitet på 2 måder:
Placer et "glas" byggelement i oven på din pixelartbaggrund de steder hvor man skal kunne klikke. Indstil glas elemenets synlighed til 0 og programmér, hvad der skal ske, når brugeren klikker på glaselementet.
... eller
Upload et pixelart objekt (f.eks. en bog, et ur) og placer den ovenpå din pixelart baggrund. Programer objektet til f.eks. at forsvinde eller bevæge sig når du klikker på det.
Her er der lagt gennemsige "glas" byggeelementer ind over de interaktive punkter. I kodeeksemplet er dørmåtten gjort interaktiv.
I dette eksempel er der uploadet pixelart objektet Potteplante.png. Potteplantet flytter sig når den bliver klikket på.
Twine vejledning
Twine vejledning
Det er ret simpelt. Del dit DelighEx projekt:
Følg herefter dette kodeeksempel i en Twine passage. Skift width til 100% for optimal visning.
<iframe width=100% height="480" frameBorder="0" src="https://edu.delightex.com/DCZ-VLP"></iframe>
Du står foran et rødt hus midt om natten. Din kæreste er forsvundet, og du har en fornemmelse af, at de er herinde. Døren er låst med en pinkode.
[[Gå bagom huset->Bag huset]]
[[Indtast dørkode->Tjek kode]]
Og I denne passagen "Tjek kode" tjekker vi om koden er korrekt
(set: $playerAnswer to (prompt: "Dørkode:", ""))\
(if: $playerAnswer is "0178")[
Koden er rigtigt og døren åbner
[[gå ind i huset->Inde i huset]]
]
(else:)[
Svaret er forkert!
[[prøv igen->Rødt hus]]
]
God fornøjelse med dit 360 graders point&click pixelart adventure!
Page updated
Google Sites
Report abuse