Show Menu
THEMEN×

Arbeiten mit 3D-Assets in dynamischen Medien

Mit dynamischen Medien können Sie 3D-Assets hochladen, verwalten, Ansicht und bereitstellen - als eindrucksvolle Erlebnisse.
  • Ein Klick auf die Veröffentlichung (mithilfe der Schnellveröffentlichung in der Symbolleiste) von 3D-Assets, um eine URL zu generieren.
  • Optimierte Unterstützung für die Anzeige von 3D-Assets mit der hochwertigen, interaktiven Dimensions-Viewer-Vorgabe auf Basis von Adobe Dimension.
  • Mit der 3D-Media-WCM-Komponente können Sie Ihren AEM-Siteseiten mühelos 3D-Elemente hinzufügen.
Für die Verwendung von 3D-Assets in dynamischen Medien ist keine zusätzliche Konfiguration erforderlich.

Unterstützte 3D-Dateiformate in dynamischen Medien

Dynamische Medien unterstützen die folgenden 3D-Dateiformate:
3D-Dateierweiterung
Dateiformat
MIME-Typ
Hinweise
GLB
Binäre GL-Übertragung
model/gltf-binary
Umfasst die Materialien und Texturen als ein Asset.
OBJ
WaveFront 3D-Objektdatei
application/x-tgif
STL
Stereolithografie
application/vnd.ms-pki.stl
USDZ
Universelles Scene Description-Zip-Archiv
model/vnd.usdz+zip
Unterstützung nur für die Aufnahme; keine Anzeige oder Interaktion verfügbar ist. USDZ ist ein proprietäres 3D-Format, das nativ von Safari- und iOS-Geräten angezeigt werden kann.

Quick Beginn: 3D-Assets in dynamischen Medien

Die folgende Workflow-Beschreibung hilft Ihnen, sich schnell mit 3D-Assets im Modus "Dynamische Medien - Scene7"vertraut zu machen.
3D-Assets werden im Modus "Dynamische Medien - Hybrid"nicht unterstützt.
Bevor Sie mit 3D-Assets in dynamischen Medien arbeiten, stellen Sie sicher, dass Ihr AEM-Administrator die Dynamischen Media Cloud-Dienste bereits im Modus "Dynamische Medien - Scene7"aktiviert und konfiguriert hat.
Siehe Konfiguration von Dynamic Media Cloud Services in „Konfigurieren von Dynamic Media – Scene7-Modus“ und Fehlerbehebung in Dynamic Media – Scene7-Modus .
  1. Hochladen von 3D-Assets
  2. Verwalten von 3D-Assets
  3. Veröffentlichen von 3D-Assets

Informationen zum Anzeigen und Arbeiten mit 3D-Assets

In diesem Abschnitt wird die Ansicht und Interaktion mit 3D-Assets auf zwei verschiedene Arten beschrieben: von der Seite mit den Asset-Details und von der Komponente mit den 3D-Medien in Sites.
Der interaktive 3D-Viewer enthält unter anderem eine Sammlung interaktiver Kamerasysteme, mit denen Sie das 3D-Asset drehen, zoomen und schwenken können.
Beachten Sie, dass die zum Öffnen eines 3D-Assets in der Ansicht "Asset-Details"benötigte Zeit von mehreren Faktoren abhängt. den folgenden Faktoren ab:
  • Bandbreite zum Server.
  • Latenzen zum Server
  • Komplexität des Bildes.
Darüber hinaus sind die Funktionen des Client-Computers, wie eine Workstation, ein Notebook oder ein mobiles Touch-Gerät, auch bei der interaktiven Manipulation der Kamera wichtig. Ein relativ leistungsfähiges System mit guten Grafikfähigkeiten unterstützt eine weichere, angenehmere interaktive 3D-Anzeige.
Sie können die Viewer-Vorgabe "Größe"im Viewer-Vorgabeneditor öffnen, um die Navigation in einem 3D-Asset zu praktizieren, ohne dass zuvor 3D-Dateien hochgeladen werden müssen. Die Viewer-Vorgabe "Größe"verfügt über ein integriertes 3D-Asset, mit dem Sie interagieren können.

Anzeigen und Interagieren mit einem 3D-Asset auf der Seite mit den Asset-Details

