Die Übersichtsseite des Moduls Interaktive 3D-Szenen bietet eine zentrale Verwaltung aller erstellten 3D-Szenen, sowohl interaktiven Szenen als auch Produktszenen. Die Benutzeroberfläche ist analog zu den anderen Manager-Modulen gestaltet und ermöglicht eine intuitive Bedienung.

• Liste der vorhandenen 3D-Szenen:
  • Auf der linken Seite der Übersichtsseite befindet sich eine Liste aller 3D-Szenen, die im System eingerichtet sind.
  • Angezeigte Informationen:
    • Name: Der interne Name der 3D-Szene zur Identifikation.
    • Typ: Gibt an, ob es sich um eine interaktive Szene oder eine Produktszene handelt.
  • Suchfunktion:
    • Ermöglicht das schnelle Auffinden spezifischer 3D-Szenen anhand ihres Namens.
    • Vorgehen: Geben Sie den Namen oder Teile des Namens der gewünschten Szene in das Suchfeld ein.
• Funktionen der Symbole bei bestehenden 3D-Szenen:
  Neben jeder 3D-Szene in der Liste befinden sich mehrere Icons, die unterschiedliche Aktionen ermöglichen. Die Symbole sind von links nach rechts angeordnet und bieten folgende Funktionen:
  • Löschen (Mülleimersymbol):
    • Funktion: Entfernt die ausgewählte 3D-Szene aus dem System.
    • Vorgehen: Klicken Sie auf das Mülleimersymbol und bestätigen Sie die Löschung im angezeigten Dialogfenster.
    • Hinweis: Gelöschte 3D-Szenen können nicht wiederhergestellt werden.
  • Kopieren ins Fotostudio (Zwei übereinanderliegende Quadrate):
    • Funktion: Kopiert die 3D-Szene in das Modul Fotostudio, sodass sie dort zur Verfügung steht.
    • Vorgehen: Klicken Sie auf das Symbol mit den zwei Quadraten, um die 3D-Szene zu übertragen. Anschließend kann die Szene im Fotostudio-Modul weiterverarbeitet und für Bildaufnahmen genutzt werden.
  • Metadaten editieren (Stiftsymbol):
    • Funktion: Ermöglicht die Bearbeitung der Metadaten der 3D-Szene.
    • Vorgehen: Klicken Sie auf das Stiftsymbol, um das Metadaten-Formular zu öffnen und die gewünschten Änderungen vorzunehmen.
  • Inhalt editieren (Zahnradsymbol):
    • Funktion: Ermöglicht die Bearbeitung des Inhalts der 3D-Szene, wie beispielsweise das Hinzufügen oder Entfernen von Elementen.
    • Vorgehen: Klicken Sie auf das Zahnradsymbol, um den Szenen-Editor zu öffnen.
  • Clonen (Datei mit Plus-Symbol):
    • Funktion: Erstellt eine Kopie der ausgewählten 3D-Szene.
    • Vorgehen: Klicken Sie auf das Datei mit Plus-Symbol, ändern Sie bei Bedarf den Namen und die Metadaten im erscheinenden Fenster und bestätigen Sie mit OK.
    • Hinweis: Die geklonte Version ist unabhängig vom Original und kann separat bearbeitet werden.
  • Ansehen (Augensymbol):
    • Funktion: Öffnet die 3D-Szene im Anzeigemodus zur Vorschau.
    • Vorgehen: Klicken Sie auf das Augensymbol, um die aktuelle Konfiguration der Szene im Anzeigemodus in einem neuen Tab zu betrachten.
  • Link kopieren (Kettensymbol):
    • Funktion: Kopiert die URL der 3D-Szene in die Zwischenablage.
    • Vorgehen: Klicken Sie auf das Kettensymbol, um die URL zu kopieren und sie beispielsweise in Präsentationen oder anderen Kommunikationsmitteln einzufügen.
• Neue 3D-Szene hinzufügen:
  • Hinzufügen-Button:
    • Position: Rechts oben auf der Übersichtsseite befindet sich der „Hinzufügen“-Button.
    • Funktion: Ermöglicht das Erstellen einer neuen 3D-Szene, die dann im System bearbeitet und verwaltet werden kann.

Beim Anlegen einer neuen 3D-Szene oder beim Editieren der Metadaten einer bestehenden Szene werden verschiedene Felder ausgefüllt, um die Szene zu konfigurieren und zu beschreiben. Diese Felder bestimmen den Typ der Szene, ihren Namen, Sprachoptionen und spezifische Einstellungen wie die Autorotation.

• Typ:
  • Optionen: Produktszene oder Interaktive Szene
  • Beschreibung: Legt fest, um welche Art von Szene es sich handelt.
