Utilizzo di risorse 3D in Dynamic Media

Dynamic Media consente di caricare, gestire, visualizzare e distribuire risorse 3D come esperienze immersive.

  • Pubblicazione con un solo clic (utilizzando Pubblicazione rapida sulla barra degli strumenti) di risorse 3D per generare un URL.
  • Supporto ottimizzato per la visualizzazione di risorse 3D con il visualizzatore Dimensionale interattivo di alta qualità basato su Adobe Dimension.
  • Il componente 3D Media WCM consente di aggiungere facilmente risorse 3D alle pagine AEM Sites.

Non è necessaria alcuna configurazione aggiuntiva per utilizzare le risorse 3D in Dynamic Media.

scarpa in 3d

Formati 3D supportati in Dynamic Media

Dynamic Media supporta i seguenti formati 3D.

Vedere anche Formati 3D supportati.

Estensione file 3D Formato file Tipo MIME Note
GLB Trasmissione GL binaria model/gltf binario Include i materiali e le texture come un’unica risorsa.
OBJ File oggetto 3D WaveFront application/x-tgif
STL Stereolitografia application/vnd.ms-pki.stl
USDZ Universal Scene Descrizione Archivio ZIP model/vnd.usdz+zip Sostegno solo all'acquisizione; non è disponibile alcuna visualizzazione o interazione. USDZ è un formato 3D proprietario che può essere visualizzato in modo nativo dai dispositivi Safari e iOS.

Avvio rapido: Risorse 3D in Dynamic Media

La seguente descrizione dettagliata del flusso di lavoro è stata progettata per aiutarti a iniziare rapidamente a usare le risorse 3D in modalità Dynamic Media - Scene7.

NOTA

Le risorse 3D non sono supportate in Dynamic Media - Modalità ibrida.

Prima di lavorare con le risorse 3D in Dynamic Media, accertati che il tuo amministratore AEM abbia già abilitato e configurato i Cloud Services Dynamic Media in modalità Dynamic Media - Scene7.

Consulta Configurazione di Cloud Services Dynamic Media in Configurazione di Dynamic Media - Modalità Scene7 e Risoluzione dei problemi relativi a Dynamic Media - Modalità Scene7.

  1. Caricare risorse 3D

  2. Gestione delle risorse 3D

  3. Pubblicare risorse 3D

Informazioni sulla visualizzazione e sull’interazione con risorse 3D

Questa sezione descrive come visualizzare e interagire con le risorse 3D in due modi diversi: dalla pagina dei dettagli della risorsa e dal componente Media 3D in Sites.

Il visualizzatore 3D interattivo include, tra le altre cose, una raccolta di controlli interattivi per le telecamere che consentono di orbitare, ingrandire e scorrere la risorsa 3D.

Il tempo necessario per aprire una risorsa 3D nella visualizzazione pagina Dettagli risorsa dipende da diversi fattori. quali:

  • Larghezza di banda per il server.
  • Latenze al server
  • Complessità dell'immagine.

Inoltre, le funzionalità del computer client, come una workstation, un notebook o un dispositivo touch mobile, sono importanti anche quando si manipola la fotocamera in modo interattivo. Un sistema ragionevolmente potente con buone capacità grafiche può rendere l’esperienza di visualizzazione 3D interattiva più fluida e favorevole.

SUGGERIMENTO

Puoi aprire il predefinito visualizzatore dimensionale nell’Editor predefiniti per visualizzatori per esercitarti a navigare su una risorsa 3D senza dover prima caricare alcun file 3D. Il predefinito visualizzatore dimensionale dispone di una risorsa 3D incorporata con cui è possibile interagire.

Consulta Gestione dei predefiniti per visualizzatori.

Visualizzazione e interazione con una risorsa 3D dalla pagina dei dettagli della risorsa

Consulta anche Anteprima delle risorse tramite l'interfaccia software.

