Show Menu
SUJETS×

Working with the 3D Sites component

AEM 3D comprend un composant Sites AEM que vous pouvez utiliser pour implémenter l’affichage interactif de modèles 3D sur des pages Web.
Une fois que vous avez ajouté votre composant 3D, vous pouvez afficher la ressource 3D dans ce composant.

Ajout du composant 3D au modèle de page

Vous devez activer le composant 3D dans la page avant de pouvoir le placer sur une page. See Editing templates for detailed information on enabling components in templates.
Ajout du composant 3D au modèle de page :
  1. Accédez à Outils > Général > Modèles .
  2. Accédez au modèle de page dans lequel vous souhaitez activer le composant 3D, puis sélectionnez le modèle.
  3. Tap Edit to open the template.
  4. Près de l’angle supérieur droit de la page, dans le menu déroulant, sélectionnez le mode Structure s’il n’est pas déjà actif.
  5. Tap in the Layout Container region to select it.
  6. Tap the Policy button to open the Policy Editor .
  7. In the Properties section, select the 3D checkmark, and then tap Done to save the changes and close the Policy Editor .
    Vous pouvez maintenant placer le composant Sites 3D sur toutes les pages qui utilisent ce modèle.

Ajout du composant 3D Viewer à une page web

Cette version d’AEM 3D prend en charge une seule instance du composant 3D sur chaque page web. Plusieurs composants 3D sur la même page ne fonctionnent pas correctement.
Pour ajouter le composant de visionneuse 3D à une page Web :
  1. Ouvrez Sites AEM et sélectionnez la page Web à laquelle vous souhaitez ajouter le composant 3D.
  2. Tap the Edit (pencil) icon to open the page into the page editor. Make sure Edit mode near the top right of page is selected.
  3. Appuyez sur le sélecteur de rail pour ouvrir le panneau latéral.
  4. Tap the plus sign icon to open the Components list.
  5. Drag the 3D Viewer component from the Components list to the location on the page where you want the 3D viewer to appear.

Configuration du composant 3D

  1. In the AEM Sites page editor, select the 3D Viewer component that you previously added to the page.
  2. Tap the Configuration icon (wrench) to open the component configuration dialog box.
    Vous pouvez définir les propriétés de composant suivantes :
    Propriétés Description Applicabilité
    Hauteur (px) Spécifiez la hauteur désirée du composant 3D en pixels. Si aucune valeur n’est spécifiée, la valeur par défaut est de 600 pixels.
    Scène Nom
    Sélectionnez une scène 3D dans la liste des scènes disponibles. La scène fournit l’arrière-plan et l’éclairage.
    Ignoré pour les ressources Adobe Dimension.
    Vitesse de rotation automatique (RPM)
    La visionneuse 3D satellise la caméra sans interruption après le chargement et la réinitialisation. La rotation automatique s’interrompt lorsque l’utilisateur lance une action d’orbite manuelle.
    Vous pouvez spécifier la vitesse de rotation en RPM à l’aide des valeurs suivantes :
    • Définir une valeur positive pour tourner à droite
    • Définir une valeur négative pour tourner à gauche
    • Définissez une valeur de 0 pour désactiver la rotation automatique.
    La valeur par défaut est de 3 tr/min, soit 20 secondes par révolution complète. Remarque : La vitesse de rotation suppose une cadence de 60/s. Ce taux est généralement atteint avec des modèles de petite à moyenne taille sur des matériels graphiques plus puissants. Des modèles plus grands ou des périphériques plus lents s’exécutent automatiquement à des vitesses inférieures.
    Ignoré pour les ressources Adobe Dimension.
    Couleur du bouton de navigation Utilisez le sélecteur de couleurs pour sélectionner la couleur principale des boutons de contrôle de la visionneuse. Ignoré pour les fichiers Adobe Dimension.
    Couleur de survol de navigation Utilisez le sélecteur de couleurs pour sélectionner la couleur de survol/de sélection des boutons de contrôle de la visionneuse. Ignoré pour les ressources Adobe Dimension.
    Afficher les échantillons Pour une utilisation ultérieure. Ignoré pour les ressources Adobe Dimension.
    Afficher les paramètres prédéfinis de la caméra GLTF Affichez ou masquez les paramètres prédéfinis de caméra qui peuvent être présents dans les fichiers Adobe Dimension. Pour les fichiers Adobe Dimension uniquement.
    Couleur d'arrière-plan GLTF Couleur d’arrière-plan par défaut si le modèle 3D n’inclut pas d’arrière-plan. Pour les fichiers Adobe Dimension uniquement.
  3. Appuyez sur la coche pour enregistrer vos modifications.
    Outre les paramètres disponibles dans la boîte de dialogue de configuration des composants, un certain nombre de paramètres de configuration globale sont disponibles et peuvent être modifiés par CRXDE Lite. Voir Paramètres de configuration avancée pour plus d’informations sur ces paramètres globaux.

Attribution d’un modèle 3D au composant

  1. In the AEM Sites page editor, click the Assets icon to open the Assets list in the side panel.
  2. Select the 3D Models filter to hide unwanted asset types.
  3. Recherchez ou faites défiler l’écran jusqu’à atteindre la ressource 3D que vous souhaitez afficher sur la page en cours de modification.
  4. Drag the 3D asset from the Assets list to the 3D Viewer component previously placed on the page.
    Les fichiers Adobe Dimension sont rendus à l’aide de la nouvelle technologie de la visionneuse basée sur la norme ouverte glTF, tandis que tous les autres types de fichiers 3D reposent sur la visionneuse WebGL AEM 3D classique. Le composant sélectionne automatiquement la visionneuse appropriée en fonction du type du modèle 3D.

Prévisualisation d’une page Web comportant un composant 3D

While the web page is in Edit mode, the 3D component displays the 3D model but no interaction with the model is possible.
Vous pouvez prévisualiser la page Web dans l’éditeur de page en accédant pleinement aux fonctionnalités du composant 3D.
Pour prévisualiser une page Web comportant un composant 3D :
  1. Effectuez l’une des opérations suivantes :
    • Près de l’angle supérieur droit de la page, cliquez sur Aperçu pour passer en mode d’aperçu.
    • Supprimez /edit.html de l’URL de la page dans le navigateur.

Publication de la page et des ressources

Voir  Publication de ressources pour obtenir des informations sur la publication des ressources. Voir  Publication de pages pour obtenir des informations sur la publication des pages.
Using the Publish Page menu item on the Page Information menu will publish the page and all primary page dependencies. Les dépendances secondaires qui peuvent être référencées par le modèle 3D et/ou la scène 3D, telles que les textures plaquées et les images IBL, ne sont pas publiées lorsque vous publiez la page de cette manière.
Adobe vous recommande de publier toutes les ressources 3D et leurs dépendances directement à partir des ressources AEM, avant de publier la page Web qui référence ces ressources.