Interaktive 3D Infografik - Windturbine

Screendesign Layout

ultranerd — Wed, 07 Jul 2010 00:02:49 +0000

Die Windrichtung und Stärke werden jetzt über 2D-Elemente dargestellt. So bleiben diese wichtigen Informationen immer im Blickfeld des Betrachter und er kann schneller auf die Veränderungen reagieren.

Layout Intro

Layout Interaction

Blattwinkelverstellung

ultranerd — Tue, 06 Jul 2010 11:37:11 +0000

Angeleitete Blattwinkelverstellung

Interaktive Rotation der Gondel

ultranerd — Tue, 06 Jul 2010 01:14:11 +0000

Umsetzung der Gondel-Interaktion

Flash-Beispiel

Statische Rotation der interaktiven Objekte

ultranerd — Fri, 02 Jul 2010 10:12:41 +0000

Nach der Modell-Erstellung in Cinema4D folgt nun der Export und die Weiterverarbeitung in Flash.

Erster statischer Rotationsversuch der Objekte, mit denen später interagiert werden soll.

Flash-Beispiel

Auf folgende Bedingungen muss bei der Erstellung geachtet werden, damit der Export reibungslos funktioniert:

konsistentes Einheitensystem (Pixel)
UV-Texturen anlegen. Sparrt Ladezeiten
so wenig Polygone wie möglich erzeugen, ggf. die Modelle mit dem Deformer Polygonreduktion weiter optimieren
Aussagekräftige Bezeichnungen für die einzelnen Objekte in Cinema4D vergeben, erleichtert das Handling in Flash

pv3D Tutorials zum Thema Mouse-Interaktivität

ultranerd — Thu, 01 Jul 2010 07:55:32 +0000

Five videos explaining the ins and outs of working with interactivity events in Papervision3D.

Intro-Storyboard & Moods

ultranerd — Tue, 29 Jun 2010 14:02:08 +0000

Ablauf des Intros

Moods

Interface Design

ultranerd — Tue, 29 Jun 2010 13:48:24 +0000

Intro Sequenzen

Interface Layout

Ansicht von Oben

Freie-Kamera

Live-Kamera

Storyboard Navigation und Interaktion

ultranerd — Fri, 25 Jun 2010 11:30:52 +0000

Folgend werden alle Interaktionsmöglichkeiten dargestellt.

Download (pdf, gezippt): storyboard

Legende

Storyboard Navigation und Interaktion

Interaktionsskizzen

ultranerd — Tue, 22 Jun 2010 07:56:50 +0000

Welche Visualisierung unterstützt den Interaktionsprozess?

Wie lässt sich die Auftriebskraft integriert darstellen?

Windstärke: > 25m/s, Optimale Winkeleinstellung: 90°

Interaktionswerkzeuge: Highlighting, Mouseklick und Scrolling

Zusatzangaben über 3D-Text innerhalb der Infografik.

Belastungsskala ausserhalb der Infografik, sonst zu viele Informationseinheiten.

Perspektivwahl Rotorpitch

ultranerd — Mon, 21 Jun 2010 13:39:38 +0000

Wie lässt sich die Rotorblattstellung für die vorherrschende Windstärke am effektivsten einstellen?
Wie macht sich die Auswirkung einer zu hohen Belastung sichtbar?
Soll sich die Textur der Flügel bei zu hoher Belastung ändern (Blau -> Rot)?

Seitenprofil der Flügelstellung

Die Flügel werden bis max. 12° verdreht. Bei höheren Gradzahlen kommt es zum sog. Stall-Effekt und ein Auftriebsabriss ist die Folge.

Die wichtigen Werte wie niedrigste und höchste Gradzahl sollten auf jedenfall mit in die Interaktion/Kontrollanzeige einfließen.