SVG reAnimated
Noch selbst geschrieben und mit der Hand angeschubst.
Diese Motive habe ich damals für meine Website von Hand gestaltet und animiert. Einzelne Formen werden zu Figuren und kleinen Szenen; ein paar Bewegungen geben ihnen ihren eigenen Charakter.
Hier lassen sich vier Arbeiten wieder abspielen. Jede Animation beginnt erst auf Knopfdruck und lässt sich wieder beenden.
Eigene Arbeiten · aus dem Archiv
Zahnräder
Gegenläufige Zahnräder aus dem Einstieg meiner früheren Webdev-Seite. Die Zeichnung ist erhalten geblieben. Hier läuft sie mit der nativen Web Animations API des Browsers. Damals war es GSAP oder Snap.svg. Die vorhandenen Positionen und Größen aus Inkscape bleiben dabei erhalten.
Kleine Figuren
Drei neugierige Gesichter aus der früheren Links-Seite. Die Figuren gleiten ins Bild und blinzeln zeitversetzt. Eine kleine Bewegung reicht, damit aus der statischen Zeichnung eine Begegnung wird. Eerie.
Tag und Nacht
Selbstgebastelte Animation zu Halloween. Vor vielen Jahren.
Webcards
Eine bewegte Kartenkomposition aus dem früheren Webcards-Bereich. Die Karten werden versetzt aufgefächert und wandern in einer wiederkehrenden Bewegung durch das Bild.
Handarbeit und Browsertechnik
Die Vektrographiken wurden mit Inkscape erstellt und haendisch animiert. Damals noch einzelne gruppen Angesprochen und in JS animiert. Timing, easing und die
Die Illustrationen bestehen aus SVG-Formen und Gruppen, die ich in Inkscape angelegt habe. Im JavaScript habe ich festgelegt, was sich dreht, auftaucht, blinzelt oder seine Farbe verändert. Zeichnung und Bewegungsablauf gehören für mich zusammen.
Die Figuren, Karten und die große Szene verwenden hier noch den ursprünglichen Animationscode mit Snap.svg und GSAP. Die Zahnräder zeigen bereits eine native Umsetzung. Sämtliche benötigten Dateien werden lokal von dieser Website geladen; die Originaldateien bleiben zusätzlich im Archiv erhalten.