Arbeiten mit der 3D-Sitekomponente

AEM 3D enthält eine AEM Sites-Komponente, mit der Sie interaktive 3D-Modelle auf Webseiten implementieren können.

Nachdem Sie die 3D-Komponente hinzugefügt haben, können Sie das 3D-Asset in dieser Komponente Ansicht.

Hinzufügen der 3D-Komponente zur Seitenvorlage

Sie müssen die 3D-Komponente auf der Seite aktivieren, bevor Sie sie auf einer Seite platzieren können. Detaillierte Informationen zum Aktivieren von Komponenten in Vorlagen finden Sie unter Bearbeiten von Vorlagen.

Hinzufügen der 3D-Komponente zur Seitenvorlage:

  1. Öffnen Sie Tools > Allgemein > Vorlagen.

  2. Navigieren Sie zu der Seitenvorlage, in der Sie die 3D-Komponente aktivieren möchten, und wählen Sie sie aus.

  3. Tippen Sie auf Bearbeiten, um die Vorlage zu öffnen.

  4. Wählen Sie oben rechts auf der Seite im Dropdown-Menü dem Modus Struktur, falls dieser noch nicht aktiv ist.

    image2017-11-14_15-33-57

  5. Tippen Sie auf den Container Layout, um ihn auszuwählen.

  6. Tippen Sie auf die Schaltfläche Richtlinie, um den Richtlinien-Editor zu öffnen.

  7. Aktivieren Sie im Abschnitt Eigenschaften das Kontrollkästchen 3D und tippen Sie dann auf Fertig, um die Änderungen zu speichern und den Richtlinien-Editor zu schließen.

    Sie können jetzt die Komponente "3D-Sites"auf allen Seiten platzieren, die diese Vorlage verwenden.

Hinzufügen der 3D-Viewer-Komponente zu einer Webseite

VORSICHT

Diese Version von AEM 3D unterstützt nur eine Instanz der 3D-Komponente pro Webseite. Mehrere 3D-Komponenten auf derselben Seite funktionieren nicht ordnungsgemäß.

Hinzufügen der 3D-Viewer-Komponente zu einer Webseite:

  1. Öffnen Sie AEM Sites und wählen Sie die Webseite aus, der Sie die 3D-Komponente hinzufügen möchten.

  2. Tippen Sie auf Bearbeiten (Stift), um die Seite im Seiteneditor zu öffnen. Stellen Sie sicher, dass der Modus Bearbeiten rechts oben auf der Seite ausgewählt ist.

    image2017-11-14_15-44-40

  3. Tippen Sie auf die Leiste, um das Seitenbedienfeld zu öffnen.

  4. Tippen Sie auf das Pluszeichen, um die Liste Components zu öffnen.

  5. Ziehen Sie die Komponente 3D-Viewer aus der Liste Komponenten an die Stelle auf der Seite, an der der 3D-Viewer angezeigt werden soll.