• Interner Name:
  • Beschreibung: Der interne Name dient zur Identifikation der Szene innerhalb des Systems und wird nicht öffentlich angezeigt.
• Sprache (Dropdown Sprachwahl für Übersetzung):
  • Beschreibung: Ermöglicht die Auswahl der Sprache für die Übersetzung der angezeigten Namen und Beschreibungen.
• Name:
  • Beschreibung: Der angezeigte Name, der in Überschriften oder auf Produktschildern erscheint.
• Öffentlich (Schalter):
  • Beschreibung: Wenn aktiviert, wird die interaktive Szene in der 3D-Interaktiv-Übersichtsseite angezeigt.
• Auto Rotation:
  • Beschreibung: Schaltet die Autorotation der Szene ein oder aus.
• Zoom stoppt Rotation:
  • Beschreibung: Wenn aktiviert, wird die Rotation gestoppt, wenn der Benutzer den Zoom verwendet.
• Speed:
  • Beschreibung: Legt die Geschwindigkeit der Autorotation fest.
  • Standardwert: 0,05
• Wait Time:
  • Beschreibung: Nach Inaktivität von x Hundertstelsekunden setzt die Autorotation wieder ein.
  • Standardwert: 2000 (entspricht 20 Sekunden)
• Spinup Time:
  • Beschreibung: Die Zeit in Hundertstelsekunden, bis die volle Autorotationsgeschwindigkeit nach dem Wiederanlaufen erreicht ist.
  • Standardwert: 2000 (entspricht 20 Sekunden)

Wenn Sie auf das Zahnradsymbol klicken, gelangen Sie in den Editor-Modus. Der Editor ist ein 3D-Raum, in dem das Produkt idealerweise mittig platziert wird. Es gibt diverse Bedienelemente im Editor. Hier eine kurze Übersicht:

• Linke Seite von oben nach unten:
  • Element-Symbol:
    • Hier können 3D-Objekte der Szene hinzugefügt werden.
    • Diese müssen vorher im GLB Manager hochgeladen werden.
  • Hotspot-Symbol:
    • Hier können Hotspots der Szene hinzugefügt werden.
  • Kamera-Symbol:
    • Einstellen der Startposition und des Zooms der Kamera.
    • Festlegen von maximalen und minimalen Zoom-Einstellungen.
  • Lampen-Symbol:
    • Einstellen der Beleuchtung und des Schattenwurfs.
  • Ordner-Symbol:
    • Templates speichern und laden.
  • Setup-Symbol:
    • Erstellen und Verwalten von Setups / Kategorien.
  • Bild-Symbol:
    • Erstellen eines Alpha-Kanal-Bildes für die spätere Verwendung, z.B. als Produktbild im Katalog.
  • Wolken-Symbol:
    • Speichern der aktuellen Szene.

• Oben in der Mitte von links nach rechts:
  • Pfeilkreuz-Symbol:
    • Verschieben des Objekts in den drei Achsen über die Maus.
  • Kreispfeil-Symbol:
    • Drehen des Objekts in allen drei Achsen über die Maus.
  • Quadrat-Symbol mit Ecken zum Anfassen:
    • Skalieren des Objekts in allen drei Achsen über die Maus.
  • Quadrat mit Pfeil nach unten-Symbol:
    • Platzieren des Objekts auf dem Boden.
    • Hinweis: Beim Erstellen des 3D-Objekts sollte darauf geachtet werden, dass der Nullpunkt korrekt gesetzt ist, ansonsten kann das System das Objekt nicht korrekt platzieren.

Wenn Sie auf das Element-Symbol klicken, öffnet sich ein Overlay auf der linken Seite, in dem Sie Objekte zur Szene hinzufügen können. Das Overlay kann über das X oben rechts wieder ausgeblendet werden.

• Objekt hinzufügen:
  • Auswahl des Objekts:
    • Wählen Sie das gewünschte Objekt im Dropdown-Menü aus der Liste aus.
  • Hinzufügen des Objekts:
    • Klicken Sie auf das „+“-Symbol neben dem ausgewählten Objekt, um es der Szene hinzuzufügen.
  • Hinweis:
    • Die Objekte müssen zuvor im GLB Manager hochgeladen worden sein.

Nachdem Sie ein Objekt hinzugefügt haben, wird es in die Szene geladen und angezeigt. Auf der linken Seite entsteht unterhalb des Dropdowns eine Liste aller hinzugefügten Objekte. Diese Liste ermöglicht es Ihnen, die Objekte in Ihrer Szene zu verwalten.

