Werken met 3D-middelen in Dynamic Media

Met Dynamic Media kunt u 3D-middelen uploaden, beheren, weergeven en leveren als een indrukwekkende ervaring.

  • Publiceren met één klik (gebruiken Quick Publish op de werkbalk) van 3D-middelen om een URL te genereren.
  • Geoptimaliseerde ondersteuning voor het weergeven van 3D-middelen met de voorinstelling voor interactieve maatviewer van hoge kwaliteit, aangedreven door Adobe Dimension.
  • Met de 3D Media WCM-component kunt u eenvoudig 3D-elementen toevoegen aan uw Adobe Experience Manager Sites-pagina's.

Er is geen aanvullende configuratie vereist voor het gebruik van 3D-elementen in Dynamic Media.

Schoen in 3d De pagina van details van een driedimensionale schoen.

3D-indelingen ondersteund in Dynamic Media

Dynamic Media ondersteunt de volgende 3D-indelingen.

Zie ook Ondersteunde 3D-indelingen.

3D-bestandsextensie Bestandsindeling MIME-type Opmerkingen
GLB Binaire GL-transmissie model/gltf-binair Hiermee neemt u de materialen en structuren op als één enkel element.
OBJ WaveFront 3D-objectbestand application/x-tgif
STL Stereolithografie application/vnd.ms-pki.stl
USDZ Universal Scene Description Zip-archief model/vnd.usdz+zip Alleen ondersteuning voor inname; er is geen weergave of interactie beschikbaar. USDZ is een eigen 3D-indeling die door Safari- en iOS-apparaten kan worden weergegeven.
OPMERKING

De 3D Media WCM-component en de 3D-voorvertoning op de pagina Details van een element zijn niet compatibel met de nieuwste versie van Chrome (97.x). Als u met 3D-elementen wilt werken, gebruikt u Firefox of Safari of een eerdere versie van Chrome (96.x).

Snel starten: 3D-middelen in Dynamic Media

De volgende stapsgewijze beschrijving van de workflow is ontworpen om u te helpen snel aan de slag te gaan met 3D-middelen in de Dynamic Media-Scene7-modus.

BELANGRIJK

3D-elementen worden niet ondersteund in de Dynamic Media-hybride modus.

Voordat u in Dynamic Media met 3D-middelen gaat werken, moet u ervoor zorgen dat de beheerder van de Experience Manager Dynamic Media-Cloud Services al heeft ingeschakeld en geconfigureerd in de Dynamic Media - Scene7-modus.

Zie ConfigurE Dynamic Media-Cloud Services in De modus Dynamic Media configureren - Scene7 en Problemen met Dynamic Media oplossen - Scene7-modus.

  1. 3D-elementen uploaden

  2. 3D-middelen beheren

  3. 3D-elementen publiceren

Informatie over het weergeven van en communiceren met 3D-elementen

In deze sectie wordt beschreven hoe u 3D-elementen op twee verschillende manieren kunt weergeven en gebruiken: vanuit de pagina met elementdetails en vanuit de 3D-mediacomponent in Experience Manager Sites.

De interactieve 3D-viewer bevat onder andere een verzameling interactieve besturingselementen voor camera waarmee u het 3D-element kunt draaien, zoomen en pannen.

De tijd die nodig is om een 3D-element te openen in de weergave Asset Details is afhankelijk van verschillende factoren. Deze factoren zijn onder andere:

  • Bandbreedte voor de server.
  • Koppelingen naar de server
  • Complexiteit van de afbeelding.

Bovendien zijn de mogelijkheden van de clientcomputer, zoals een werkstation, laptop of mobiel aanraakapparaat, ook belangrijk om te overwegen wanneer u de camera interactief manipuleert. Een redelijk krachtig systeem met goede grafische mogelijkheden kan de interactieve 3D-kijkervaring vloeiender en gunstiger maken.

TIP

U kunt de voorinstelling voor de maatviewer openen in de Viewer Preset Editor om te navigeren door een 3D-element zonder dat u eerst 3D-bestanden hoeft te uploaden. De voorinstelling van de DIMM-viewer heeft een ingebouwd 3D-element waarmee u kunt communiceren.

