Show Menu
ARGOMENTI×

Utilizzo del componente Siti 3D

AEM 3D include un componente AEM Sites che consente di 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 abilitare il componente 3D nella pagina prima di posizionarlo su una pagina. Consultate Modifica dei modelli per informazioni dettagliate sull'abilitazione dei componenti nei modelli.
Aggiunta del componente 3D al modello di pagina:
  1. Selezionare 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, selezionate Struttura , se non è già attiva.
  5. Toccate l'area Contenitore di layout per selezionarla.
  6. Toccate il pulsante Criterio 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

Questa versione di AEM 3D supporta solo un’istanza del componente 3D su 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. Accertatevi che sia selezionata la modalità Modifica in alto a destra della pagina.
  3. Toccate il selettore della barra per aprire il pannello laterale.
  4. Toccate l'icona più per aprire l'elenco Componenti .
  5. Trascinate il componente Visualizzatore ​3D dall’elenco Componenti alla posizione nella pagina in cui desiderate visualizzare il visualizzatore 3D.

Configurazione del componente 3D

  1. Nell’editor pagina AEM Sites, seleziona il componente Visualizzatore ​3D che hai aggiunto in precedenza alla pagina.
  2. Toccate l'icona Configurazione (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 sfondo e illuminazione.
    Ignorato per le 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 si basa su 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 eseguono la rotazione automatica a velocità più basse.
    Ignorato per le 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 le risorse 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 le risorse Adobe Dimension.
    Mostra campioni Per utilizzi futuri. Ignorato per le risorse Adobe Dimension.
    Mostra predefiniti per telecamere GLTF Mostra o nasconde i predefiniti per telecamere eventualmente presenti nelle risorse Adobe Dimension. Solo per le risorse Adobe Dimension.
    Colore di sfondo GLTF Colore di sfondo predefinito se il modello 3D non include uno sfondo. Solo per le 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 tramite CRXDE Lite. Per informazioni dettagliate su queste impostazioni globali, consultate 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.
  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.
    Il rendering delle risorse Adobe Dimension viene eseguito utilizzando la nuova tecnologia di visualizzatore basata sullo standard aperto glTF, mentre tutti gli altri tipi di risorse 3D si basano sul visualizzatore WebGL AEM 3D 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.
Per visualizzare in anteprima una pagina Web con un componente 3D:
  1. Effettuate una delle seguenti operazioni:
    • Nella parte superiore destra della pagina, fate clic su Anteprima per passare alla modalità di anteprima.
    • Elimina /edit.html dall’URL della pagina nel browser.

Pubblicazione di pagina e risorse

Consultate Pubblicazione delle risorse per informazioni su come pubblicare le risorse. Consultate Pubblicazione di pagine per informazioni su come pubblicare le pagine.
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 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 Risorse AEM, prima di pubblicare la pagina Web che fa riferimento a tali risorse.