Opdracht

Animate Banner

Module 2 - HE 4 - Interactieve Html 5 Canvas Banner - Responsive

Maak het aangeleverde beeldmateriaal een interactieve HTML 5 canvas banner met Adobe Animate en gebruik het GreenSock Animation Platform.

Klik op het plaatje voor details uit de pagina.

Project omschrijving

De Opdracht

Animeer het beeldmateriaal en maak gebruik van verschillende techtnieken. Bijvoorbeeld geneste timelines, stagger cycles, diverse keyframes, interpolaties, masking technieken, morphs, frame-by-frame animaties.

Voeg extra elementen toe. Bijvoorbeeld wanneer je onderin op één van de logo's klikt dat er een tekstballon verschijnt met meer informatie of een ander effect. De animatie mag echter de 2MB niet overschrijden.

De animatie moet responsive zijn en in een nieuw Html 5 canvas worden geplaatst, een afmeting hebben van 1920 * 750px en een framerate van 30fps.

Creeër de juiste (CDN)links voor de GSAP library en createjs. Externalize de javascript die de animatie produceert.