• Verwaltung der hinzugefügten Objekte:
  • Anzeigen/Ausblenden (Augensymbol):
    • Funktion: Blendet das ausgewählte Objekt in der Szene ein oder aus.
    • Vorgehen: Klicken Sie auf das Augensymbol neben dem Objekt, um es auszublenden oder wieder einzublenden.
  • Klonen (Plus-Symbol):
    • Funktion: Erstellt einen Klon des Objekts, wenn es mehrfach in der Szene benötigt wird.
    • Vorgehen: Klicken Sie auf das Plus-Symbol neben dem Objekt, um eine Kopie hinzuzufügen.
    • Hinweis: Der Klon ist eine exakte Kopie des ursprünglichen Objekts und kann separat positioniert und angepasst werden.
  • Löschen (Mülleimersymbol):
    • Funktion: Entfernt das Objekt aus der Szene.
    • Vorgehen: Klicken Sie auf das Mülleimersymbol neben dem Objekt, um es zu löschen.
    • Hinweis: Das gelöschte Objekt wird aus der Szene entfernt, kann aber bei Bedarf erneut hinzugefügt werden.

Wenn Sie in der Liste der Objekte in der Szene auf einen Eintrag klicken, wird das entsprechende Objekt selektiert. Auf der rechten Seite öffnet sich ein Overlay, in dem Sie die Eigenschaften des Objekts anpassen können.

• Angezeigte Informationen und Einstellungen im Overlay:
  • Objektname:
    • Zeigt den Namen des ausgewählten Objekts an.
  • Position (X, Y, Z):
    • Beschreibung: Ermöglicht die numerische Einstellung der Position des Objekts auf den drei Achsen.
    • Vorgehen: Geben Sie die gewünschten Werte für X, Y und Z ein, um das Objekt präzise zu positionieren.
  • Drehung (X, Y, Z):
    • Beschreibung: Ermöglicht die numerische Einstellung der Drehung des Objekts um die drei Achsen.
    • Vorgehen: Geben Sie die gewünschten Rotationswinkel für X, Y und Z ein.
  • Skalierung (X, Y, Z):
    • Beschreibung: Ermöglicht die numerische Einstellung der Größe des Objekts entlang der drei Achsen.
    • Vorgehen: Geben Sie die gewünschten Skalierungsfaktoren für X, Y und Z ein.
  • Kind-Objekte:
    • Beschreibung: Ermöglicht das Gruppieren des ausgewählten Objekts mit anderen Objekten, die sich bereits in der Szene befinden.
    • Hinweis: Auf die Funktionsweise der Kind-Objekte gehen wir im nächsten Schritt genauer ein.
  • Objekt wählen:
    • Beschreibung: Sie können das aktuelle Objekt durch ein anderes ersetzen.
    • Vorgehen: Klicken Sie auf „Objekt wählen“, um ein anderes Objekt aus der Liste auszuwählen und das aktuelle Objekt damit zu ersetzen.
  • Farbe (Dropdown):
    • Beschreibung: Ermöglicht das Einfärben des Objekts.
    • Vorgehen: Wählen Sie eine Farbe aus dem Dropdown-Menü aus.
    • Hinweis: Farben werden im Material-Editor angelegt. Diesen finden Sie im Menü unter dem Punkt 3D. Die Bedienung ist selbsterklärend und benötigt keine weiteren Erläuterungen.
  • Setup (Dropdown):
    • Beschreibung: Ermöglicht das Zuordnen des Objekts zu einem oder mehreren Setups / Kategorien
    • Vorgehen: Wählen Sie ein oder mehrere Setups aus dem Dropdown-Menü aus.
    • Hinweis: Die Setups müssen vorher über die Setupverwaltung im 3D Editor angelegt werden (siehe hier).

• Hinzufügen von Kind-Objekten:
  • Beschreibung:
    • Einem Objekt können beliebig viele Kind-Objekte hinzugefügt werden.
    • Die Kind-Objekte müssen sich bereits in der Szene befinden.
  • Vorgehen:
    • Wählen Sie das Elternobjekt aus, indem Sie es in der Objektliste anklicken.
    • Im rechten Overlay-Bereich finden Sie die Option „Kind-Objekte“.
    • Wählen Sie das gewünschte Kind-Objekt aus dem Dropdown-Menü aus.
    • Klicken Sie auf den „+“-Button neben dem Dropdown, um das Kind-Objekt hinzuzufügen.
  • Ergebnis:
    • Das Kind-Objekt wird nun unterhalb des Elternobjekts in der Objektliste angezeigt.
    • Beim Elternobjekt erscheint eine kleine Zahl, die angibt, wie viele Kind-Objekte diesem Elternobjekt zugeordnet sind.