So können Sie ein 3D-Asset über die Seite mit den Asset-Details Ansicht und damit interagieren
  1. Laden Sie 3D-Assets in AEM hoch.
  2. Tippen Sie in AEM auf der Navigationsseite auf Assets > Dateien .
  3. Near the upper-right corner of the page, from the View drop-down list, tap Card View .
  4. Navigieren Sie zu einem 3D-Asset, das Sie anzeigen möchten.
  5. Tippen Sie auf die Karte des 3D-Assets, um das Asset auf der Seite „Asset-Details“ zu öffnen.
  6. Führen Sie auf der Detailseite für die Ansicht des 3D-Assets einen der folgenden Schritte aus:
    • Drehen Sie Ihre Kamera - Richten Sie Ihre Ansicht um die 3D-Szene und -Objekte.
      • Maus : Klicken und ziehen Sie mit der linken Maustaste.
      • Touchscreen : Drücken und ziehen Sie mit einem Finger.
    • Schwenken Sie die Ansicht - Drehen Sie sie nach links, rechts, oben oder unten.
      • Maus : Klicken und ziehen Sie mit der rechten Maustaste.
      • Touchscreen : Drücken und ziehen Sie mit zwei Fingern.
    • Zoomen Sie Ihre Kamera - Zoomen Sie Ihre Kamera, um sich in- und außerhalb der 3D-Szene zu bewegen.
      • Maus : Scrollen Sie mit dem Mausrad.
      • Touchscreen : Führen Sie mit zwei Fingern Pinch-Gesten aus.
    • Setzen Sie Ihre Kamera neu ein - geben Sie Ihre Kamera bis zu einem Punkt auf einem Objekt in der 3D-Szene ein.
      • Maus : Doppelklicken Sie.
      • Touchscreen : Doppeltippen Sie.
    • Zurücksetzen - Tippen Sie auf das Symbol "Zurücksetzen", um den Punkt "Zielgruppe"der Ansicht in der rechten unteren Ecke des 3D-Assets wiederherzustellen. Durch das Zurücksetzen wird die Kamera auch näher oder weiter weg bewegt, um das Asset in seiner Gesamtheit und in einer angemessenen Betrachtungsgröße zu zeigen.
    • Vollbildmodus : Um in den Vollbildmodus zu wechseln, tippen Sie in der rechten unteren Ecke der Seite auf das Symbol "Vollbild".
  7. Tippen Sie in der linken oberen Ecke der Seite auf Schließen , um zur Seite „Assets“ zurückzukehren.

Anzeigen und Interagieren mit einem 3D-Asset innerhalb einer 3D-Medienkomponente

Wenn sich eine Webseite im Bearbeitungsmodus befindet, ist keine Interaktion mit einem 3D-Asset möglich. Um das Asset interaktiv zu gestalten, können Sie mit der Funktion " Vorschau "die Webseite im Seiteneditor mit vollem Zugriff auf die Funktionen der 3D-Medienkomponente Ansicht haben.
Sie können diese Aufgabe erst ausführen, nachdem Sie einer Webseite eine 3D-Medienkomponente hinzugefügt und der Komponente ein 3D-Asset zugewiesen haben. Siehe Hinzufügen der 3D-Medienkomponente zu einer Webseite und Zuweisen eines 3D-Assets zu einer 3D-Medienkomponente .
So erstellen Sie eine Ansicht und Interaktion mit einem 3D-Asset innerhalb einer 3D-Medienkomponente
  1. Führen Sie während der Bearbeitung einer Webseite einen der folgenden Schritte aus:
    • Klicken Sie rechts oben auf der Seite auf Vorschau , um in den Vorschau -Modus zu wechseln.
    • Löschen Sie /editor.html aus der Seiten-URL im Browser.
