Utilizzo del componente Siti 3D

AEM 3D include un componente AEM Sites che può essere utilizzato per implementare la visualizzazione interattiva dei modelli 3D sulle pagine web.

Dopo aver aggiunto il componente 3D, puoi visualizzare la risorsa 3D in quel componente.

Aggiunta del componente 3D al modello di pagina

È necessario attivare il componente 3D nella pagina prima di poterlo posizionare su una pagina. Consulta Modifica di modelli per informazioni dettagliate sull'abilitazione dei componenti nei modelli.

Aggiunta del componente 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.

    image2017-11-14_15-33-57

  5. Toccare l’area Contenitore di layout per selezionarla.

  6. Tocca il pulsante Policy per aprire l' Editor criteri.

  7. Nella sezione Proprietà, seleziona il segno di spunta 3D, quindi tocca Fine per salvare le modifiche e chiudere l' Editor criteri.

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

Aggiunta del componente visualizzatore 3D a una pagina web

ATTENZIONE

Questa versione di AEM 3D supporta una sola istanza del componente 3D su ogni pagina web. Più componenti 3D sulla stessa pagina non funzionano correttamente.

Per aggiungere un componente visualizzatore 3D a una pagina web:

  1. Apri AEM Sites e seleziona la pagina web alla quale desideri aggiungere il componente 3D.

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

    image2017-11-14_15-44-40

  3. Toccate il selettore della barra per aprire il pannello laterale.

  4. Tocca l’icona del segno più per aprire l’elenco Componenti .

  5. Trascina il componente Visualizzatore 3D dall’elenco Componenti nella posizione nella pagina in cui desideri visualizzare il visualizzatore 3D.

Configurazione del componente 3D

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

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

    Puoi impostare le seguenti proprietà del componente:

    Proprietà Descrizione Applicabilità
    Altezza (px) Specifica l’altezza desiderata in pixel del componente 3D. Se lasciato vuoto, il valore predefinito è 600 pixel.
    Nome della fase

    Selezionare uno stage 3D dall'elenco degli stadi disponibili. Lo stage fornisce sfondo e illuminazione.

    Consulta Informazioni sull'utilizzo delle aree di visualizzazione in AEM siti 3D.

    Ignorato per le risorse Adobe Dimension.
    Velocità di rotazione automatica (RPM)

    Il visualizzatore 3D orbita continuamente la telecamera dopo il caricamento e resetta. La rotazione automatica termina quando l’utente avvia un’azione orbitale manuale.

    È possibile specificare la velocità di rotazione in giri/min utilizzando i seguenti valori:

    • Imposta un valore positivo per la rotazione a destra
    • Imposta un valore negativo per girare a sinistra
    • Imposta un valore 0 per disattivare la rotazione automatica.

    Il valore predefinito è 3 RPM, pari a 20 secondi per rivoluzione completa.

    Nota: la velocità di centrifuga presuppone un frame rate di 60/sec. Questo tasso viene generalmente raggiunto con modelli di piccole e medie dimensioni su hardware grafico più potente. Modelli più grandi o dispositivi più lenti con rotazione automatica a velocità più basse.

    Ignorato per le risorse Adobe Dimension.
    Colore pulsante di navigazione Utilizza il selettore colore per scegliere il colore primario per i pulsanti di controllo del visualizzatore. Ignorato per le risorse Adobe Dimension.
    Colore puntatore del mouse di navigazione Utilizza il selettore colore per scegliere il colore al passaggio del mouse/selezionato per i pulsanti di controllo del visualizzatore. Ignorato per le risorse Adobe Dimension.
    Mostra campioni Per utilizzi futuri. Ignorato per le risorse Adobe Dimension.
    Mostra impostazioni fotocamera GLTF Mostra o nasconde i predefiniti per telecamere eventualmente presenti nelle risorse di Adobe Dimension. Solo per risorse Adobe Dimension.
    Colore di sfondo GLTF Colore di sfondo predefinito se il modello 3D non include uno sfondo. Solo per risorse Adobe Dimension.
  3. Tocca il segno di spunta per salvare le modifiche.

    Oltre alle impostazioni disponibili nella finestra di dialogo di configurazione del componente, sono disponibili diverse impostazioni di configurazione globali che possono essere modificate tramite CRXDE Lite.
    Consulta Impostazioni di configurazione avanzate per informazioni dettagliate su queste impostazioni globali.

Assegnazione di un modello 3D al componente

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

  2. Seleziona il filtro Modelli 3D per nascondere i tipi di risorse indesiderati.

    screen_shot_2017-12-11at124258

  3. Cerca o scorri fino alla risorsa 3D che desideri visualizzare nella pagina da modificare.

  4. Trascina la risorsa 3D dall’elenco Risorse al componente Visualizzatore 3D precedentemente inserito nella pagina.

    Le risorse Adobe Dimension vengono sottoposte a rendering utilizzando la nuova tecnologia di visualizzatore basata sullo standard aperto glTF, mentre tutti gli altri tipi di risorse 3D si basano sul classico visualizzatore webGL AEM 3D. Il componente seleziona automaticamente il visualizzatore appropriato in base al tipo di modello 3D.

Anteprima di una pagina web con un componente 3D

Mentre la pagina web è in modalità Modifica, il componente 3D visualizza il modello 3D ma non è possibile alcuna interazione con il modello.

Puoi visualizzare in anteprima la pagina web nell’editor di pagine con accesso completo alle funzionalità del componente 3D.

Vedi anche Visualizzazione delle risorse 3D nel componente 3D di Sites.

Per visualizzare in anteprima una pagina web con un componente 3D:

  1. Effettua una delle seguenti operazioni:

    • Fai clic su Anteprima in alto a destra per accedere alla modalità di anteprima.
    • Elimina /edit.html dall’URL della pagina nel browser.

Pubblicazione della pagina e delle risorse

Per informazioni su come pubblicare le risorse, consulta Pubblicazione delle risorse . Per informazioni su come pubblicare le pagine, consulta Pubblicazione di pagine .

NOTA

Utilizzando la voce di menu Pubblica pagina nel menu Informazioni pagina verrà pubblicata la pagina e tutte le dipendenze principali della pagina. Le dipendenze secondarie a cui può fare riferimento il modello 3D e/o lo stadio 3D, come le mappe di texture e le immagini IBL, non vengono pubblicate quando la pagina viene pubblicata in questo modo.

Adobe consiglia di pubblicare tutte le risorse 3D e le relative dipendenze direttamente da AEM Assets, prima di pubblicare la pagina web che fa riferimento a tali risorse.

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