Flexible Animationen

Responsive Webdesign

Webinhalte müssen aktuell für unterschiedliche Plattformen und Geräte bereitgestellt werden. Ob Desktop-Computer, Laptop, Tablet oder Smartphone, Kunden rufen Online-Informationen über verschiedenste Geräte ab. Um den Aufwand für die Erstellung der Inhalte zu minimieren ist es von Vorteil wenn sich Inhalte an das jeweilige Gerät anpassen. So muss nicht für jeden Gerätetyp eine eigene Webseite mit unterschiedlichen Inhalten betrieben werden.

Ein modernes Schlagwort ist hier der Begriff ‘Responsive Webdesign’. Damit ist gemeint, dass sich die Inhalte einer Webseite automatisch und passen an den zur Verfügung stehenden Platz (Auflösung) eines beliebigen Geräts anpassen. Dadurch vermeidet man die mehrfache Erstellung von Inhalten für unterschiedliche Seitengrößen.

Das gilt natürlich nicht nur für klassische Medientypen wie Texte, Bilder und Videos, sondern auch für moderne Medientypen wie 360°/3D Animationen. Die feuerball3D Software unterstützt diesen Ansatz in ihrer neusten Version und passt Animationen automatisch an den verfügbaren Platz an. Im Video sieht man ein Beispiel der gleichen Animation auf verschiedenen Geräten (Desktop-PC, iPad und Fairphone).

Die Funktion des ‘Responsive Design’ steht in feuerball3D Studio (ab Version 1.3) zur Verfügung. Alle Größen und Positionen werden hier relativ zur Animationsgröße gespeichert. Aktiviert wird die ‘Responsive Design’-Funktion nach Export der Animation im HTML-Code durch die Ergänzung ‘responsive: true’.

<script type="text/javascript">
   $('#image').reel({ xml: 'beispiel.xml', responsive: true });
</script>

Natürlich können Sie die Darstellung der Animation auf Ihrem Gerät auch selbst einmal testen:

360° Beispiel

360-Grad Beispiel

Download

feuerball3D herunterladen

Kostenlose Testversion
hier herunterladen!

Support

Foto: Florian Bube

Florian Bube
Service & Beratung

+49 (0)69 / 95 92 91 59
bube@feuerball-design.de

„Ich stehe Ihnen gerne persönlich für Fragen zu Verfügung.“