• Verwaltung von Kind-Objekten:
  • Bedienelemente des Kind-Objekts:
    • Augen-Symbol:
      • Funktion: Blendet das Kind-Objekt ein oder aus.
      • Vorgehen: Klicken Sie auf das Augen-Symbol neben dem Kind-Objekt, um es auszublenden oder wieder einzublenden.
    • „-„-Button:
      • Funktion: Hebt die Eltern-Kind-Beziehung auf.
      • Vorgehen: Klicken Sie auf den „-„-Button neben dem Kind-Objekt, um die Beziehung zum Elternobjekt zu lösen.
    • Mülleimer-Symbol:
      • Funktion: Entfernt das Kind-Objekt komplett aus der Szene.
      • Vorgehen: Klicken Sie auf das Mülleimer-Symbol, um das Objekt aus der Szene zu löschen.

• Bearbeitung von verbundenen Objekten:
  • Einzelne Bearbeitung von Kind-Objekten:
    • Beschreibung:
      • Trotz der Eltern-Kind-Verbindung können Kind-Objekte einzeln ausgewählt und eingestellt werden.
      • Sie können verschoben, gedreht, skaliert und die Farbe geändert werden.
  • Bearbeitung des Elternobjekts:
    • Beschreibung:
      • Wenn das Elternobjekt ausgewählt wird, kann die gesamte Gruppe gleichzeitig verschoben, gedreht und skaliert werden.
      • Änderungen wirken sich auf das Elternobjekt und alle zugehörigen Kind-Objekte aus.
    • Hinweis:
      • Diese Funktion ermöglicht es, komplexe Objektgruppen zu erstellen und sie als Einheit zu bearbeiten.

Hinweis:

Für Kindobjekte werden keine Schattenwürfe berechnet, da dies in den meisten Anwendungsfällen eher störend ist. Eine Eltern-Kind-Beziehung empfiehlt sich daher hauptsächlich, wenn kleinere Elemente in oder an größeren Objekten platziert werden sollen, um eine saubere Darstellung ohne störende Schatten zu gewährleisten.

Verschieben von Objekten mit der Maus

• Auswahl des Objekts:
  • Wählen Sie das gewünschte Objekt in der Szene aus, indem Sie es in der Objektliste anklicken oder direkt in der Szene anwählen.
• Aktivieren des Verschiebewerkzeugs:
  • Klicken Sie im oberen Menü auf das Pfeilkreuz-Symbol
    • Beschreibung: Dieses Symbol aktiviert das Verschiebewerkzeug, mit dem Sie Objekte im 3D-Raum bewegen können.
• Erscheinen des Manipulators:
  • Nach der Aktivierung erscheint ein Pfeilelement (Manipulator) mit allen drei Achsen X, Y und Z am Nullpunkt des ausgewählten Objekts.
    • Farbcodierung der Achsen:
      • Rot: X-Achse
      • Grün: Y-Achse
      • Blau: Z-Achse
• Verschieben des Objekts:
  • Bewegen Sie den Mauszeiger über eine der Achsen, bis sie hervorgehoben wird.
  • Klicken und halten Sie die linke Maustaste gedrückt.
  • Ziehen Sie die Maus, um das Objekt entlang der ausgewählten Achse zu verschieben.
• Feinjustierung:
  • Für eine präzisere Positionierung können Sie die numerischen Werte für Position X, Y und Z im rechten Overlay manuell verändern.

Drehen von Objekten mit der Maus

• Auswahl des Objekts:
  • Wählen Sie das gewünschte Objekt in der Szene aus, indem Sie es in der Objektliste anklicken oder direkt in der Szene auswählen.
• Aktivieren des Drehwerkzeugs:
  • Klicken Sie im oberen Menü auf das Kreispfeil-Symbol
    • Beschreibung: Dieses Symbol aktiviert das Drehwerkzeug, mit dem Sie Objekte um die drei Achsen rotieren können.
• Erscheinen des Manipulators:
  • Nach der Aktivierung erscheint ein Drehelement (Manipulator) um das ausgewählte Objekt.
    • Farbcodierung der Achsen:
      • Rot: Rotation um die X-Achse
      • Grün: Rotation um die Y-Achse
      • Blau: Rotation um die Z-Achse
• Drehen des Objekts:
  • Um eine einzelne Achse drehen:
    • Bewegen Sie den Mauszeiger über einen der farbigen Kreise, bis er hervorgehoben wird.
    • Klicken und halten Sie die linke Maustaste gedrückt.
    • Bewegen Sie die Maus, um das Objekt um die ausgewählte Achse zu drehen.
      • Beispiel: Um das Objekt um die Y-Achse zu drehen (vertikale Achse), greifen Sie den grünen Kreis.
