3D Car Configurator. Making of... Die Entstehungsgeschichte in 5 Tagen

Transkript

1 Making of... 3D Car Configurator Die Entstehungsgeschichte in 5 Tagen Die Vereinigung von präziser Produktlogik und bestechender Visualisierung lassen den entstandenen Konfigurator glänzen. Das correct option build war die wichtigste Vorgabe für die Realisierung dieses Konfigurators. Alle Regeln für die Zusammenstellung von Fahrzeugoptionen müssen eingehalten werden, der Preis dazu immer richtig berechnet werden. Die Visualisierung des konfigurierten Fahrzeugs in photorealistischer 3D-Technologie ist ein weiteres Kernstück der Anforderungen. Der Benutzer soll seine Änderungen an der Fahrzeugzusammenstellung sofort sehen. Das Spiel mit Farben, Materialien und Optionen soll faszinieren und festhalten. In nur 5 Tagen wurde die komplette Realisierung dieses Konfigurationsbeispiels ausgeführt. Verfolgen Sie den Einsatz der GCL-Tools und der Visualisierungstools in den einzelnen Etappen des Projektes. August 2001

2 Erster Tag... Visual GCL Produktattribute Ausgehend von dem vorliegenden Datenblatt werden die einzelnen Attribute des Fahrzeugs erfaßt und die möglichen Werte dieser Attribute als Werte eingegeben. Mit Visual GCL werden die Attribute und zugehörigen Werte als Knoten eines Baums angelegt. Die ersten Bausteine der Produktlogik ergeben sich dabei von selbst. Es wird zwischen Alternativen und Optionen unterschieden. Bei Alternativen kann immer nur ein Wert aktiviert werden, bei Optionen sind beliebige Kombinationen erlaubt. Die Auswahl zwischen den 5 verschiedenen Radios ist eine typische Alternative - es sollen keine 2 Radios ausgewählt werden können. Die verschiedenen Ablageboxen für den Innenraum sind dagegen als Optionen realisiert, da es keine Abhängigkeit zwischen den einzelnen Ablageboxen gibt. Die Eingabe der über 60 Attribute ist am Vormittag beendet. Produktlogik Zusammenhängende Produktattribute werden zueinander in Beziehung gesetzt. So können Winterreifen nur für Stahlräder und nicht für Leichtmetallräder bestellt werden. Um diesen Zusammenhang herzustellen werden die Winterreifen-Attribute im Visual GCL Baum einfach unter die Stahlfelgen-Attribute gezogen. In ungefähr 10 Fällen wird diese Technik zur Verdrahtung der Produktlogik verwendet - ein einfaches Drag-and-Drop-Verfahren. Hängen zwei Attribute wechselseitig voneinander ab, werden einfache Scriptregeln formuliert. So kann der Feuerlöscher nur bestellt werden, wenn auch eine Ablagebox unter dem Fahrersitz vorhanden ist. Ist die Ablagebox nicht angewählt kann der Benutzer jetzt auch keinen Feuerlöscher anwählen. Er erhält jedoch einen Hinweis auf die fehlende Option und kann diese auch gleich aktivieren. Als letzter Schritt werden die Preisund Stücklisteninformationen als Attribute in den Baum eingehängt. 3D Car Configurator Visual GCL

3 Zweiter Tag... 3D Studio MAX CAD-Daten Eine Konstruktionszeichnung des Fahrzeugs wird mit einem Importfilter in das Animationsprogramm Discreet 3D Studio MAX übernommen. Überflüssige, unsichtbare und unerwünschte Geometrie wie Innereien, Hilfskonstruktionen und Zeichnungsköpfe werden entfernt. Die Geometrie wird optisch auf Fehler überprüft. Wichtig ist dabei die korrekte Flächennormale für die Visualisierung. An einigen Stellen werden die Normalen angepaßt. Die einzelnen Geometriebestandteile werden nach Materialien getrennt und neu benannt. Um später eine möglichst schnelle Darstellung zu erzielen werden große zusammenhängende Bauteile geometrisch optimiert um Daten einzusparen. Material und Animation Die Lackierung des Fahrzeugs und die Materialien für die Polsterung werden durch die Zuweisung von 3D Studio MAX Materialien zu den entsprechenden Geometrieteilen visualisiert. Im Innenraum erhalten die Armaturen und Bedienungselemente eigene Texturen. Lichter, Felgen, Rückspiegel und Fenster werden mit festen Materialien belegt. Zur Präsentation des Innenraums werden das Öffnen und Schließen der Türen und des Kofferraumdekkels animiert. Alle Veränderungen, die der Benutzer später im Konfigurator vornehmen können soll, müssen mit passenden Animationen oder Materialänderungen geplant und angelegt werden. 3D Car Configurator 3D Studio MAX

4 Dritter Tag... Adobe Photoshop Visuals für die 3D Navigation Bilder im JPEG- oder GIF-Format sollen den Benutzer später bei der Navigation der 3D-Grafik unterstützen. Diese Bilder werden im entgültigen HTML-Layout als Bedienelemente hinterlegt. Mit Adobe Photoshop werden die Navigationssymbole reingezeichnet und dann im GIF-Format abgespeichert. Die Verwendung der einzelnen Maustasten in dem Plugin sollen symbolisiert werden. Die Zoom-, Rotieren- und Verschiebenfunktion liegen jeweils auf der linken, der rechten und auf beiden Maustasten - zusammen also 3 Symbole. Benutzer verirren sich oft im 3D-Raum und finden schwer zu einer sinnvollen Betrachterposition zurück. Als Abhilfe werden noch Symbole für 10 vordefinierte Betrachterstandpunkte erstellt - Vorne, Hinten usw. Visuals der Konfiguration Für die Auswahl der Farben sollen nicht die herstellereigenen Namen im Konfigurator verwendet werden. Eigene anklickbare Farbfelder sind anschaulicher. Für die Metallic- und Standardlackierung werden deswegen kleine Farbsymbole erzeugt und im JPEG-Format gespeichert. Ein kleiner Lichtakzent soll die spiegelnde Lackierung darstellen. Auch die Materialien der verschiedenen Polsterungen werden als JPEG-Dateien angelegt. Diese Symbole werden jetzt noch im Visual GCL mit den entsprechenden Werten der Auswahllisten verbunden und damit ist die Bildbearbeitung abgeschlossen. 3D Car Configurator Adobe Photoshop

