Affichage de ressources 3D

IMPORTANT

AEM 3D dans AEM 6.4 n’est plus pris en charge. Adobe vous recommande d'utiliser la fonction des actifs 3D dans AEM en tant que Cloud Service ou AEM 6.5.3 ou supérieur. aux ressources 3D de vue.

Ce document décrit comment afficher les ressources 3D sur la page Détails de l’actif et comment afficher les ressources qui se trouvent dans le composant Sites 3D.

Affichage des ressources 3D sur la page Détails de l’actif

La visionneuse 3D interactive est disponible sur la page de détails de la ressource dans AEM. La visionneuse comprend, entre autres, un ensemble de contrôles de caméra interactifs qui permettent d’orbiter, de zoomer et de faire un panoramique sur la ressource 3D.

chlimage_1-139

En plus d’utiliser les scènes par défaut dans AEM 3D, vous pouvez utiliser des scènes que vous avez créées dans une application tierce et chargées dans AEM.

Voir Utilisation de scènes dans AEM 3D.

REMARQUE

Pour afficher une ressource 3D, le navigateur de votre appareil ou de votre ordinateur de bureau doit être compatible avec WebGL. En outre, les capacités et la mémoire du matériel vidéo sous-jacent doivent être suffisantes pour effectuer le rendu de modèles de la taille et de la complexité souhaitées. Certaines fonctionnalités d’aperçu, telles que la projection d’ombres, ne sont pas disponibles sur tous les navigateurs.

Facteurs de performance lors de l’affichage de ressources 3D

Le délai nécessaire pour ouvrir une ressource 3D sur la page de détails de la ressource dépend de plusieurs facteurs. Ces facteurs sont notamment :

  • Bande passante et latences du serveur
  • Taille du modèle (nombre de faces)
  • Nombre et taille des correspondances
  • Complexité de la scène. Par exemple, la taille de l’image IBL

De plus, les capacités de l’ordinateur client, par exemple un poste de travail, un ordinateur portable ou un appareil mobile tactile, doivent être prises en compte lorsque vous manipulez la caméra de manière interactive. Un système relativement puissant avec de bonnes capacités graphiques peut rendre l’expérience interactive d’affichage en 3D plus fluide et plus favorable.