Ein vollständig interaktives 3D-Asset, wie in angezeigt wird Ein vollständig interaktives 3D-Asset, wie im Vorschau -Modus angezeigt.
  1. Führen Sie im Modus Vorschau einen der folgenden Schritte aus:
    • Drehen Sie Ihre Kamera - Richten Sie Ihre Ansicht um die 3D-Szene und -Objekte.
      • Maus : Klicken und ziehen Sie mit der linken Maustaste.
      • Touchscreen : Drücken und ziehen Sie mit einem Finger.
    • Schwenken Sie die Ansicht - Drehen Sie sie nach links, rechts, oben oder unten.
      • Maus : Klicken und ziehen Sie mit der rechten Maustaste.
      • Touchscreen : Drücken und ziehen Sie mit zwei Fingern.
    • Zoomen Sie Ihre Kamera - Zoomen Sie Ihre Kamera, um sich in- und außerhalb der 3D-Szene zu bewegen.
      • Maus : Scrollen Sie mit dem Mausrad.
      • Touchscreen : Führen Sie mit zwei Fingern Pinch-Gesten aus.
    • Setzen Sie Ihre Kamera neu ein - geben Sie Ihre Kamera bis zu einem Punkt auf einem Objekt in der 3D-Szene ein.
      • Maus : Doppelklicken Sie.
      • Touchscreen : Doppeltippen Sie.
    • Zurücksetzen - Tippen Sie auf das Symbol "Zurücksetzen", um den Punkt "Zielgruppe"der Ansicht in der rechten unteren Ecke des 3D-Assets wiederherzustellen. Durch das Zurücksetzen wird die Kamera auch näher oder weiter weg bewegt, um das Asset in seiner Gesamtheit und in einer angemessenen Betrachtungsgröße zu zeigen.
    • Vollbildmodus : Um in den Vollbildmodus zu wechseln, tippen Sie in der rechten unteren Ecke der Seite auf das Symbol "Vollbild".

Grundlagen zum Arbeiten mit der 3D-Medienkomponente

Dynamische Medien enthalten eine Komponente für dynamische Medien mit 3D-Medien, die Sie in AEM-Sites verwenden können, um die interaktive Anzeige von 3D-Modellen auf Ihren Webseiten zu ermöglichen.

Adding the 3D Media component to the page template

  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. Tap Edit to open the template.
  4. Wählen Sie rechts oben auf der Seite im Dropdown-Menü die Option Strukturierungsmodus , falls diese noch nicht aktiv ist.
  5. Tippen Sie auf einen leeren Bereich im Bereich " Layout-Container ", um ihn auszuwählen und die zugehörige Symbolleiste zu öffnen.
  6. Tippen Sie in der Symbolleiste auf das Symbol Richtlinie , um den Richtlinien-Editor zu öffnen.
  7. Führen Sie im Abschnitt Eigenschaften auf der Registerkarte Zulässige Komponenten einen Bildlauf zu dynamischen Medien durch, erweitern Sie dann die Liste und aktivieren Sie die Option 3D-Medien .
  8. Tippen Sie auf Fertig , um die Änderungen zu speichern und den Richtlinien-Editor zu schließen.
    Sie können jetzt die Komponente "Dynamische Medien - 3D-Medien"auf allen Seiten platzieren, die diese Vorlage verwenden.

Adding the 3D Media component to a web page

Wenn Sie Adobe Experience Manager als Web-Content-Management-System verwenden, können Sie Ihren Webseiten mithilfe der 3D-Medienkomponente 3D-Elemente hinzufügen.
  1. Öffnen Sie AEM-Sites und wählen Sie die Webseite aus, der Sie die Komponente für dynamische Medien-3D-Medien hinzufügen möchten.
  2. Tap the Edit (pencil) icon to open the page into the page editor. Stellen Sie sicher, dass rechts oben auf der Seite der Bearbeitungsmodus ausgewählt ist.
  3. Tippen Sie in der Symbolleiste auf das Symbol für das seitliche Bedienfeld, um die Anzeige des Bedienfelds zu aktivieren bzw. zu aktivieren.
  4. Tippen Sie im Seitenbedienfeld auf das Pluszeichen, um die Liste " Komponenten "zu öffnen.
  5. Ziehen Sie die 3D-Medienkomponente aus der Liste " Komponenten "an die Stelle auf der Seite, an der der 3D-Viewer angezeigt werden soll.
Sie können der Komponente jetzt ein 3D-Asset zuweisen.