5 Vierter Tag... Viewpoint Metastream Metastream Modell Für die photorealistische Darstellung des Fahrzeugs wird eine 3D-Technologie von Viewpoint verwendet. Der Benutzer muß sich für deren Verwendung einmal ein kostenloses Plugin herunterladen. Danach können Modelle in diesem Format frei im dreidimensionalen Raum bewegt werden, entsprechend präparierte Modelle können auch Animationen anzeigen. Um möglichst wenig Daten zum Browser des Benutzers übertragen zu müssen wird die Geometrie für das Fahrzeug im ersten Arbeitsgang aus 3D Studio MAX exportiert und im Metastream Streaming Studio auf möglichst kleine Dateigröße optimiert. Jetzt wird festgelegt ab wann der Benutzer schon Teile des Fahrzeugs angezeigt bekommt, obwohl noch nicht alle Daten übertragen wurden (=Streaming). Metastream Animationen Änderungen an der aktuellen Produktauswahl im Konfigurator sollen in der Darstellung des Fahrzeugs entsprechende Änderungen der Materialien oder der Geometrie selbst verursachen. In einer Beschreibungsdatei der 3D-Szene werden die entsprechenden Animationen festgelegt. Dabei wird jeweils ein Zielzustand (z.b. Material Vulkanrot ) für ein Geometrieobjekt angegeben. Der Übergang erfolgt dann immer vom aktuellen Zustand zum Zielzustand. Um diesen Übergang sanft aussehen zu lassen, werden jeweils für die Zeitspanne dieser Änderung Zwischenbilder (Frames) automatisch in die Animation eingefügt. Die möglichen Übergänge werden benannt und noch in die Produktlogik des Fahrzeugsmodells mit Visual GCL eingetragen. Diese zusätzlichen Informationen werden als freie Attribute in den Logikbaum eingehängt. 3D Car Configurator Metastream

6 Fünfter Tag... Final Layout Frames sparen Zeit Der letzte Schritt ist die Integration der einzelnen Bausteine in eine Webseite. Die Anzeige der Produktlogik erfordert oft Seitenwechsel. Um die statischen Anteile der Seite nicht immer wieder neu zu laden wird ein Layout in 7 Frames verwendet. Oben auf der Bühne steht der Hauptdarsteller - das 3D-Modell in dem Pluginframe. Links und rechts davon die statischen Frames mit den Navigationshilfen der 3D-Umgebung. Darunter ein Navigationsframe, in dem der Anwender zwischen verschiedenen Gruppen von Ausstattungsoptionen umschalten kann z.b. Lackierung, Sitze, Radio oder Zubehör. Darunter der eigentliche Konfiguratorframe mit einer Preisund Stücklistenanzeige links und einem Hilfeframe rechts. Diese Anordnung wird in einem HTML- Editor angelegt. <TABLE WIDTH=100% BORDER=0 CELLSPACING=1 CELLPADDING=1> <% gcl.showform, Request.QueryString( page ), False %> </TABLE> Verblüffend kurz: Das ist der ganze Aufruf des Konfigurators. Preise, Stückliste und Animation Während der Sitzung aktiviert der Anwender im Produktlogikbaum eine Liste von Elemente. Die aktivierten Elemente mit Preis- oder Stücklisteninformation werden gesammelt, der Preis aufaddiert und die Stückliste in einem eigenen Frame angezeigt. Der Konfigurationsframe und der Stücklistenframe werden durch ein kurzes Javascript synchronisiert, um nach jeder Konfigurationsänderung sofort den neuen Preis und die neue Ausstattung anzuzeigen. Als Komfortfunktion werden auf der rechten Seite Links angeboten, die vordefinierte Animationen im Modell ablaufen lassen können. Die Fahrertür und die Heckklappe können geöffnet und geschlossen werden. Der 3D Car Configurator ist fertig! Live unter: 3D Car Configurator Final Layout

7 Die ec-logic GmbH ist ein führender deutscher Hersteller von Konfigurationslösungen für ecommerce und Web. Die Tools der GCL- Produktfamilie unterstützen den gesamten Anwendungszyklus von Analyse, Design, Layout, Publishing und Profiling von Konfiguratoren. Extrem schnelle und skalierbare Umsetzung von Produkt-, Vertriebs- und Beratungslogik sind die Stärken unserer GCL-Produkte für Windows- und UNIX-Plattformen. Die typischen Einsatzfelder sind: mass customization individuelle Dienstleistungen Konfiguration von Investitionsgütern. GCL-Lösungen sind seit 1998 erfolgreich im Einsatz. Adresse Internet Bankverbindung ec-logic GmbH Kaiserstraße D Fürth HR B 7997 Telefon: Fax: info@ec-logic.com Deutsche Bank BLZ: Konto: D Car Configurator Impressum