Pour vue de fichiers 3D :

  1. Assurez-vous d’avoir chargé des ressources 3D dans AEM.

    Reportez-vous à la section À propos du téléchargement et du traitement des ressources 3D dans AEM.

  2. Dans AEM, sur la page Navigation, appuyez sur Ressources.

  3. Dans l’angle supérieur droit de la page, dans la liste déroulante Vue, appuyez sur Mode Carte.

  4. Accédez à une ressource 3D que vous souhaitez afficher.

  5. Appuyez sur la carte de la ressource 3D pour l’ouvrir sur la page Détails de l’actif.

  6. Procédez de l’une des manières suivantes :

    • Dans le coin inférieur droit de la page de détails de la ressource, utilisez la palette de commandes de caméra pour modifier différents affichages de la ressource.

      Si vous utilisez un périphérique d’entrée non tactile sans roulette de défilement, par exemple une souris à un bouton Apple classique, vous pouvez tout de même modifier le zoom ou la perspective d’une ressource 3D dans chaque mode respectif. Pour ce faire, appuyez sur la touche SHIFTenfoncée tout en appuyant sur le bouton de la souris et en faisant glisser le curseur vers le haut ou vers le bas.

      Lorsque vous utilisez un pavé tactile sur un ordinateur portable classique, il est souvent difficile de contrôler le comportement du zoom ou de la perspective à l’aide du geste à deux doigts. Dans de tels cas, vous pouvez appuyer sur SHIFTet maintenir la touche enfoncée pendant l’action. Cela réduit la vitesse du geste de pincement et permet d’obtenir plus facilement la perspective ou le facteur de zoom exact que vous souhaitez. Vous pouvez également faire glisser un doigt vers le haut ou vers le bas pendant que la touche SHIFTest enfoncée pour modifier les comportements de zoom ou de perspective.

    Nom du contrôle de l'appareil photo
    Description

    Zoom

    ou

    Persp

    Appuyez ou cliquez pour basculer entre les modes Zoom et Perspective.

    Ou appuyez sur la touche ALT/OPTION et maintenez-la enfoncée pendant l'action pour basculer temporairement en mode Perspective
    . Relâchez la touche pour revenir en mode Zoom.

    • Comportement Zoom-Dolly en avant et en arrière qui rapproche ou éloigne la caméra de la
      ressource que vous visualisez. Zoom est le comportement par défaut de la roulette de défilement d’une souris (le cas échéant) pour les gestes de pincement à deux doigts sur les appareils mobiles ou lorsque vous appuyez de manière prolongée sur la touche Maj tout en faisant glisser vers le haut ou vers le bas à l’aide du bouton gauche de la souris.
    • Perspective - Modifie la longueur focale (également appelée champ de vue) de la caméra tout en conservant la taille relative de la ressource dans la vue. Perspective est le comportement alternatif de la roulette de défilement (le cas échéant) pour les gestes de pincement à deux doigts sur les appareils mobiles ou lorsque vous appuyez de manière prolongée sur la touche Maj tout en faisant glisser vers le haut ou vers le bas à l’aide du bouton gauche de la souris.

    Orbite

    ou

    Panoramique

    Appuyez ou cliquez pour basculer entre les modes Orbite et Panoramique.

    Ou appuyez sur la touche ALT/OPTION et maintenez-la enfoncée pendant l'action pour basculer temporairement en mode Panoramique. Relâchez la touche pour revenir en mode Orbite.

    • Orbite - Déplace la caméra d'affichage sur une sphère centrée sur un point de cible situé près du centre de la ressource 3D par défaut. Orbite est le comportement par défaut pour un glisser avec le bouton gauche ou un glisser par un seul toucher sur les appareils mobiles.
    • Panoramique : déplace la caméra dans le plan de visualisation. Le point cible est déplacé en conséquence. Ainsi, les actions d’orbite suivantes déplaceront la caméra autour d’un nouveau point cible. Panoramique est le comportement alternatif pour le glisser avec le bouton gauche et le glisser par un seul toucher.

    Examen

    ou

    Cible

    Appuyez ou cliquez pour basculer entre les modes Examen et Cible.

    • Examinez-Appuyez ou cliquez pour passer en mode Cible.
    • Appuyez sur cible ou cliquez n'importe où sur la ressource 3D pour centrer la vue sur cette partie de la ressource.
      Les actions d’orbite utilisent le nouveau point cible.
    Réinitialiser Appuyez ou cliquez pour rétablir le point de cible de vue au centre du modèle. Reset déplace également la caméra
    plus près ou plus loin pour montrer la ressource dans son intégralité et à une taille d'affichage raisonnable.
    • Près du coin supérieur droit de la page des détails de la ressource, appuyez sur l’icône Sélecteur d’état. Sélectionnez un nom de scène avec l’arrière-plan et l’éclairage à appliquer à la ressource 3D.

    chlimage_1-140

    Les étapes fournissent l'environnement-arrière-plan, le plan au sol et l'éclairage dans lesquels le modèle 3D est visualisé.

    Voir Utilisation de scènes dans AEM 3D.

    • Près du coin supérieur droit de la page des détails de la ressource, appuyez sur l'icône Sélecteur d'appareil photo, puis sélectionnez une vue d'appareil photo à appliquer à la ressource 3D.

    chlimage_1-141

    Les scènes fournissent souvent des caméras prédéfinies. Vous pouvez sélectionner à nouveau la caméra actuelle pour restaurer ses paramètres prédéfinis.

    Voir Utilisation de scènes dans AEM 3D.

  7. Dans l’angle supérieur droit de la page, appuyez sur Enregistrer.

  8. Utilisez l’une des méthodes suivantes :

    • Effectuez le rendu de la ressource 3D.

      Voir Rendu des ressources 3D.

    • Dans l’angle supérieur droit de la page, appuyez sur Fermer pour revenir à la page Ressources.

Affichage des ressources 3D dans le composant Sites 3D

REMARQUE

Cette section s’applique uniquement au lecteur webGL classique utilisé pour les types de ressources 3D autres que Adobe Dimension.

Selon le type de périphérique, vous accédez aux fonctions du composant 3D de diverses façons.

Pour plus d’informations, consultez les sections suivantes :

Voir aussi Prévisualisation d’une page Web contenant un composant 3D.

screen_shot_2017-12-11at145654

Périphériques dotés d’un écran tactile

