Wäre es nicht cool, wenn du mit dieser Animation interagieren könntest? Probier es aus! Klicke auf den Ball, die Stufen oder bewege den Ball mit dem Courser nach links oder rechts.
Was passiert, wenn du die beiden Regler veränderst? Probier es aus! Klicke auch auf den Kopf, oder bewege den Courser über die Animation.
Aktuell erkunde ich die vielen neuen Möglichkeiten dieser Technologie, aber ich bin schon heute überzeugt – sie bietet so viele Möglichkeiten für interaktive Illustrationen.
Machen wir uns gemeinsam auf den Weg!
Interaktive Illustration
Eine Illustration muss nicht immer statisch sein, sondern kann auch auf Ereignisse reagieren und lebendig werden!
Im vergangenen Jahr habe ich in Zusammenarbeit mit dem Team der DB-Zeichner und DB Training www.db-training.de eine Lernkarte für die Seminarreihe “BaSysPro” umgesetzt.
Die Lernkarte ist im Browser aufrufbar und ermöglicht eine Interaktion durch die Teilnehmerinnen und Dozentinnen.
Alle 24 Themenbereiche der Seminarreihe wurden innerhalb einer Gesamtillustration abgebildet. Neben Konzeption und Umsetzung der Illustration wurde auch die Programmierung der Seite übernommen.
Das Ergebnis ist eine sehr schlanke, statische HTML-Seite mit eingebettetem SVG. Innerhalb dieser Seite können 24 Teilbereiche der Lernkarte farbig ein- und ausgeschaltet werden, ohne einen Neuladen im Browser zu erzeugen.
Ich freue mich sehr, dass die Karte bereits von den Dozentinnen genutzt wird und den Teilnehmerinnen eine komplette Übersicht über die Themengebiete anschaulich zur Verfügung stellt.
Also auf geht’s! Schritt für Schritt zur fertigen Animation, schreiben Sie mich einfach an.
