nvdh

Play
Programming

HTML - CSS - JS

wave

Play Programming

In dit project kreeg ik de opdracht om een
Interactieve animatie te maken die een verhaal op een
speelse en persuasieve manier de gebruiker uitdaagt tot interactie.
Hiervoor heb ik gebruik gemaakt van HTML, CSS en JavaScript.

Ik ben begonnen met alle assets en achtergronden illustreren
In Illustrator en heb deze vervolgens op verschillende HTML pagina's
Geplaatst. Vervolgens heb ik alle code die met puur CSS werken gemaakt
en geimplementeerd op de pagina's, hierna heb ik de code waar JavaScript voor
Nodig was gemaakt. Nadat alle code werkte heb ik deze opgeschoont en de
Finishing touchen toegevoegd.

Het verhaal dat in de animatie afspeelt gaat over een
Gevangenen die op avontuur word gestuurd om zijn vrijheid terug te verdienen
Om dit te doen moet hij een draak verslaan die onder een donker kasteel leeft.
Zodra de speler bij dit kasteel aankomt krijgt hij de keuze om het gevect aan te gaan
Of om te vluchten en een rustig level te gaan leiden.

Probeer Het!
(Alleen Op Desktop)
wave
Geillustreerde Scenes
1 / 4
Scene 1: kerker
2 / 4
Scene 2: bergen
3 / 4
Scene 3: bos
4 / 4
Scene 4: kasteel

wave
Uitleg Video