Storytelling en 3D: créez une histoire à l'aide de l'éditeur

Prêt à créer des histoires en 3D captivantes qui font voyager les spectateurs à travers des lieux réels ? Ce guide vous explique comment créer une story à l'aide de l'éditeur intégré.

Utilisez notre interface intuitive pour ajuster les titres, les descriptions, les images et les angles de la caméra. C'est l'outil idéal pour les débutants !

Ouvrir l'éditeur d'article

La solution de storytelling en 3D est fournie avec un éditeur intégré qui vous permet de créer l'histoire à partir de l'UI.

L'éditeur se trouve à gauche de la page. Ouvrir en cliquant sur cette petite icône:

Image

Vous pouvez accéder à l'éditeur en vous rendant sur la version hébergée de l'application d'administration 3D Storytelling, ou en téléchargeant et en installant votre propre instance Storytelling depuis GitHub.

Créer la page de couverture

Utilisez la section "Détails de l'histoire" pour définir un titre, une image, une description et d'autres détails. Cela permet de présenter votre histoire au spectateur.

ajouter une histoire

Ajouter des chapitres

Chaque chapitre est comme une étape de votre voyage. Pour les ajouter, procédez comme suit:

  1. Recherchez un lieu à l'aide de la barre de recherche intégrée de la saisie semi-automatique.

  2. Une fois le lieu ajouté, vous pouvez ajouter des détails au chapitre en cliquant sur le bouton Edit (Modifier) situé à côté du lieu:

    Enregistrer un chapitre

  3. Cliquez sur Modifier pour saisir le titre, la description, l'image et la date de votre chapitre.

    Enregistrer un chapitre

  4. Si vous souhaitez supprimer un chapitre particulier, un bouton Supprimer se trouve juste en dessous du bouton "Modifier".

  5. Vous pouvez réorganiser les chapitres en les faisant glisser à l'aide des icônes en pointillés situées à gauche:

    Enregistrer un chapitre

Sauvez le chapitre

Pour enregistrer un chapitre spécifique, cliquez sur le bouton Quitter le mode Édition. Le bouton "Quitter le mode Édition" fait office de bouton d'enregistrement.

Enregistrer un chapitre

Personnaliser les paramètres de l'appareil photo

Vous pouvez personnaliser différents paramètres de la caméra:

  • Afficher/Masquer le repère de position : vous ne souhaitez peut-être pas afficher le repère sur un lieu spécifique, mais plutôt montrer une zone géographique générale. Cochez/Décochez la case "Afficher le repère de position" pour afficher ou masquer un repère. Image

  • Afficher un rayon autour d'une zone Vous pouvez choisir d'afficher une zone autour d'un lieu spécifique à l'aide de la fonctionnalité "Mise au point sur le rayon d'affichage". Lorsque cette option est cochée, un curseur de rayon s'ouvre. Il vous permet de contrôler le rayon de limite de la mise au point de la caméra. Image

Image

Cela montre comment les options avancées de l'appareil photo permettent de créer une expérience personnalisée.

  • Personnalisez la position de l'appareil photo. Ajustez l'angle de la caméra à l'aide de commandes simples:

  • Inclinaison:affichez la carte au-dessus ou au niveau du sol. Maintenez la touche Ctrl (ou Cmd sur certains ordinateurs) enfoncée tout en faisant glisser la souris vers le haut ou vers le bas.

  • Faire pivoter:faites pivoter la carte pour obtenir une vue à 360 degrés. Maintenez la touche Ctrl (ou Cmd sur certains ordinateurs) tout en cliquant et faites glisser votre souris vers la gauche ou la droite.

  • Zoomer:effectuez un gros plan ou une vue grand-angle. Utilisez la molette de la souris ou des gestes de zoom avant/arrière habituels.

Essayez de combiner l'inclinaison, la rotation et le zoom afin de trouver l'angle parfait pour chaque lieu. Les commandes peuvent varier légèrement en fonction de la configuration de votre ordinateur.

Image

Découvrez comment contrôler le canevas 3D pour obtenir l'angle de caméra idéal.

Finaliser et télécharger

Une fois l'histoire et les chapitres créés, téléchargez la configuration.

Cliquez sur Télécharger pour obtenir votre configuration personnalisée au format JSON.

Bouton de téléchargement

Cette configuration peut être utilisée pour créer votre propre narration 3D en dupliquant le code à partir de GitHub.