• Feinjustierung:
  • Für präzisere Drehungen können Sie die  numerischen Werte für Drehung X, Y und Z im rechten Overlay manuell eingeben.

Skalieren von Objekten mit der Maus

• Auswahl des Objekts:
  • Wählen Sie das gewünschte Objekt in der Szene aus, indem Sie es in der Objektliste anklicken oder direkt in der Szene auswählen.
• Aktivieren des Skalierungswerkzeugs:
  • Klicken Sie im oberen Menü auf das Skalierungs-Symbol (Quadrat-Symbol mit Ecken zum Anfassen).
    • Beschreibung: Dieses Symbol aktiviert das Skalierungswerkzeug, mit dem Sie die Größe von Objekten entlang der drei Achsen verändern können.
• Erscheinen des Manipulators:
  • Nach der Aktivierung erscheint ein Skalierungselement (Manipulator) mit Griffen entlang der X, Y und Z-Achsen am ausgewählten Objekt.
    • Farbcodierung der Achsen:
      • Rot: Skalierung entlang der X-Achse
      • Grün: Skalierung entlang der Y-Achse
      • Blau: Skalierung entlang der Z-Achse
• Skalieren des Objekts:
  • Skalierung entlang einer einzelnen Achse:
    • Bewegen Sie den Mauszeiger über einen der farbigen Griffe (Skalierungsachsen), bis er hervorgehoben wird.
    • Klicken und halten Sie die linke Maustaste gedrückt.
    • Bewegen Sie die Maus, um das Objekt entlang der ausgewählten Achse zu vergrößern oder zu verkleinern.
• Feinjustierung:
  • Für eine präzisere Skalierung können Sie die numerischen Werte für Skalierung X, Y und Z im rechten Overlay manuell eingeben.

Nach der Auswahl des Hotspot-Buttons können Sie in der Maske neue Hotspots anlegen sowie bestehende Hotspots löschen oder ausblenden.

• Icon-Auswahl:
  • Über ein Dropdown-Menü können Sie das Icon für den Hotspot auswählen. Das Icon muss vorher über die Medienverwaltung (Typ „Hotspot Icon“) hochgeladen worden sein.
• Name:
  • Im Feld Name geben Sie den internen Namen des Hotspots an. Dieser Name dient zur Identifikation innerhalb des Systems.
• Liste der bereits angelegten Hotspots:
  • In der Liste der bereits angelegten Hotspots können Sie bestehende Hotspots verwalten:
    • Löschen (Mülleimersymbol): Entfernt den Hotspot aus der Szene.
    • Ausblenden/Einblenden (Augensymbol): Blendet den Hotspot in der Szene ein oder aus, ohne ihn zu löschen.

Wenn ein Hotspot ausgewählt wird, können Sie dessen Position, Größe und Funktionalität festlegen. Hier die verfügbaren Felder und Optionen:

• Name:
  • Der Name des Hotspots, wie er in der Liste angezeigt wird.
• X-, Y- und Z-Position:
  • Nach dem Sie die ungefähre Postition über das Pfeilelement (Manipulator) festgelegt haben, können Sie zur genauen Positionierung des Hotspots die Koordinaten für die Position auf der jeweiligen Achse anpassen.
• Skalierung:
  • Hier können Sie die Größe des Hotspot-Icons einstellen.
• Sprite:
  • Mit diesem Feld können Sie das Icon des Hotspots erneut ändern, falls ein anderes Symbol verwendet werden soll.
• Hotspot-Typ:
  • Auswahl der Art des Hotspots, um festzulegen, welche Funktion der Hotspot ausführt (z. B. Informationen anzeigen, Kamerafahrt, Produktinformationen abrufen).
• Schalter „Kamera bearbeiten“:
  • Wird dieser Schalter aktiviert, können Sie die Kameraposition einstellen.
  • Über  das Pfeilelement (Manipulator) kann die Kamera verschoben und ausgerichtet werden.
  • Wenn die Kamera richtig positioniert ist, können Sie die Kameraposition speichern. Sobald der Hotspot geklickt wird, fährt die Kamera zur gespeicherten Position.

Produkt-Hotspot

Der Produkt-Hotspot dient dazu, Produktinformationen aus dem Produktkatalog anzuzeigen. Zusätzlich zu den Grundeinstellungen des Hotspots werden das Produkt aus dem Produktkatalog und das dazugehörige 3D-Objekt in der Szene ausgewählt. Die Kamera wird so positioniert, dass das gewünschte Objekt optimal im Mittelpunkt des Fensters erscheint.

