Schepp und Stefan bekommen heute Verst\xe4rkung von Lisi Linhart, ihres Zeichens\nWebentwicklerin und Dozentin an der FH Salzburg, die uns einen ausf\xfchrlichen und\ngenauen Rundumschlag in Sachen Web Animation gibt.\n\n\nSCHAUNOTIZEN\n\n[00:00:27] WEB ANIMATIONS\n\nDie Wege im Web zu animieren sind vielseitig. Wir beginnen unsere Reise bei den\nEinstiegsdrogen wie CSS Transitions und Animations, die zwar limitiert, aber\ndoch f\xfcr viele Dinge sch\xf6n ausreichend sind. Den weiteren Weg gehen wir zur Web\nAnimations API, sehr \xe4hlich zu CSS Animations, aber in JavaScript und deshalb\n\xfcber den property-Animationen erhaben. Wem das nicht ausreicht, kann sich in die\nweite Welt der SVG und Canvas Animationen trauen, und zahlreiche Tools wie\nGreensock und \xe4hnliches ausprobieren. Zum Abschlu\xdf gehen wir in Richtung\nAnimations-Tools, Export-M\xf6glichkeiten, das CSS Houdini Animation Worklet und\ngeben zahlreiche Resourcen und Erfahrungsberichte. Links gibt\u2019s \xfcbrigens eine\nMenge, deswegen bitte schnell in die n\xe4chste Sektion um den zahlreichen Namen zu\nfolgen!\n\n\nLINKS\n\nPRATICAL WEB ANIMATION \u2013 SCRIPT\u201920\n\nLisis Vortrag auf der Script\u201919. Ein prima \xdcberblick mit zahlreichen Beispielen\n\nAWESOME WEB ANIMATION\n\nDas Infoportal f\xfcr alle, die animieren wollen. B\xfccher, Artikel, Tutorials, Tools\n\nKEYFRAME.RS\n\nLivestreams von Animationsexperten\n\nCSS ANIMATIONS VS WEB ANIMATIONS API\n\nWann das eine, wann das andere?\n\nGSAP CODEPEN COLLECTION\n\nZahlreiche Pens zu dem auf Greensock basierten Animations-Plugin\n\nGSAP 3\n\nWas kann GSAP 3 eigentlich?\n\nHOUDINI\u2019S ANIMATION WORKLET\n\nDetaillierte Beschreibung auf Googles Webdeveloper Info-Seiten\n\nTWEEN.JS\n\nTweening in JavaScript\n\nFABRIC.JS\n\nEine Zeichenbibliothek f\xfcr Canvas\n\nPIXEL.JS\n\nEine Game Engine f\xfcr Canvas\n\nPHASER\n\nNoch ein Gaming Framework\n\nSCROLL-LINKED ANIMATION\n\nEin Proposal zur Animations-API die auf Scroll Offsets reagiert\n\nSPIRIT\n\nEin Timeline-Tool f\xfcr Web Animationen\n\nTUMULT HYPE\n\nNoch ein Animations-Tool\n\nLOTTIE\n\nAfter Effect Animationen exportieren, mobile und im Web verwenden!\n\nUNI SALZBURG AUF DER OTS CONF\n\nLisis Fachhochschule gut pr\xe4sentiert\n\nDER BAUER\n\nVor 20 Jahren im Browser, jetzt als Artefakt auf YouTube\n\nBARCAMP: THE NEXT WEK\n\n2x im Jahr ein fesches, web-affines Barcamp kurz vor dem wundervollen Salzburg