Share
GreenSock is een JavaScript-framework dat het gemakkelijk maakt HTML-elementen te animeren. In GreenSock Animation Platform: de eerste stappen zet je de eerste stappen in het leren gebruiken van dit krachtige framework.
Door deze cursus te volgen, leert u hoe u DOM-elementen kunt animeren en besturen met behulp van de zeer krachtige GreenSock-bibliotheek. Envato Tuts + -instructeur Craig Campbell neemt je mee door een reeks technieken, beginnend met basisanimaties en dan door te gaan naar meer complexe technieken met meerdere objecten. Ten slotte maakt u een geanimeerd menu.
Zolang je kennis hebt van HTML en CSS, samen met een basiskennis van JavaScript, zul je uitgerust zijn met alles wat je nodig hebt om mee te doen.
Hier zijn enkele gratis lessen uit deze cursus, als een voorproefje van wat u kunt verwachten:
In "TweenLite" gebruikt een "tot" -animatie de huidige eigenschappen van het doelelement als startpunt voor de animatie. In deze les leert u de syntaxis voor het maken van eenvoudige bewegingen. De cursus gebruikt CodePen om de code voor elke les aan te geven, dus misschien wilt u voor deze les naar de Starter-pen verwijzen.
Met Verlichten kun je de snelheid van een animatie aanpassen om het er realistischer uit te laten zien. In deze les leert u hoe u eenvoudige versnelling kunt toepassen op uw tweens. Nogmaals, hier is de Starter Pen.
Het eerste hoofdstuk van de cursus behandelt basisanimaties en in deze les ga je meer complexe animaties met meerdere objecten aan. Hier is de Starter Pen voor deze.
Je kunt onze nieuwe cursus meteen nemen met een abonnement op Envato Elements. Voor een enkel laag maandelijks bedrag krijg je niet alleen toegang tot deze cursus, maar ook tot onze groeiende bibliotheek met meer dan 1000 videocursussen en toonaangevende e-boeken over Envato Tuts+.
Bovendien krijgt u nu onbeperkte downloads van de enorme Envato Elements-bibliotheek met meer dan 200.000 foto's en meer dan 26.000 ontwerpmaterialen en sjablonen. Creëer met unieke lettertypen, foto's, afbeeldingen en sjablonen en lever sneller betere projecten.
Of, als je nu nog niet klaar bent om animatietechnieken te leren, wil je misschien op zoek gaan naar een aantal vooraf gemaakte CSS-animaties om in je projecten op te nemen.
Accentsconagua