• Einstellungen:
  • Produkt auswählen: Wählen Sie das gewünschte Produkt aus dem Dropdown-Menü aus, das mit dem Produktkatalog verknüpft ist.
  • 3D-Objekt auswählen: Wählen Sie das 3D-Objekt des Produkts, das in der Szene angezeigt wird.
  • Kameraposition festlegen: Stellen Sie die Kamera so ein, dass das Produkt bei Aktivierung des Hotspots im Zentrum der Ansicht erscheint.
• Funktionalität beim Klick auf den Hotspot:
  • Wenn der Nutzer später auf den Produkt-Hotspot klickt, wird alles bis auf das 3D-Objekt des Produkts in der Szene ausgeblendet.
  • Die Kamera fährt zu der vorher festgelegten Position, um das Produkt optimal zu präsentieren.
  • Die Informationen aus dem Produktkatalog werden in einem Info-Fenster angezeigt, und der Nutzer kann zwischen der 3D-Ansicht des Produkts und der Galerie (falls vorhanden) wechseln.

Info-Hotspot

Wird in der Betrachter-Ansicht auf einen Info-Hotspot geklickt, erscheint ein Overlay, das die hier eingegebenen Informationen anzeigt.

Bei einem Info-Hotspot stehen folgende zusätzliche Felder zur Verfügung:

• Name:
  • Der Titel oder die Überschrift des Infofensters, der im Overlay angezeigt wird.
• Beschreibung:
  • Der Inhalt des Infofensters, der die detaillierten Informationen enthält.
• Sprach-Dropdown:
  • Über das Sprach-Dropdown können unterschiedliche Sprachen für die Überschrift und den Beschreibungstext hinterlegt werden, sodass der Info-Hotspot mehrsprachig ausgegeben werden kann.

Kamera-Hotspot

Der Kamera-Hotspot ermöglicht es, die Kamera zu einer vordefinierten Position zu bewegen, wenn der Hotspot in der Szene angeklickt wird.

• Funktionalität:
  • Der Kamera-Hotspot hat keine zusätzliche Funktionalität, außer der Möglichkeit, wie bei anderen Hotspots die Kameraposition festzulegen.
  • Diese Position wird angefahren, sobald der Hotspot aktiviert wird.

Kategorie-Hotspot

Der Kategorie-Hotspot funktioniert ähnlich wie der Produkt-Hotspot, bietet jedoch die Möglichkeit, mehrere Produkte einer Kategorie aus dem Produktkatalog zu präsentieren.

• Einstellungen:
  • Kategorie auswählen: Wählen Sie eine Kategorie aus dem Produktkatalog aus, deren Produkte im Hotspot angezeigt werden sollen.
  • Produkte auswählen: Wählen Sie mehrere Produkte aus dieser Kategorie aus, die im Hotspot zur Auswahl stehen sollen.
  • Primäres 3D-Objekt auswählen: Wählen Sie das primäre 3D-Objekt in der Szene, das initial angezeigt wird.
  • Kameraposition festlegen: Stellen Sie die Kamera so ein, dass das primäre Objekt im Mittelpunkt erscheint.
• Funktionalität beim Klick auf den Hotspot:
  • Wenn der Nutzer auf den Kategorie-Hotspot klickt, wird das primäre 3D-Objekt in den Fokus gerückt, und die Kamera fährt zur voreingestellten Position.
  • Wie beim Produkt-Hotspot wird ein Info-Fenster angezeigt, in dem die Informationen des primären Produkts zu sehen sind.
  • Zusätzlich erscheint eine Liste aller hinterlegten Produkte aus der ausgewählten Kategorie. Nutzer können aus dieser Liste ein anderes Produkt auswählen, um dessen 3D-Darstellung zu sehen und die zugehörigen Produktinformationen abzurufen.

Kamerasymbol auf der rechten Seite

• Kamera positionieren und speichern:
  • Beschreibung:
    • Verwenden Sie die Maussteuerung, um die Kamera so zu positionieren, wie das Objekt bei späterer Verwendung beim ersten Laden angezeigt werden soll.
    • Dies umfasst das Zoomen, Drehen und Verschieben der Kamera, bis die gewünschte Ansicht erreicht ist.
  • Vorgehen:
    • Drehen der Kamera: Halten Sie die linke Maustaste im freien Raum gedrückt und bewegen Sie die Maus.
    • Verschieben der Kamera: Halten Sie die rechte Maustaste gedrückt und bewegen Sie die Maus.
    • Zoomen: Verwenden Sie das Mausrad, um in die Szene hinein- oder herauszuzoomen.
    • Sobald die gewünschte Kameraposition erreicht ist, klicken Sie auf den Button „Kamera speichern“, um diese Einstellung zu sichern.