Konfigurieren der 3D-Komponente

  1. Wählen Sie im Seiteneditor in AEM Sites die Komponente 3D Viewer aus, die Sie zuvor zur Seite hinzugefügt haben.

  2. Tippen Sie auf das Symbol Konfiguration (Schraubenschlüssel), um das Dialogfeld mit der Komponentenkonfiguration zu öffnen.

    Sie können die folgenden Komponenteneigenschaften festlegen:

    Eigenschaft Beschreibung Anwendbarkeit
    Höhe (px) Geben Sie die gewünschte Höhe der 3D-Komponente in Pixeln an. Wenn das Feld frei gelassen wird, beträgt die Höhe standardmäßig 600 Pixel.
    Name der Phase

    Wählen Sie eine 3D-Bühne aus der Liste verfügbarer Bühnen aus. Die Bühne bietet Hintergrund und Beleuchtung.

    Siehe Informationen zur Verwendung von Phasen in AEM 3D-Sites.

    Wird für Adobe Dimension-Assets ignoriert.
    Auto-Rotationsgeschwindigkeit (RPM)

    Der 3D-Viewer dreht die Ansicht nach dem Laden und Zurücksetzen unaufhörlich. Die automatische Drehung endet, wenn der Benutzer eine manuelle Drehaktion durchführt.

    Sie können die Rotationsgeschwindigkeit in RPM mithilfe der folgenden Werte angeben:

    • Positiven Wert auf rechts drehen
    • Negativen Wert für die Drehung links festlegen
    • Legen Sie einen Wert von 0 fest, um die automatische Rotation zu deaktivieren.

    Der Standardwert ist 3 U/min, was 20 Sekunden pro voller Revolution entspricht.

    Hinweis: Die Rotationsgeschwindigkeit setzt eine Bildrate von 60/s voraus. Diese Rate wird normalerweise bei kleinen bis mittelgroßen Modellen auf leistungsfähigeren Grafikhardware erreicht. Größere Modelle oder langsamere Geräte drehen sich bei niedrigeren Raten automatisch.

    Wird für Adobe Dimension-Assets ignoriert.
    Farbe der Navigationsschaltfläche Verwenden Sie die Farbauswahl, um die primäre Farbe für die Viewer-Steuerelemente auszuwählen. Ignored for Adobe Dimension asses.
    Navigation mit Mauszeigerfarbe Verwenden Sie die Farbauswahl, um die Hover-/Auswahlfarbe für die Viewer-Steuerelemente auszuwählen. Wird für Adobe Dimension-Assets ignoriert.
    Muster anzeigen Für die zukünftige Verwendung. Wird für Adobe Dimension-Assets ignoriert.
    GLTF-Kameravorgaben anzeigen Zeigen Sie die Kameravorgaben an oder blenden Sie sie aus, die möglicherweise in Adobe Dimension-Assets vorhanden sind. Nur für Adobe Dimension-Assets.
    GLTF-Hintergrundfarbe Standardmäßige Hintergrundfarbe, wenn das 3D-Modell keinen Hintergrund enthält. Nur für Adobe Dimension-Assets.
  3. Tippen Sie auf das Häkchen, um Ihre Änderungen zu speichern.

    Zusätzlich zu den im Komponentenkonfigurationsdialogfeld verfügbaren Einstellungen stehen eine Reihe globaler Konfigurationseinstellungen zur Verfügung, die über die CRXDE Lite geändert werden können.
    Weitere Informationen zu diesen globalen Einstellungen finden Sie unter Erweiterte Konfigurationseinstellungen.

Zuweisen eines 3D-Modells zu einer Komponente

  1. Klicken Sie im AEM Sites-Seiteneditor auf das Symbol Assets, um die Liste "Assets"im Seitenbedienfeld zu öffnen.

  2. Wählen Sie den Filter 3D-Modelle, um unerwünschte Asset-Typen auszublenden.

    screen_shot_2017-12-11at124258

  3. Suchen Sie nach dem 3D-Asset, das Sie auf der entsprechenden Seite anzeigen möchten.

  4. Ziehen Sie das 3D-Asset aus der Liste Assets in die Komponente 3D Viewer, die zuvor auf der Seite platziert wurde.

    Adobe Dimension-Assets werden mit neuer Viewer-Technologie auf der Grundlage des offenen Standards glTF gerendert, während alle anderen 3D-Asset-Typen auf dem klassischen AEM 3D WebGL-Viewer basieren. Die Komponente wählt automatisch den entsprechenden Viewer basierend auf dem Typ des 3D-Modells aus.

Vorschau einer Webseite mit einer 3D-Komponente

Während sich die Webseite im Modus Bearbeiten befindet, zeigt die 3D-Komponente das 3D-Modell an, es ist jedoch keine Interaktion mit dem Modell möglich.

Sie können die Webseite im Seiteneditor mit vollem Zugriff auf die Funktionen der 3D-Komponente Vorschau haben.

Siehe auch Anzeigen von 3D-Assets in der Sites 3D-Komponente.

So Vorschau einer Webseite mit einer 3D-Komponente:

  1. Nehmen Sie eine der folgenden Aktionen vor:

    • Klicken Sie rechts oben auf der Seite auf Vorschau, um in den Vorschau-Modus zu wechseln.
    • Löschen Sie /edit.html aus der Seiten-URL im Browser.

Veröffentlichen von Seite und Assets

Weitere Informationen zum Veröffentlichen von Assets finden Sie unter Veröffentlichen von Assets. Weitere Informationen zum Veröffentlichen von Seiten finden Sie unter Veröffentlichen von Seiten.

HINWEIS

Mit dem Menüelement Seite veröffentlichen im Menü Seiteninformationen veröffentlichen Sie die Seite und alle Abhängigkeiten der primären Seite. Sekundäre Abhängigkeiten, die möglicherweise vom 3D-Modell und/oder der 3D-Bühne verwendet werden, wie z. B. Texturmaps oder IBL-Bilder, werden auf diese Weise nicht veröffentlicht.

Adobe empfiehlt, dass Sie alle 3D-Assets und ihre Abhängigkeiten direkt von AEM Assets veröffentlichen, bevor Sie die Webseite veröffentlichen, die auf diese Assets verweist.

Auf dieser Seite