Revision 411: Web Animations


Episode Artwork
1.0x
0% played 00:00 00:00
Feb 05 2020 59 mins   64
Schepp und Stefan bekommen heute Verstärkung von Lisi Linhart, ihres Zeichens Webentwicklerin und Dozentin an der FH Salzburg, die uns einen ausführlichen und genauen Rundumschlag in Sachen Web Animation gibt. Schaunotizen [00:00:27 ] Web AnimationsDie Wege im Web zu animieren sind vielseitig. Wir beginnen unsere Reise bei den Einstiegsdrogen wie CSS Transitions und Animations, die zwar limitiert, aber doch für viele Dinge schön ausreichend sind. Den weiteren Weg gehen wir zur Web Animations API, sehr ählich zu CSS Animations, aber in JavaScript und deshalb über den property-Animationen erhaben. Wem das nicht ausreicht, kann sich in die weite Welt der SVG und Canvas Animationen trauen, und zahlreiche Tools wie Greensock und ähnliches ausprobieren. Zum Abschluß gehen wir in Richtung Animations-Tools, Export-Möglichkeiten, das CSS Houdini Animation Worklet und geben zahlreiche Resourcen und Erfahrungsberichte. Links gibt’s übrigens eine Menge, deswegen bitte schnell in die nächste Sektion um den zahlreichen Namen zu folgen! Links Pratical Web Animation – Script’20Lisis Vortrag auf der Script’19. Ein prima Überblick mit zahlreichen BeispielenAwesome Web AnimationDas Infoportal für alle, die animieren wollen. Bücher, Artikel, Tutorials, ToolsKeyframe.rsLivestreams von AnimationsexpertenCSS Animations vs Web Animations APIWann das eine, wann das andere?GSAP Codepen CollectionZahlreiche Pens zu dem auf Greensock basierten Animations-PluginGSAP 3Was kann GSAP 3 eigentlich?Houdini’s Animation WorkletDetaillierte Beschreibung auf Googles Webdeveloper Info-SeitenTween.jsTweening in JavaScriptFabric.jsEine Zeichenbibliothek für CanvasPixel.jsEine Game Engine für CanvasPhaserNoch ein Gaming FrameworkScroll-linked AnimationEin Proposal zur Animations-API die auf Scroll Offsets reagiertSpiritEin Timeline-Tool für Web AnimationenTumult HypeNoch ein Animations-ToolLottieAfter Effect Animationen exportieren, mobile und im Web verwenden!Uni Salzburg auf der OTS ConfLisis Fachhochschule gut präsentiertDer BauerVor 20 Jahren im Browser, jetzt als Artefakt auf YouTubeBarcamp: The next Wek2x im Jahr ein fesches, web-affines Barcamp kurz vor dem wundervollen Salzburg