• Kamera zurücksetzen:
  • Beschreibung:
    • Mit „Kamera zurücksetzen“ wird die Kamera auf den Standardpunkt der Szene zurückgesetzt.
  • Vorgehen:
    • Klicken Sie auf den Button „Kamera zurücksetzen“, um die Kameraeinstellungen auf die Standardeinstellungen zurückzusetzen.
• Maximalen Zoom einstellen:
  • Beschreibung:
    • Mit „Max Zoom“ wird der maximal mögliche Zoom festgelegt.
    • Dies begrenzt, wie nah der Benutzer an das Objekt heranzoomen kann.
  • Vorgehen:
    • Geben Sie im Feld „Max Zoom“ den gewünschten Wert ein, um den maximalen Zoomfaktor zu definieren.
• Untere Grenze einstellen:
  • Beschreibung:
    • Über „Untere Grenze“ kann eingestellt werden, wie weit sich das Objekt drehen lässt.
    • Es limitiert den Winkel, den die Kamera auf der Breitenachse (latitudinal axis) erreichen kann (entspricht dem upperBetaLimit).
    • Bei einem Wert von 0 kann man sich beliebig um das Objekt herum bewegen.
    • Um zu verhindern, dass sich die Kamera unterhalb des Bodens dreht, kann ein bestimmter Wert eingegeben werden.
  • Vorgehen:
    • Geben Sie im Feld „Untere Grenze“ den Wert Pi / 2,2 ein, was ungefähr 1,43 entspricht.
    • Dieser Wert begrenzt die vertikale Bewegung der Kamera, sodass sie nicht unter das Objekt schauen kann.
• Hinweise:
  • Einheiten und Werte:
    • Die Werte für Winkelbegrenzungen werden in Radiant angegeben.
    • Pi entspricht dabei ungefähr 3,1416.
  • Beispielwerte:
    • Untere Grenze = 0: Freie Bewegung um das Objekt.
    • Untere Grenze = 1,43: Einschränkung der Kamerabewegung, um das Unter-das-Objekt-Schauen zu verhindern.
  • Kameraeinstellungen testen:
    • Nach dem Speichern der Kameraeinstellungen empfiehlt es sich, die Szene in der Vorschau zu betrachten, um sicherzustellen, dass die Kamera sich wie gewünscht verhält.

Beim Klicken auf das Lampen-Symbol können Sie die Beleuchtung und den Schattenwurf in Ihrer 3D-Szene einstellen. Das Licht ist ein virtuelles Objekt im Raum und kann ähnlich wie ein 3D-Objekt positioniert und gedreht werden.

• Positionierung und Drehung des Lichts:
  • Position X, Y, Z:
    • Beschreibung: Legen Sie die Position der Lichtquelle im Raum fest.
    • Vorgehen: Geben Sie numerische Werte in die Felder für X, Y und Z ein oder verschieben Sie die Lichtquelle direkt im Editor mithilfe der Maus.
  • Drehung X, Y, Z:
    • Beschreibung: Bestimmen Sie die Ausrichtung der Lichtquelle.
    • Vorgehen: Geben Sie numerische Werte für die Drehung um die X, Y und Z-Achsen ein oder drehen Sie die Lichtquelle mit der Maus.

• Manipulation mit der Maus:
  • Verschieben:
    • Wählen Sie das Verschiebewerkzeug aus dem oberen Menü (Pfeilkreuz-Symbol).
    • Klicken Sie auf die Lichtquelle und ziehen Sie sie entlang der Achsen.
  • Drehen:
    • Wählen Sie das Drehwerkzeug (Kreispfeil-Symbol) aus.
    • Drehen Sie die Lichtquelle um die gewünschten Achsen.

• Weitere Einstellungen:
  • Lichtstärke:
    • Beschreibung: Regelt die Helligkeit der Lichtquelle.
    • Vorgehen: Stellen Sie den Wert für die Lichtstärke ein, um die Intensität des Lichts zu erhöhen oder zu verringern.
  • Schattenschärfe:
    • Beschreibung: Bestimmt die Klarheit der Schattenkanten.
    • Vorgehen: Passen Sie den Wert an, um zwischen scharfen und weichen Schatten zu wechseln.
  • Schattentransparenz:
    • Beschreibung: Legt die Transparenz der Schatten fest.
    • Vorgehen: Erhöhen Sie den Wert, um die Schatten durchsichtiger zu machen, oder verringern Sie ihn für dichtere Schatten.
  • Leuchtstärke:
    • Beschreibung: Mit dieser Einstellung können alle Objekte in der Szene selbst leuchten.
    • Hinweis: Diese Einstellung ist global und bezieht sich auf alle Objekte in der Szene.
    • Vorgehen: Erhöhen Sie die Leuchtstärke, um einen Glow-Effekt zu erzeugen.