Optional - Konfigurieren der 3D-Medienkomponente

  1. In the AEM Sites page editor, select the 3D Media Viewer component that you previously added to the page.
  2. Tap the Configuration icon (wrench) to open the component configuration dialog box.
  3. Wählen Sie im Dialogfeld "3D-Medien"aus der Dropdown-Liste "Viewer-Vorgabe"die Option " Größe ", um der Komponente die Viewer-Vorgabe "Größe"zuzuweisen.
  4. Tippen Sie in der oberen rechten Ecke auf das Häkchen, um Ihre Änderungen zu speichern.

Zuweisen eines 3D-Assets zur 3D-Medienkomponente

Nachdem Sie einer Webseite eine 3D-Medienkomponente hinzugefügt haben, können Sie ihr ein 3D-Asset zuweisen.
  1. In the AEM Sites page editor, click the Assets icon to open Assets in the side panel.
  2. Wählen Sie in der Dropdown-Liste " 3D "aus, um nur 3D-Asset-Dateitypen anzuzeigen.
  3. Suchen Sie im Seitenbedienfeld nach dem 3D-Asset, das Sie auf der bearbeiteten Seite Ansicht haben möchten, oder blättern Sie zu diesem.
  4. Ziehen Sie das 3D-Asset aus dem Bedienfeld "Assets"und legen Sie es auf die Komponente " 3D-Medien "ab, die Sie der Seite zuvor hinzugefügt haben.
Während sich eine Webseite im AEM-Sites- Bearbeitungsmodus befindet, zeigt die 3D-Medienkomponente das 3D-Asset an, es ist jedoch keine Interaktion mit dem Asset möglich. Um das Asset interaktiv zu gestalten, können Sie mit der Funktion " Vorschau "die Webseite im Seiteneditor mit vollem Zugriff auf die Funktionen der 3D-Medienkomponente Ansicht haben.

Publishing Dynamic Media 3D assets

Dynamische Medien akzeptieren eine Vielzahl von 3D-Dateiformaten, die in dynamischen Medien als statische Inhalte unterstützt werden. Statischer Inhalt bedeutet, dass Sie 3D-Assets hochladen und veröffentlichen können. Dynamische Bildbearbeitung oder Bildbearbeitung, die mit dem 3D-Asset verknüpft sind, werden jedoch nicht unterstützt. Der Grund dafür ist, dass Dynamic Media Imaging Server keine 3D-Formate erkennt. Nach der Veröffentlichung eines 3D-Assets in dynamischen Medien haben Sie daher eine sofortige URL, die Sie kopieren können. Die URL für das 3D-Asset entspricht der üblichen URL-Struktur für dynamische Medien. Im Gegensatz zu herkömmlichen Bild-Assets in dynamischen Medien können Sie jedoch keine Parameter in der URL des Assets bearbeiten.
In der Ansicht " Karte"wird ein kleines Globussymbol direkt unter dem Namen eines Assets sowie links neben dem Datum und der Uhrzeit angezeigt, um anzugeben, dass es veröffentlicht wurde. In der Listenansicht gibt eine Spalte Veröffentlicht an, welche Assets veröffentlicht sind.
Wenn Sie ein Drittanbieter-Web-Content-Management-System verwenden, können Sie 3D-Elemente mit Ihren Webseiten verknüpfen oder einbetten.
So veröffentlichen Sie 3D-Assets für dynamische Medien
  1. Öffnen Sie ein 3D-Asset (Dateiformat GLB, OBJ oder STL), um es auf der Seite mit den Asset-Details Ansicht.
  2. On the toolbar, tap Quick Publish .
  3. Tippen Sie auf Schließen , um das Dialogfeld zu verlassen und zur Seite mit den Asset-Details zurückzukehren.
  4. Tippen Sie in der Dropdown-Liste links neben dem Dateinamen des 3D-Assets auf Darstellungen .
  5. Tippen Sie auf Original . Wenn ein 3D-Asset veröffentlicht (oder aktiviert) wird, wird die URL-Schaltfläche in der linken unteren Ecke der Seite angezeigt, wenn alle folgenden 3D-Asset-Bedingungen erfüllt sind:
    • Das 3D-Asset ist ein unterstütztes Format (GLB, OBJ, STL und USDZ).
    • Das 3D-Asset wurde in das Dynamic Media Image Production System (IPS) integriert.
    • Das 3D-Asset wird veröffentlicht.
  6. Tippen Sie auf URL , um die Produktions-URL des 3D-Assets anzuzeigen.