Pour utiliser des composants 3D avec des périphériques dotés d’un écran tactile :

  1. Faites glisser votre doigt sur l’écran, ou balayez l’écran d’un doigt, pour déplacer (« satelliser ») le point de vue (la « caméra ») autour de l’objet. Vous pouvez afficher l’objet dans n’importe quelle direction.

  2. Effectuez un pincement de deux doigts à l’écran pour rapprocher ou éloigner la caméra de l’objet. Cette action est similaire au zoom avant ou arrière et permet d’inspecter les détails de l’objet. Vous pouvez également appuyer sur les boutons + ou - et maintenir la pression pour rapprocher ou éloigner la caméra de l’objet.

  3. Utilisez un glissement à deux doigts pour faire un panoramique avec la caméra. Cette action déplace la caméra latéralement afin de vous permettre de visualiser différentes parties de l’objet au cours d’un zoom avant. Vous pouvez également appuyer sur le bouton Orbite/Panoramique pour passer en mode Panoramique, puis faire glisser un doigt pour faire défiler la caméra. Appuyez sur le bouton Orbit/Pan Toggle pour revenir au mode Orbit.

  4. Appuyez sur Réinitialiser la visionneuse pour réinitialiser la caméra. Cette action replace l’objet en plein écran et, si elle est activée, reprend la rotation automatique.

  5. Appuyez sur Plein écran pour passer en mode plein écran (s’il est pris en charge par le périphérique). Appuyez sur Plein écran à nouveau pour restaurer la visionneuse 3D en mode de page incorporée.

Périphériques dotés d’un pavé tactile

Pour utiliser des composants 3D avec des périphériques dotés d’un pavé tactile :

  1. Faites glisser votre doigt, tout en maintenant la pression sur le bouton (gauche) du pavé tactile, pour déplacer (« satelliser ») le point de vue (la « caméra ») autour de l’objet. Vous pouvez afficher l’objet dans n’importe quelle direction.

  2. Faites glisser deux doigts vers le bas ou le haut, sans appuyer sur les boutons du pavé tactile, pour rapprocher ou éloigner la caméra de l’objet. Cette action est similaire au zoom avant ou arrière et vous permet d’inspecter les détails de l’objet. Vous pouvez également cliquer sur les boutons Zoom avant ou Zoom arrière et les maintenir enfoncés pour rapprocher ou éloigner la caméra de l’objet.

  3. Faites glisser un doigt tout en maintenant la touche ALT/option enfoncée et le bouton du pavé tactile (à gauche) pour faire défiler la caméra. Cette action déplace la caméra latéralement afin de vous permettre de visualiser différentes parties de l’objet au cours d’un zoom avant. Vous pouvez également cliquer sur le bouton Orbite/Panoramique pour passer en mode Panoramique, puis faire glisser un doigt tout en maintenant le bouton (à gauche) enfoncé pour faire défiler la caméra. Cliquez de nouveau sur le bouton Orbite/basculement pour revenir au mode Orbite.

  4. Cliquez sur Réinitialiser la visionneuse pour réinitialiser la caméra. Cette action replace l’objet en plein écran et, si elle est activée, reprend la rotation automatique.

  5. Cliquez sur Plein écran pour passer en mode plein écran. Utilisez la touche Echap de votre clavier ou cliquez de nouveau sur Plein écran pour rétablir le mode intégré à la page de la visionneuse 3D.

Périphériques dotés d’une souris ou d’un trackball

Pour utiliser des composants 3D avec des périphériques dotés d’une souris ou d’un trackball :

  1. Faites glisser la souris ou le trackball, tout en maintenant la pression sur le bouton gauche de la souris, pour déplacer (« placer en orbite ») le point de vue (la « caméra ») autour de l’objet. Vous pouvez afficher l’objet dans n’importe quelle direction.

  2. Utilisez la roulette de défilement pour rapprocher ou éloigner la caméra de l’objet. Cette action est similaire au zoom avant ou arrière et vous permet d’inspecter les détails de l’objet. Vous pouvez également cliquer sur les boutons Zoom avant ou Zoom arrière et les maintenir enfoncés pour rapprocher ou éloigner la caméra de l’objet.

  3. Faites glisser tout en maintenant la touche ALT/option enfoncée et le bouton gauche de la souris pour effectuer un panoramique sur la caméra. Cette action déplace la caméra latéralement afin de vous permettre de visualiser différentes parties de l’objet au cours d’un zoom avant. Vous pouvez également cliquer sur le bouton Orbite/Panoramique pour passer en mode Panoramique, puis faire glisser tout en maintenant le bouton gauche de la souris enfoncé pour faire défiler la caméra. Cliquez de nouveau sur le basculement orbite/panoramique pour revenir au mode orbite.

  4. Cliquez sur Réinitialiser la visionneuse pour réinitialiser la caméra. Cette action replace l’objet en plein écran et, si elle est activée, reprend la rotation automatique.

  5. Cliquez sur Plein écran pour passer en mode plein écran. Utilisez la touche Echap de votre clavier ou cliquez de nouveau sur Plein écran pour rétablir le mode intégré à la page de la visionneuse 3D.

Sur cette page

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