Per visualizzare e interagire con una risorsa 3D dalla pagina dei dettagli della risorsa

  1. Assicurati di aver caricato le risorse 3D in AEM.

    Consulta Caricamento delle risorse 3D per l'utilizzo in Dynamic Media.

  2. Da AEM, nella pagina Navigazione, tocca Risorse > File.

  3. Dall’elenco a discesa Visualizza nell’angolo in alto a destra della pagina, tocca Vista a schede.

  4. Accedi alla risorsa 3D da visualizzare.

  5. Tocca la scheda della risorsa 3D per aprirla nella pagina dei dettagli della risorsa.

  6. Nella pagina di visualizzazione dei dettagli della risorsa 3D, effettua una delle seguenti operazioni:

    • Girare la fotocamera - Rotazione la visualizzazione intorno alla scena e agli oggetti 3D.
      • Mouse: Clic a sinistra + trascinamento.
      • Schermata touch: Premere un dito singolo + trascinare.
    • Panning della fotocamera : effettua il panning della vista a sinistra, a destra, su o giù.
      • Mouse: Fai clic con il pulsante destro del mouse e trascina.
      • Schermata touch: Premere due dita + trascinare.
    • Zoom della fotocamera - Zoom della fotocamera per spostarsi in e fuori da aree della scena 3D.
      • Mouse: Ruota di scorrimento.
      • Schermata touch: Pizzico a due dita.
    • Ricentrate la fotocamera - Ricentate la fotocamera in un punto su un oggetto nella scena 3D.
      • Mouse: Fare doppio clic.
      • Schermata touch: Tocca due volte.
    • Ripristina : vicino all’angolo inferiore destro della pagina, tocca l’icona Ripristina per ripristinare il punto di destinazione della visualizzazione al centro della risorsa 3D. Inoltre, la funzione Reset sposta la telecamera più vicino o più lontano per mostrare la risorsa nella sua interezza e a una dimensione di visualizzazione ragionevole.
    • Modalità a tutto schermo - Per passare alla modalità a tutto schermo, tocca l’icona a schermo intero nell’angolo in basso a destra della pagina.
  7. Nell’angolo in alto a destra della pagina, tocca Chiudi per tornare alla schermata Risorse.

Visualizzazione e interazione con una risorsa 3D all’interno di un componente Media 3D

Quando una pagina web è in modalità Modifica, non è possibile interagire con una risorsa 3D. Per rendere la risorsa interattiva, puoi utilizzare la funzione Anteprima per visualizzare la pagina web nell’editor di pagine con accesso completo alle funzionalità del componente File multimediali 3D.

IMPORTANTE

Puoi eseguire questa operazione solo dopo aver aggiunto un componente Media 3D a una pagina web e assegnato una risorsa 3D al componente. Consulta Aggiunta di un componente Media 3D a una pagina web e Assegnazione di una risorsa 3D a un componente Media 3D.

Consulta anche Anteprima delle risorse tramite l'interfaccia software.

Per visualizzare e interagire con una risorsa 3D all’interno di un componente Media 3D

  1. Quando una pagina web è in modalità Modifica, effettuare una delle seguenti operazioni:

    • Vicino all'angolo superiore destro della pagina, fai clic su Anteprima per accedere alla modalità Anteprima.
    • Elimina /editor.html dall’URL della pagina nel browser.

Una risorsa 3D completamente interattiva come visualizzata in Risorsa 3D visualizzata all’interno del
componente File multimediali 3Duna risorsa 3D completamente interattiva come visualizzata in modalità ​Anteprima.

  1. In modalità Anteprima, effettuare una delle seguenti operazioni:

    • Girare la fotocamera - Rotazione la visualizzazione intorno alla scena e agli oggetti 3D.
      • Mouse: Clic a sinistra + trascinamento.
      • Schermata touch: Premere un dito singolo + trascinare.
    • Panning della fotocamera : effettua il panning della vista a sinistra, a destra, su o giù.
      • Mouse: Fai clic con il pulsante destro del mouse e trascina.
      • Schermata touch: Premere due dita + trascinare.
    • Zoom della fotocamera - Zoom della fotocamera per spostarsi in e fuori da aree della scena 3D.
      • Mouse: Ruota di scorrimento.
      • Schermata touch: Pizzico a due dita.
    • Ricentrate la fotocamera - Ricentate la fotocamera in un punto su un oggetto nella scena 3D.
      • Mouse: Fare doppio clic.
      • Schermata touch: Tocca due volte.
    • Ripristina : vicino all’angolo inferiore destro della pagina, tocca l’icona Ripristina per ripristinare il punto di destinazione della visualizzazione al centro della risorsa 3D. Inoltre, la funzione Reset sposta la telecamera più vicino o più lontano per mostrare la risorsa nella sua interezza e a una dimensione di visualizzazione ragionevole.
    • Modalità a tutto schermo - Per passare alla modalità a tutto schermo, tocca l’icona a schermo intero nell’angolo in basso a destra della pagina.