Zie Viewervoorinstellingen beheren.

Een 3D-element weergeven en interactief gebruiken via de pagina met elementdetails

Zie ook Elementen voorvertonen met de software-interface.

U kunt als volgt een 3D-element weergeven en ermee werken op de pagina met elementdetails:

  1. Zorg ervoor dat u 3D-elementen hebt geüpload naar de Experience Manager.

    Zie Uw 3D-elementen uploaden voor gebruik in Dynamic Media.

  2. Van Experience Manager, op Navigation pagina, ga naar Assets > Files.

  3. In de rechterbovenhoek van de pagina, vanaf de View vervolgkeuzelijst, selecteert u Card View.

  4. Navigeer naar een 3D-element dat u wilt weergeven.

  5. Selecteer de kaart van het 3D-element.

  6. Voer op de pagina met de detailweergave voor het 3D-element een van de volgende handelingen uit:

    Weergave Beschrijving Muishandeling Handeling op aanraakscherm
    De camera draaien Draai de weergave rond de 3D-scène en -objecten. Klik met de linkermuisknop en sleep. Druk met één vinger en sleep.
    Uw camera pannen U kunt de weergave naar links, rechts, omhoog of omlaag pannen. Klik met de rechtermuisknop en sleep. Druk met twee vingers en sleep.
    Uw camera zoomen In- en uitzoomen op gebieden in de 3D-scène. Schuifwiel. Kneep met twee vingers.
    De camera opnieuw opnemen Voer de camera opnieuw in op een punt op een object in de 3D-scène. Dubbelklik. Dubbeltik.
    Herstellen Selecteer in de rechterbenedenhoek van de pagina het pictogram Herstellen om het doelpunt van de weergave te herstellen naar het midden van het 3D-element. Met Herstellen wordt de camera ook dichter bij of verder weg geplaatst om het middel volledig en bij een redelijke weergavegrootte weer te geven.
    Modus Volledig scherm Als u de modus Volledig scherm wilt inschakelen, selecteert u het pictogram Volledig scherm in de rechterbenedenhoek van de pagina.
  7. Selecteer in de rechterbovenhoek van de pagina de optie Close om terug te keren naar de middelenpagina.

Een 3D-element in een 3D-mediacomponent weergeven en hiermee communiceren

Wanneer een webpagina zich in Edit is geen interactie mogelijk met een 3D-element. Als u het element interactief wilt maken, kunt u de opdracht Preview gebruiken om de webpagina in de pagina-editor weer te geven met volledige toegang tot de functionaliteit van de 3D-mediacomponent.

BELANGRIJK

U kunt deze taak pas uitvoeren nadat u een 3D-mediacomponent aan een webpagina hebt toegevoegd en een 3D-element aan de component hebt toegewezen. Zie De 3D-mediacomponent toevoegen aan een webpagina en Een 3D-element toewijzen aan een 3D-mediacomponent.

Zie ook Elementen voorvertonen met de software-interface.

Een 3D-element in een 3D-mediacomponent weergeven en hiermee werken:

  1. Terwijl een webpagina zich in Edit Voer een van de volgende handelingen uit in de modus:

    • Selecteer in de rechterbovenhoek van de pagina de optie Preview om binnen te gaan Preview in.
    • Verwijderen /editor.html van de pagina-URL in de browser.

Een volledig interactief 3D-element zoals weergegeven in 3D-element weergeven binnen de 3D-mediacomponent
Een volledig interactief 3D-element zoals weergegeven in Preview in.

  1. Tijdens het aanmelden Preview Voer een van de volgende handelingen uit in de modus:

    Weergave Beschrijving Muishandeling Handeling op aanraakscherm
    De camera draaien Draai de weergave rond de 3D-scène en -objecten. Klik met de linkermuisknop en sleep. Druk met één vinger en sleep.
    Uw camera pannen U kunt de weergave naar links, rechts, omhoog of omlaag pannen. Klik met de rechtermuisknop en sleep. Druk met twee vingers en sleep.
    Uw camera zoomen In- en uitzoomen op gebieden in de 3D-scène. Schuifwiel. Kneep met twee vingers.
    De camera opnieuw opnemen Voer de camera opnieuw in op een punt op een object in de 3D-scène. Dubbelklik. Dubbeltik.
    Herstellen Selecteer in de rechterbenedenhoek van de pagina het pictogram Herstellen om het doelpunt van de weergave te herstellen naar het midden van het 3D-element. Met Herstellen wordt de camera ook dichter bij of verder weg geplaatst om het middel volledig en bij een redelijke weergavegrootte weer te geven.
    Modus Volledig scherm Als u de modus Volledig scherm wilt inschakelen, selecteert u het pictogram Volledig scherm in de rechterbenedenhoek van de pagina.

