Om te ontdekken wat GreenSock is, wat je ermee kan en hoe het werkt heb ik de website van GreenSock bezocht en een aantal voorbeelden bekeken.
Wat is GreenSock
De volledige naam is Green Sock Animation Platform (GSAP). Het is een platform waarmee je animaties kunt maken voor op het web.
Wat kun je ermee
Er is veel mogelijk met GreenSock. Je kunt bijvoorbeeld een geanimeerde logo op je website plaatsen, maar ook grotere animaties maken. De animaties kunnen interactief gemaakt worden.
Op de website staan veel voorbeelden van hoe GreenSock is toegepast op verschillende websites. Ik geef een paar leuke links:
Spare Time Test: een interactieve website waarop je een test kan doen
Jetlag: Op deze website kun je verschillende foto's bekijken door ze omhoog of omlaag te slepen
GreenSock showcases: voor alle voorbeelden van GreenSock
Hoe werkt het
GreenSock werkt met HTML5 en Javascript. De animaties worden gemaakt met code door middel van tweens. Met deze tweens kun je eigenschappen van elementen op de pagina aanpassen. Deze tweens kun je vervolgens in een TimeLine zetten zodat er een animatie ontstaat.
Hier is een voorbeeld van de code van een eenvoudige animatie: http://codepen.io/GreenSock/pen/vKpRWA
Kortom met GreenSock kun je met codes een website maken die de aandacht trekt en vasthoud door interactieve animaties.
Geen opmerkingen:
Een reactie posten