PROG WEB

ANIMATIE

HTML | CSS | ILLUSTRATIE

WAT IS PROG?

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

Ik ben begonnen met het illustreren van alle assets en achtergronden in Illustrator en heb deze vervolgens op verschillende HTML-pagina’s geplaatst. Daarna heb ik alle onderdelen die puur met CSS werkten uitgewerkt en geïmplementeerd, gevolgd door de delen waarvoor JavaScript nodig was. Toen alles naar behoren werkte heb ik de code opgeschoond en de laatste finishing touches toegevoegd.

DE GAME

Het verhaal draait om een gevangene die op avontuur wordt gestuurd om zijn vrijheid terug te verdienen. Om dat te doen moet hij een draak verslaan die onder een donker kasteel leeft. Wanneer de speler bij het kasteel aankomt, krijgt hij de keuze: het gevecht aangaan of vluchten en een rustig leven leiden.
Alle assets en scenes zijn door mij gemaakt in Illustrator en Photoshop.

UITLEG VIDEO

DEMO

Speel de demo in het blok hieronder (alleen op desktop) of klik op de link voor de volledige pagina.

MEER ZIEN?