Informatie over het werken met de 3D-mediacomponent

Dynamic Media bevat een Dynamic Media 3D Media-component die u in Adobe Experience Manager Sites kunt gebruiken om interactieve weergave van 3D-modellen op uw webpagina's mogelijk te maken.

De 3D-mediacomponent toevoegen aan de paginasjabloon

  1. Ga naar Tools > General > Templates.

  2. Navigeer naar de paginasjabloon waarin u de 3D-component wilt inschakelen en selecteer de sjabloon.

  3. Selecteren Edit zodat u de sjabloon kunt openen.

  4. Selecteer in de rechterbovenhoek van de pagina in het keuzemenu de optie Structure als deze nog niet actief is.

    3d-media-component-structuur

  5. Een leeg gebied selecteren in het dialoogvenster Layout Container gebied zodat selecteert u het en opent u de bijbehorende werkbalk.

  6. Selecteer op de werkbalk de optie Policy pictogram om het Policy Editor.

  7. In de Properties onder Allowed Components tab, schuiven naar Dynamic Media Vouw vervolgens de lijst uit en controleer 3D Media.

  8. Selecteren Done om de wijzigingen op te slaan en het dialoogvenster Policy Editor.

    U kunt de Dynamic Media 3D Media-component nu op alle pagina's plaatsen die deze sjabloon gebruiken.

De 3D-mediacomponent toevoegen aan een webpagina

Als u Experience Manager gebruikt als het webcontentbeheersysteem, kunt u 3D-elementen toevoegen aan uw webpagina's via de 3D Media-component.

Zie ook Dynamic Media-elementen toevoegen op pagina's.

De 3D-mediacomponent toevoegen aan een webpagina:

  1. Open Experience Manager Sites en selecteer de webpagina waaraan u de Dynamic Media 3D Media-component wilt toevoegen.

  2. Selecteer Edit (potlood), zodat u de pagina kunt openen in de pagina-editor. Controleer of Edit wordt rechtsboven op de pagina geselecteerd.

    3d-media-component-add

  3. Selecteer op de werkbalk het pictogram Zijpaneel om de weergave van het deelvenster in of uit te schakelen.

  4. Selecteer in het zijpaneel het pictogram met het plusteken om het dialoogvenster Components lijst.

    3d-media-component-slepen-neerzetten

  5. Sleep de 3D Media uit de Components Hiermee geeft u een lijst weer naar de locatie op de pagina waar u de 3D-viewer wilt weergeven.

U kunt nu een 3D-element aan de component toewijzen.

Zie Een 3D-element toewijzen aan de 3D-mediacomponent.

Optioneel - De 3D-mediacomponent configureren

  1. Selecteer in de Experience Manager Sites-pagina-editor de optie 3D Media Viewer die u eerder aan de pagina hebt toegevoegd.

  2. Selecteer Configuration pictogram (moersleutel) zodat u het dialoogvenster voor componentconfiguratie kunt openen.

    3d-media-component-config

  3. Selecteer in het dialoogvenster 3D-media in de vervolgkeuzelijst Voorinstelling viewer de optie Dimensional om de voorinstelling voor de maatviewer toe te wijzen aan de component.

    3d-media-component-edit-config

  4. Selecteer in de rechterbovenhoek het vinkje waarop u de wijzigingen wilt opslaan.

Een 3D-element toewijzen aan de 3D-mediacomponent

Nadat u een 3D-mediacomponent aan een webpagina hebt toegevoegd, kunt u er een 3D-element aan toewijzen.