Der Setup-Button ermöglicht das Anlegen und Löschen von Setups, die zur gruppierten Anzeige von 3D-Objekten innerhalb einer Szene verwendet werden.

• Anlegen eines Setups:
  • Geben Sie einen Namen für das Setup ein und klicken Sie auf das + Symbol, um ein neues Setup zu erstellen.
  • Das Setup wird in der Liste angezeigt und kann nun in dem Editorfeld für 3D Objekte ausgewählt werden
• Löschen eines Setups:
  • In der Liste befindet sich hinter dem Setuparmen ein Mülleimersymbol. Klicken Sie darauf, um das Setup zu löschen.
• Funktion von Setups:
  • Mit Setups lassen sich 3D-Objekte gruppieren und nur die Objekte einer Gruppe anzeigen. In der Anzeige können Nutzer über Buttons am unteren Bildschirmrand zwischen den Setups wechseln.
  • Nur die Objekte, die einem ausgewählten Setup zugeordnet sind, werden in der Szene angezeigt. Objekte, die keinem Setup zugeordnet sind, bleiben in allen Setups sichtbar.
  • Setups können auch über einen speziellen Hotspot-Typ angesteuert werden, sodass Nutzer beim Klick auf einen Hotspot automatisch in ein bestimmtes Setup wechseln.

Wenn ein Setup-Eintrag aus der Liste gewählt wird, öffnet sich eine Kachel mit den folgenden Feldern:

• Name:
  • Der Name des Setups, der im Button am unteren Ende der Szene in der Ansicht angezeigt wird.
• Übersetzung:
  • Wie überall im System, kann über das Dropdown-Menü die Sprache ausgewählt werden, in die der Name des Setups übersetzt werden soll.
• Schalter „Kamera bearbeiten“:
  • Wird dieser Schalter aktiviert, erscheint Pfeilelement (Manipulator), mit dem die Kamera an den gewünschten Ort verschoben werden kann.
  • Ist die Kamera wie gewünscht ausgerichtet, kann man über Kamera speichern den Kamerapunkt festlegen. Dieser Punkt wird angefahren, sobald jemand in der Ansicht auf den entsprechenden Setup-Button drückt.

Das Speichern und Laden von Templates ermöglicht es Ihnen, spezifische Einstellungen wie Kamera- und Lichtkonfigurationen zu sichern und für zukünftige Projekte wiederzuverwenden. Dies ist besonders nützlich, um eine konsistente Darstellung Ihrer Produkte zu gewährleisten und den Arbeitsaufwand bei der Erstellung mehrerer ähnlicher Szenen zu reduzieren.

• Template speichern:
  • Vorgehen:
    • Geben Sie einen Namen für das Template ein, um es eindeutig zu identifizieren.
    • Klicken Sie auf den Speichern-Button (Ordnersymbol mit „+“), um das aktuelle Szene-Setup als Template zu speichern.
  • Beschreibung:
    • Die aktuelle Szene wird inklusive aller Kameraeinstellungen (Position, Zoom) und Lichteinstellungen (Stärke, Schattenwurf) gespeichert.

• Template laden:
  • Vorgehen:
    • Öffnen Sie das Dropdown-Menü unter dem Ordnersymbol.
    • Wählen Sie das gewünschte Template aus der Liste der gespeicherten Templates aus.
    • Klicken Sie auf das Laden-Button (offenes Ordnersymbol), um das Template in die aktuelle Szene zu laden.
  • Beschreibung:
    • Die gespeicherten Einstellungen des Templates werden auf die aktuelle Szene angewendet.
    • Bereits vorhandene Objekte in der Szene bleiben erhalten.

Mit dem Bild-Symbol im Editor haben Sie die Möglichkeit, schnell ein Alpha-Kanal-Bild Ihrer 3D-Szene zu erstellen. Dieses Bild kann beispielsweise später als Vorschaubild für die Szene verwendet werden.

• Vorgehen:
  • Kamera positionieren: Stellen Sie sicher, dass die Kamera so ausgerichtet ist, wie Sie das Objekt im Bild festhalten möchten.
    • Verwenden Sie die Maussteuerung, um die gewünschte Perspektive zu erhalten.
  • Bild erstellen:
    • Klicken Sie auf das Bild-Symbol auf der linken Seite des Editors.
    • Ein Screenshot der aktuellen Ansicht wird erstellt und als Bild mit Alpha-Kanal (Transparenz) gespeichert.
  • Speicherung:
    • Das Bild wird in Ihren Download Ordner auf Ihrem Computer abgelegt.