Werken met 3D-middelen in Dynamic Media

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

  • Klik met één klik op het publiceren van 3D-elementen (met Quick Publish op de werkbalk) 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

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.

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 het Vormen Dynamic Media - de wijze van Scene7 en Los Dynamic Media - de wijze van Scene7 problemen op.

  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 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 Voorinstellingen voor viewers beheren.

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

Zie ook Elementen voorvertonen met behulp van de softwareinterface.

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 de Navigation pagina, ga naar Assets > Files.

  3. Selecteer Card View in de rechterbovenhoek van de pagina in de vervolgkeuzelijst 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 Close in de rechterbovenhoek van de pagina om terug te keren naar de pagina Middelen.

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

Wanneer een webpagina in de modus Edit staat, is interactie met een 3D-element niet mogelijk. Als u het element interactief wilt maken, kunt u de functie Preview gebruiken om de webpagina in de pagina-editor weer te geven met volledige toegang tot de functionaliteit van de 3D Media-component.

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 behulp van de softwareinterface.

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

  1. Voer een van de volgende handelingen uit terwijl de modus Edit voor een webpagina is geactiveerd:

    • Rechtsboven op de pagina selecteert u Preview om de modus Preview te activeren.
    • Verwijder /editor.html uit de pagina-URL in de browser.

Een volledig interactief 3D-element zoals weergegeven in 3D-element dat in de 3D Media-
componentA volledig interactief 3D-element wordt weergegeven, zoals in de Preview modus wordt weergegeven.

  1. Voer in de modus Preview 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.

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. Selecteer Edit zodat u het malplaatje kunt openen.

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

    3d-media-component-structuur

  5. Selecteer een leeg gebied in het gebied Layout Container zodat u het selecteert en de bijbehorende werkbalk opent.

  6. Selecteer op de werkbalk het pictogram Policy om Policy Editor te openen.

  7. Blader in de sectie Properties onder het tabblad Allowed Components naar Dynamic Media, vouw vervolgens de lijst uit en controleer 3D Media.

  8. Selecteer Done om de wijzigingen op te slaan en Policy Editor te sluiten.

    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 aan uw webpagina's toevoegen met behulp van 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 het pictogram Edit (potlood) zodat u de pagina in de paginaeditor kunt openen. Zorg ervoor dat de modus Edit rechtsboven op de pagina is 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 plusteken om de lijst Components te openen.

    3d-media-component-slepen-neerzetten

  5. Sleep de component 3D Media van de lijst Components 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 pagina-editor Sites Experience Manager de 3D Media Viewer-component die u eerder aan de pagina hebt toegevoegd.

  2. Selecteer het pictogram Configuration (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 pagina-editor Sites Experience Manager het Assets-pictogram om Assets in het zijpaneel te openen.

  2. Selecteer 3D in de vervolgkeuzelijst 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 de 3D Media-component die u eerder aan de pagina hebt toegevoegd.

    3D-element toewijzen aan de 3D-mediacomponent

OPMERKING

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

Statische Dynamic Media 3D-elementen publiceren

Dynamic Media accepteert verschillende 3D-bestandsindelingen die worden ondersteund als statische inhoud in Dynamic Media. Statische inhoud houdt in 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 Card View verschijnt een klein globpictogram direct onder de naam van een element en links van zijn datum en tijd om erop te wijzen dat het wordt 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 Quick Publish op de werkbalk.

    3d-asset-quick-publish

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

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

    3d-asset-renditions

  5. Selecteer original. Wanneer een 3D-element wordt gepubliceerd (of geactiveerd), wordt de knop URL 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. Selecteer 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 not Experience Manager als uw WCM gebruikt.

Op deze pagina