Utilizzo del componente Media 3D

Dynamic Media include un componente Media 3D di Dynamic Media che può essere utilizzato in AEM Sites per abilitare la visualizzazione interattiva dei modelli 3D sulle pagine web.

Aggiunta del componente Media 3D al modello di pagina

  1. Passa a Strumenti > Generale > Modelli.

  2. Passa al modello di pagina in cui desideri abilitare il componente 3D e seleziona il modello.

  3. Tocca Modifica per aprire il modello.

  4. Vicino all’angolo superiore destro della pagina, nel menu a discesa selezionare la modalità Struttura , se non è già attiva.

    3d-media-component-structure

  5. Toccare un’area vuota nell’area Contenitore di layout per selezionarla e aprire la relativa barra degli strumenti associata.

  6. Sulla barra degli strumenti, tocca l'icona Policy per aprire l' Editor criteri.

  7. Nella sezione Proprietà, nella scheda Componenti consentiti , scorri fino a Dynamic Media, espandi l’elenco e seleziona File multimediali 3D.

  8. Tocca Fine per salvare le modifiche e chiudere l' Editor criteri.

    Ora puoi posizionare il componente Media 3D di Dynamic Media su tutte le pagine che utilizzano questo modello.

Aggiunta del componente Media 3D a una pagina web

Se utilizzi Adobe Experience Manager come sistema di gestione dei contenuti web, puoi aggiungere risorse 3D alle pagine web tramite il componente Media 3D.

Consulta anche Aggiunta di risorse Dynamic Media alle pagine.

  1. Apri AEM Sites e seleziona la pagina web a cui desideri aggiungere il componente Media 3D di Dynamic Media.

  2. Tocca l’icona Modifica (matita) per aprire la pagina nell’editor di pagine. Assicurati che la modalità Modifica sia selezionata in alto a destra nella pagina.

    3d-media-component-add

  3. Nella barra degli strumenti, tocca l’icona Pannello laterale per attivare o disattivare la visualizzazione del pannello.

  4. Nel pannello laterale, tocca l’icona del segno più per aprire l’elenco Componenti .

    3d-media-component-drag-drop

  5. Trascina il componente File multimediali 3D dall’elenco Componenti nella posizione nella pagina in cui vuoi visualizzare il visualizzatore 3D.

Ora puoi assegnare una risorsa 3D al componente.

Consulta Assegnazione di una risorsa 3D a un componente Media 3D.

Facoltativo - Configurazione del componente Media 3D

  1. Nell’editor pagina di AEM Sites, seleziona il componente 3D Media Viewer che hai aggiunto in precedenza alla pagina.

  2. Toccare l'icona Configurazione (chiave inglese) per aprire la finestra di dialogo di configurazione del componente.

    3d-media-component-config

  3. Nell’elenco a discesa Predefinito visualizzatore della finestra di dialogo File multimediali 3D , seleziona Dimensionale per assegnare il predefinito visualizzatore dimensionale al componente.

    3d-media-component-edit-config

  4. Nell’angolo in alto a destra, tocca il segno di spunta per salvare le modifiche.

Assegnazione di una risorsa 3D al componente File multimediali 3D

Dopo aver aggiunto un componente Media 3D a una pagina web, puoi assegnargli una risorsa 3D.

Consulta Aggiunta del componente Media 3D a una pagina web.

  1. Nell’editor pagina di AEM Sites, fai clic sull’icona Risorse per aprire Risorse nel pannello laterale.

  2. Nell’elenco a discesa, seleziona 3D per visualizzare solo i tipi di file di risorse 3D.

  3. Nel pannello laterale, cerca o scorri fino alla risorsa 3D che desideri visualizzare sulla pagina da modificare.

  4. Trascina la risorsa 3D dal pannello laterale Risorse e rilasciala sul componente 3D Media che hai aggiunto in precedenza alla pagina.

    Assegnare risorse 3d al componente Media 3d

