Les étapes pour créer votre première expérience avec Speedernet Sphere

Ce tutoriel va vous aider à réaliser votre toute première expérience avec Speedernet Sphere : une visite virtuelle en 360° qui consiste à se déplacer entre les scènes (panoramas) ! Vous avez besoin de :

• 2 photos panoramiques
• 1 image

Voici les étapes :

1. Ajouter des scènes
2. Importer les médias
3. Ajouter des éléments dans les scènes
4. Définir les propriétés de l’élément
5. Définir les implications 
6. Tester l’expérience

Voici le tutoriel en vidéo :

Voici le tutoriel illustré : 

1. Ajouter des scènes

Dès le démarrage de votre projet, une première scène vide est créée. L’ajout d’une scène supplémentaire s’effectue via le bouton "+" d’ajout de scènes (360°, 3D, espace multiscène) :

Pour définir le panorama d’une scène, il suffit de sélectionner la scène cible en cliquant sur la scène à modifier dans la liste.

Puis d’accéder aux paramètres de la scène via l’icône de paramètre.

Cliquer sur “Définir décor” , puis “ajouter un panorama” . Le panneau d’ajout de panorama apparaît.

Sélectionner Media Existant, cliquer sur le panorama désiré, puis valider.

Répéter cette opération pour la seconde scène.

Une fois les panoramas définis, nommez les scènes pour mieux les identifier. Pour ce faire, sélectionnez la scène à modifier en cliquant sur le son icône dans la liste, et renommer la scène. 

Répétez cette étape pour l’autre scène.

Cliquez sur la première scène pour la sélectionner.

2. Importer les médias

Commencez votre projet en important vos médias dans le “ Média Manager “. Cela vous permet d’être plus efficaces lors de la réalisation de votre expérience.

3. Ajouter l’élément

Pour ajouter un élément dans la scène :

• Cliquez sur le bouton +
• Dans la fenêtre “Ajouter un élément”, cliquez sur “Image”
• Dans la colonne de droite, l’élément “Image” apparaît. Renommer l’élément (3). Vous le retrouverez plus facilement parmi les autres éléments qui seront ajoutés.

4. Définir les propriétés de l’élément

Cette étape consiste à définir les propriétés de l’élément (le média associé - son aspect - et son état).

• Au survol de l’élément Image dans la colonne de droite, cliquez sur l’icône « PROPRIÉTÉS ». Le panneau de droite affiche désormais les propriétés de l’élément sélectionné.
• Cliquez sur définir un média
• Nommez l’aspect de l’élément ajouté (3)

5. Positionner l’élément

Vous allez maintenant positionner votre élément à l’endroit souhaité dans la scène en utilisant le “ Mode de déplacement sphérique ” :

• Cliquez sur l’élément dans la colonne “ÉLÉMENTS” pour le sélectionner (1)
• Si nécessaire, cliquez sur le « Mode de déplacement sphérique » pour l’activer (2)
• Avec la souris, déplacez votre panorama pour trouver l’emplacement convenable pour l’élément (3)

Ajustez ensuite sa « Position », sa « Rotation », et son « Echelle», à l’aide des boutons dédiés :

6. Définir les implications

Passons à l’ajout d’interactivité. Dans notre exemple, au clique sur l’élément, nous nous déplacerons d’un panorama à l’autre.

• Ouvrez la fenêtre des implications (1)

• Ajoutez une implication (2)

• Renseignez d’abord les conditions (Si) (3)
• Puis les conséquences (Alors) (4)
• Vous pouvez revenir au mode composition en cliquant sur l’icône .

Dans notre exemple : Condition : Quand l’utilisateur clique sur l’élément Conséquence : Alors l’utilisateur entre dans la scène suivante

7. Tester l’expérience

Pour tester votre expérience :

1. Cliquez sur l’icône « Play/Joue »
2. Cliquez sur l’icône « Lancer en 360° »

Maintenant, à vous de jouer !🏌️‍♀️ 

Le défi est d’ajouter un élément dans la deuxième scène qui permet de retourner dans la première scène.

Racontez-nous votre première expérience Speedernet Sphere, faites-nous part de vos commentaires et questions !

À très bientôt sur le prochain tutoriel !