Zie De 3D-mediacomponent toevoegen aan een webpagina.

Een 3D-element toewijzen aan de 3D-mediacomponent:

  1. Selecteer in de Experience Manager Sites-pagina-editor de optie Assets pictogram om te openen Assets in het zijpaneel.

  2. Selecteer in de vervolgkeuzelijst de optie 3D om alleen 3D-elementbestandstypen weer te geven.

  3. Zoek in het zijpaneel naar het 3D-element dat u wilt weergeven op de pagina die u bewerkt.

  4. Sleep het 3D-element van het zijpaneel Middelen naar het deelvenster 3D Media die u eerder aan de pagina hebt toegevoegd.

    3D-element toewijzen aan de 3D-mediacomponent

OPMERKING

Terwijl een webpagina zich in de Experience Manager Sites bevindt Edit In de 3D-mediacomponent wordt het 3D-element weergegeven, maar interactie met het element is niet mogelijk. Als u het element interactief wilt maken, kunt u de opdracht Preview gebruiken om de webpagina in de pagina-editor weer te geven met volledige toegang tot de functionaliteit van de 3D-mediacomponent.

Statische Dynamic Media 3D-elementen publiceren

Dynamic Media accepteert verschillende 3D-bestandsindelingen die worden ondersteund als statische inhoud in Dynamic Media. Statische inhoud betekent dat u 3D-elementen kunt uploaden en publiceren, maar dat er geen ondersteuning is voor variabele beeldbewerking of het vernieuwen van afbeeldingen die aan het 3D-element zijn gekoppeld. De reden hiervoor is dat Dynamic Media Imaging Server 3D-indelingen niet herkent. Nadat u een 3D-element hebt gepubliceerd in Dynamic Media, hebt u dus een directe URL die u kunt kopiëren. De URL voor het 3D-element volgt de gebruikelijke URL-structuur van Dynamic Media. In tegenstelling tot traditionele afbeeldingselementen in Dynamic Media kunt u echter geen parameters in de URL van het element bewerken.

Zie ook Een URL verkrijgen voor een statisch element.

In de Card View, wordt een klein globpictogram direct onder de naam van een element weergegeven en links van de datum en tijd om aan te geven dat het is gepubliceerd. In de List View geeft een kolom Published aan welke assets zijn gepubliceerd en welke niet.

Als u Experience Manager als uw WCM gebruikt, gebruikt u deze publicatiemethode om de Dynamic Media 3D-elementen rechtstreeks op uw webpagina toe te voegen.

Zie ook Dynamic Media-elementen publiceren.

Zie ook Pagina's publiceren.

Statische Dynamic Media 3D-elementen publiceren:

  1. Open een 3D-element (GLB-, OBJ- of STL-bestandsindeling), zodat u dit kunt bekijken op de pagina met elementdetails.

  2. Selecteer op de werkbalk de optie Quick Publish.

    3d-asset-quick-publish

  3. Selecteren Close om het dialoogvenster te sluiten en terug te keren naar de pagina met elementdetails.

  4. Selecteer in de vervolgkeuzelijst links van de bestandsnaam van het 3D-element de optie Renditions.

    3d-asset-renditions

  5. Selecteer original. Wanneer een 3D-element wordt gepubliceerd (of geactiveerd), wordt het URL wordt linksonder op de pagina weergegeven als aan alle volgende 3D-elementvoorwaarden is voldaan:

    • Het 3D-element heeft een ondersteunde indeling (GLB, OBJ, STL en USDZ).
    • Het 3D-element is opgenomen in het Dynamic Media Image Production System (IPS).
    • Het 3D-element wordt gepubliceerd.

    3d-asset-url

  6. Selecteren URL zodat u de directe productie-URL van het 3D-element kunt weergeven, die u kunt kopiëren en gebruiken op webpagina's.

Alternatieve methoden voor het publiceren van Dynamic Media 3D-elementen met de Dimensional-viewer

Gebruik de volgende twee methoden voor het publiceren van Dynamic Media 3D-elementen als u dat doet niet gebruik Experience Manager als uw WCM.

Op deze pagina