MOZILLA HUBS
Table des matières
Installation...2
Débuter...2
Créer une « salle»...2
Modifier son avatar / savoir ou il se trouve...4
Inviter d’autres participants des personnes...6
Quelques touches de contrôle...7
Discuter...8
Rejoindre une « salle » existante...8
Fonctions supplémentaires...8
Placer, dessiner, modifier…...9
Changer de décor...9
S’inscrire...10
Visiter la Maison Pour Tous Salle des Rancy...11
Créer un avatar...12 Mozilla Hub est un site web créé par les mêmes personnes que le navigateur Firefox, et
qui permet de se rencontrer, discuter et créer ensemble dans un environnement virtuel (maison, musée, bateau, etc). C’est donc comme un chat ou un forum, mais avec un
environnement 3D autour.
Installation
Le « Logiciel » n’a pas besoin d’être installé : celui-ci est disponible directement dans le navigateur (Chrome, Firefox, Safari, etc) : s’agissant de 3D sur le web, celui-ci peut en revanche potentiellement demander un PC qui n’est pas trop ancien.
Débuter
Les « rooms » (ou salle en français) correspondent tout simplement à un Tchat (discussion virtuelle mais avec un environnement 3D) : une personne crée une « room », et d’autres participants peuvent la rejoindre.
Créer une « salle»
Se rendre sur https://hubs.mozilla.com/, ou chercher sur le web « Mozilla Hubs » et cliquer sur le lien suivant :
Ensuite, cliquer sur le bouton « Créer une salle» :
Patientez un peu
Cliquer sur « Rejoindre la salle» :
Choisir un nom et éventuellement sélectionner un avatar (voir la partie sur la création d’avatars pour savoir comment créer le sien) et cliquer sur « Accepter » :
Cliquer sur autoriser le microphone (vous pourrez le rendre « muet » ultérieurement) :
Cliquer sur « couper mon micro » pour le couper :
Pour finir cliquer sur « Entrer dans la salle », Nous voilà dedans !
Modifier son avatar / savoir ou il se trouve
Cliquez sur « Plus » ou les « trois petits points »
Cliquer sur « Changer de nom et Avatar » puis cliquer sur « Changer d’Avatar » puis cliquer sur « accepter »
Inviter d’autres participants
Le bouton « Inviter » en bas à gauche » permet d’inviter des personnes de différentes manières : la méthode la plus simple est de partager le lien « Lien vers la salle » en le copiant (en cliquant sur « copier » [1]) et en l’envoyant via messagerie, mail, etc en faisant clic-droit [2]→ coller [3] :
Quelques touches de contrôle
Les touches les flèches directionnelles du clavier ou bien les lettres Z, Q, S, D (qui ont la même disposition) permettent d’avancer, reculer, aller à gauche ou à droite
Tandis que le clic gauche maintenu permet de regarder autour de soi, et clic-droit maintenu pour viser puis relâcher pour déclencher permet de se téléporter.
Vous pouvez également modifier certains paramétrages comme le volume audio, couper le micro, désactiver certains mouvements, activer un joystick ... en cliquant sur l’icone
« Plus »
puis en cliquant sur « préférences ».
Discuter
Hubs permet de discuter vocalement si vous possédez un micro et que vous avez enlevé le mode « muet » (en cliquant sur l’icône de micro en bas), soit en parlant par chat textuel :
Rejoindre une « salle » existante
Cliquer sur le lien envoyé par la personne qui a créé la « salle », et suivre le reste du processus comme si vous aviez créé la salle en autorisant le micro, en remplissant votre pseudonyme et en sélectionnant votre avatar.
Fonctions supplémentaires
Hubs permet non seulement de se balader et de discuter mais également de créer et s’amuser, en plaçant des objets, changer d’apparence… etc.
Par exemple, Le bouton « Réagir » :
en bas de l’écran permet de créer temporairement un emoji animé pour réagir.
Placer, dessiner, modifier…
Cliquer sur l’icone « placer »
Il est également possible :
– de placer des objets en cliquant sur «Modèle 3D» et en sélectionnant un objet parmi des modèles issus de
SketchFab ou de Google Poly : il suffit de maintenir le clic gauche de votre souris en visant l’objet une fois placé pour le déplacer ;
– En cliquant sur « Scene » (cela nécessite d’être connecté, voir la partie sur l’inscription), puis en choisissant une autre scène, cela place un objet dans le décor, qui lorsque l’on passe la souris dessus propose un bouton « Use Scene », qui en cliquant dessus changera la scène du salon ;
– de poser une caméra virtuelle pour faire une photo de son avatar avec des personnes. En cliquant sur « Caméra », cela place un appareil photo virtuel pour faire des selfies ;
– de placer un GIF en cliquant sur « GIF » et en sélectionnant un objet parmi les gifs proposés : il suffit de maintenir le clic gauche de votre souris en visant le gif une fois placé pour le déplacer ;
– De dessiner sur le décor avec stylo : pour quitter le stylo, il suffit de faire clic-droit ; – et d’autres choses encore.
Changer de décor
Il est également possible de changer de « scène », c’est-à-dire de décor.
Attention, cela requiert d’être connecté à Mozilla. Se référer à la partie « S’inscrire » pour cela.
Cliquer sur « Plus⋮ » puis sur « Info de la salle et Réglage ». Ensuite cliquer sur
« Changer de Scène », sélectionner la scène (ou la rechercher grâce à la barre de recherche) en cliquant dessus, et le décor mettra alors quelques secondes à s’afficher.
Attention, cela ne « déplace » pas les participants et participantes à la manière d’une porte, mais change bel et bien le décor.
S’inscrire
Se rendre sur https://hubs.mozilla.com/ comme précédemment, puis cliquer sur « Se connecter » en haut à droite.
Rentrer son e-mail (gmail, outlook, orange.fr, etc) :
si vous n’aviez pas encore créé de compte, vous devriez recevoir un e-mail comme suit :
La page web affiche alors « Verification terminée ».
Cliquer sur l’icone Hubs by mozilla (visible sur l’imprim écran ci-dessus) et rejoignez une salle comme indiqué au début de ce tutoriel.
Ce mail fait office de connexion direct sans mot de passe: ce processus sera donc à répéter chaque fois que vous voudrez vous reconnecter, sans avoir à utiliser de mot de passe
Visiter la Maison Pour Tous Salle des Rancy
Pour visiter la MPT, il vous suffit de cliquer sur ce lien
https://hubs.mozilla.com/scenes/ZqyiHiJ pour créer un salle avec le modèle 3D de la Salle des Rancy
Créer un avatar
Il est possible de modifier son apparence (« avatar) par défaut pour créer le sien : le processus peut être poussé à l’extrême en utilisant des techniques de modélisation 3D (UV map, normal map, etc), mais on se contentera ici de la version simple.
Télécharger l’image à l’adresse :
https://epn.salledesrancy.com/wp-content/uploads/2021/04/steve.png Puis faire clic droit avec votre souris puis faire « enregistrer l’image sous »
Il faut donc commencer par modifier cette image en l’ouvrant avec par exemple Paint ou GIMP : c’est le moment d’être créatif ! Enregistrer l’image à un endroit simple une fois fini, comme dans le dossier « images »
Celle-ci contient les éléments de base positionnés correctement (en l’occurrence, basé sur le personnage Steve de Minecraft, ainsi qu’un arc-en-ciel qui permettra de vérifier que tout est bien aligné. Voici le comparatif de l’image et du résultat :
Il suffit de modifier (dans Paint par exemple) en restant dans ce cadre (exemple simple, lui ajouter des lunettes, exemple plus poussé, lui changer de visage) sans toucher la partie arc-en-ciel qui correspond à la zone non visible. Une fois le résultat satisfaisant,
enregistrer l’image sur l’ordinateur.
On se connecte alors dans une salle : puis il suffit de cliquer sur « ⋮Plus » puis sur
personnage cubique du milieu, puis on clique sur « Base map » et on sélectionne l’image que l’on a créée et après cliquer sur « SAUVEGARDER ».
Enfin, on clique sur « Save » (sauvegarder en anglais), et on peut alors sélectionner son avatar dans la liste sous « My avatar » (mes avatars en anglais) en cliquant dessus. Et voilà ! Pour finir cliquer sur « Accepter »
