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.
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.
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.
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.
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!