Utilizzo del componente Siti 3D

AEM 3D include un componente AEM Sites che potete utilizzare per implementare la visualizzazione interattiva dei modelli 3D sulle pagine Web.

Dopo aver aggiunto il componente 3D, potete visualizzare la risorsa 3D in tale componente.

Aggiunta del componente 3D al modello di pagina

È necessario abilitare il componente 3D nella pagina prima di posizionarlo su una pagina. Per informazioni dettagliate sull'abilitazione dei componenti nei modelli, vedere Modifica dei modelli.

Aggiunta del componente 3D al modello di pagina:

  1. Passa a Strumenti > Generale > Modelli.

  2. Individuate il modello di pagina in cui desiderate abilitare il componente 3D e selezionatelo.

  3. Toccate Modifica per aprire il modello.

  4. Vicino alla parte superiore destra della pagina, nel menu a discesa, selezionare la modalità Struttura, se non è già attiva.

    image2017-11-14_15-33-57

  5. Toccate l'area Contenitore di layout per selezionarla.

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

  7. Nella sezione Proprietà, selezionare il segno di spunta 3D, quindi toccare 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 solo un’istanza del componente 3D in ogni pagina Web. Più componenti 3D sulla stessa pagina non funzionano correttamente.

Per aggiungere il componente visualizzatore 3D a una pagina Web:

  1. Aprite AEM Sites e selezionate la pagina Web alla quale desiderate aggiungere il componente 3D.

  2. Toccate l'icona Modifica (matita) per aprire la pagina nell'editor pagina. Verificate che sia selezionata la modalità Modifica in alto a destra della pagina.

    image2017-11-14_15-44-40

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

  4. Toccate l'icona del segno più per aprire l'elenco Componenti.

  5. Trascinate il componente Visualizzatore 3D dall'elenco Componenti nella posizione nella pagina in cui desiderate visualizzare il visualizzatore 3D.

Configurazione del componente 3D

  1. Nell'editor pagina AEM Sites, selezionate il componente Visualizzatore 3D precedentemente aggiunto alla pagina.

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

    È possibile impostare le seguenti proprietà del componente:

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

    Selezionare uno stage 3D dall'elenco delle fasi disponibili. L’area di visualizzazione fornisce informazioni sullo sfondo e l’illuminazione.

    Vedere Informazioni sull'utilizzo di fasi in AEM siti 3D.

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

    Il visualizzatore 3D orbita continuamente attorno alla telecamera dopo il caricamento e la reimpostazione. La rotazione automatica termina quando l'utente avvia un'azione di orbita manuale.

    È possibile specificare la velocità di rotazione in RPM utilizzando i seguenti valori:

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

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

    Nota: la velocità di centrifuga presuppone una frequenza fotogrammi 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 eseguono la rotazione automatica a velocità più basse.

    Ignorato per risorse Adobe Dimension.
    Colore pulsante di navigazione Usate il selettore colore per scegliere il colore principale per i pulsanti di controllo del visualizzatore. Ignorato per asini Adobe Dimension.
    Colore passaggio del mouse per la navigazione Usate il selettore colore per scegliere il colore al passaggio del mouse o selezionato per i pulsanti di controllo del visualizzatore. Ignorato per risorse Adobe Dimension.
    Mostra campioni Per utilizzi futuri. Ignorato per risorse Adobe Dimension.
    Mostra predefiniti per telecamere GLTF Mostra o nasconde i predefiniti per telecamere eventualmente presenti risorse 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. Toccate 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 dal CRXDE Lite.
    Per informazioni dettagliate su queste impostazioni globali, vedere Impostazioni di configurazione avanzate.

Assegnazione di un modello 3D al componente

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

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

    screen_shot_2017-12-11at124258

  3. Cercate o scorrete fino alla risorsa 3D che desiderate visualizzare sulla pagina da modificare.

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

    le risorse Adobe Dimension vengono sottoposte a rendering con la nuova tecnologia di visualizzatore basata sullo standard aperto glTF, mentre tutti gli altri tipi di risorse 3D si basano sul visualizzatore WebGL AEM classico. 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 interagire con il modello.

È possibile visualizzare l’anteprima della pagina Web nell’editor pagina con accesso completo alle funzionalità del componente 3D.

Consultate anche Visualizzazione di risorse 3D nel componente Siti 3D.

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

  1. Effettuate una delle seguenti operazioni:

    • Vicino alla parte superiore destra della pagina, fare clic su Anteprima per passare alla modalità di anteprima.
    • Elimina /edit.html dall'URL della pagina nel browser.

Pubblicazione della pagina e delle risorse

Per informazioni sulla pubblicazione delle risorse, consultate Pubblicazione delle risorse. Per informazioni su come pubblicare le pagine, consultate Pubblicazione di pagine.

NOTA

L'utilizzo della voce di menu Pubblica pagina nel menu Informazioni pagina consente di pubblicare la pagina e tutte le dipendenze della pagina principale. Le dipendenze secondarie a cui può fare riferimento il modello 3D e/o l’area di visualizzazione 3D, come mappe di texture e immagini IBL, non vengono pubblicate quando si pubblica la pagina 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