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.

De Kerker — Hier begint het avontuur, ben jij bereid te vechten voor je vrijheid?

De Eerste Stap — Waar moeten we heen?

Het Meer — Het doel is in zicht, nou alleen het meer nog over

Het Kasteel — Waarom zou je eigenlijk nog ruzie zoeken met de draak voor je vrijheid, ben je niet al redelijk vrij nou? De keuze is aan jou, vlucht of vecht.

Optie: vecht — Ja dat was kansloos...

Optie: vlucht — You beat the system

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?

MDES | App Experience Design

In dit project maakte ik kennis met het ontwerpen voor mobiele apparaten....

PMED | Interactieve Interface

In dit project kreeg ik de opdracht om een interface te designen waarbij...

In dit project kreeg ik de opdracht om een maatschappelijk probleem te...

PROG | Webanimatie

In dit project kreeg ik de opdracht om een Interactieve animatie te maken...

Koek | Design to Print

Voor Koek, een app development studio, heb ik een aantal branded materialen...