NOTA

Mentre una pagina web è in modalità AEM Sites Modifica, il componente File multimediali 3D visualizza la risorsa 3D ma non è possibile interagire con essa. Per rendere la risorsa interattiva, puoi utilizzare la funzione Anteprima per visualizzare la pagina web nell’editor di pagine con accesso completo alle funzionalità del componente File multimediali 3D.

Pubblicazione di risorse 3D Dynamic Media statiche

Dynamic Media accetta diversi formati di file 3D supportati come contenuto statico in Dynamic Media. Il contenuto statico consente di caricare e pubblicare risorse 3D, ma non è disponibile il supporto per l’ imaging dinamico o per il caricamento di immagini associato alla risorsa 3D. Il motivo è che Dynamic Media Imaging Server non riconosce i formati 3D. Di conseguenza, dopo aver pubblicato una risorsa 3D in Dynamic Media, disponi di un URL istantaneo che puoi copiare. L’URL della risorsa 3D segue la consueta struttura URL di Dynamic Media. Tuttavia, non puoi modificare alcun parametro nell’URL della risorsa, a differenza delle risorse di immagini tradizionali in Dynamic Media.

Consulta anche Ottenimento di un URL per una risorsa statica.

Nella Vista a schede, sotto il nome di una risorsa viene visualizzata una piccola icona a forma di globo, a sinistra della data e dell’ora per indicare che è stata pubblicata. Nella Vista a elenco, la colonna Pubblicato indica lo stato di pubblicazione delle risorse.

Se utilizzi AEM come WCM, utilizza questo metodo di pubblicazione per aggiungere le risorse 3D di Dynamic Media direttamente sulla tua pagina web.

Consulta anche Pubblicazione di risorse Dynamic Media.

Vedere anche Pubblicazione di pagine.

Per pubblicare risorse 3D statiche di Dynamic Media

  1. Apri una risorsa 3D (formato di file GLB, OBJ o STL) per visualizzarla nella pagina dei dettagli della risorsa.

  2. Sulla barra degli strumenti, tocca Pubblicazione rapida.

    3d-asset-quick-publish

  3. Tocca Chiudi per uscire dalla finestra di dialogo e tornare alla pagina dei dettagli della risorsa.

  4. Dall’elenco a discesa a sinistra del nome del file della risorsa 3D, tocca Rappresentazioni.

    3d-asset-rendering

  5. Tocca originale. Quando una risorsa 3D viene pubblicata (o "attivata"), il pulsante ​URL viene visualizzato nell’angolo in basso a sinistra della pagina se sono soddisfatte tutte le seguenti condizioni per la risorsa 3D:

    • Il asset 3D è un formato supportato (GLB, OBJ, STL e USDZ).
    • La risorsa 3D è stata assimilata in Dynamic Media Image Production System (IPS).
    • La risorsa 3D viene pubblicata.

    3d-asset-url

  6. Tocca URL per visualizzare l’URL di produzione diretta della risorsa 3D che puoi copiare e utilizzare nelle pagine web.

Metodi alternativi per la pubblicazione di risorse 3D Dynamic Media utilizzando il visualizzatore dimensionale

Utilizza i due metodi seguenti per pubblicare le risorse Dynamic Media 3D se non utilizzi AEM come WCM.

  • URL - Utilizza l’ ​URL se utilizzi un sistema di gestione dei contenuti web di terze parti e desideri collegare risorse Dynamic Media 3D alle tue pagine web utilizzando il visualizzatore dimensionale.

    Consulta Collegamento di URL all'applicazione Web.

  • Incorpora - Utilizza ​Incorpora per visualizzare una risorsa Dynamic Media 3D incorporata in una pagina web utilizzando il visualizzatore Dimensionale. Puoi copiare il codice da incorporare negli Appunti, per poi incollarlo nelle pagine web. La modifica del codice non è consentita nella finestra di dialogo Incorpora.

    Consulta Incorporare un visualizzatore video, immagine o dimensionale di Dynamic Media in una pagina web.

In questa pagina

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now