Voici la mise en oeuvre d'une expérience de réalité virtuelle réalisée en webXR. La webXR vous permet de rentrer dans une expérience de réalité virtuelle à l'aide d'un simple lien html.
logo de la Fondation Blender
RETOUR page précédente
RETOUR SOMMAIRE

Réaliser une expérience en webXR

Avec l'Addon "VrtoolAframe" pour Blender 2.90, il est maintenant plus facile de mettre en réalité virtuelle n'importe quelle modélisation 3D.

Cet addon nous permet d'écrire automatiquement un fichier html qui pourra ensuite être lu par les navigateurs internet de la plupart des casques de réalité virtuelle grand public 3DOF et 6DOF ( Degrees Of Freedom).

Cet addon va ainsi orienter vers des dossiers spécifiques chaque objet 3D avec leurs matériaux et textures ainsi que chaque surface de téléportation. Ensuite, un menu ira chercher dans chaque dossier ces différents éléments afin d'écrire une suite d'instruction en html et en javascript pour qu'ils puissent être lus par différents casques de réalité virtuelle. Ces objets 3D peuvent être générés à partir de n'importe quel logiciel de modélisation 3D qui exporte en Collada (.dae) et en .obj.

 

L'addon VrtoolsAframe

Pour écrire cette page html qui mettra votre modélisation 3D en réalité virtuelle, vous avez deux solutions.
1 - Utiliser l'addon"VrtoolsAframe" pour le logiciel Blender qui vous écrira automatiquement les lignes de codes de votre page Html. - Détails -
2 - Vous savez coder et les scripts (codes) ne vous font pas peur - Détails -
Il est possible d'installer une image ou une vidéo dans le "ciel" - Détails -

Installer une image ou une video dans le ciel

1 - Ouvrez Blender
2 - Dans le menu principal cliquer sur Edit>Preferences 
3 - Dans le menu Preference cliquer sur "Addon"
4 - En Haut de la fenêtre des "Addons" cliquer sur "Install From File"
5 - Une fois charger dans Blender, cliquer sur la case pour l'activer
6 - L'addon se trouve dans la "Sidebar" et dans l'onglet "Edit"
7- Pour l'utiliser vous devez avoir au préalable configurer les dossiers suivants sur votre ordinateur:
..........7a - Créer un dossier appelé "webxr" (respecter la casse et pas d'espace)
..........7b - Glisser dans ce dossier le fichier Python "http-server.py"(fourni)
..........7c - Dans ce dossier créer deux dossiers appelé "viewing" et "work"
..........7d - Dans le dossier viewing glisser le dossier "components" (fourni)
8- Avant d'utiliser l'addon vous devez vérifier si votre modélisation répond aux critères suivants:
..........8a - Vous devez être sur le moteur de rendu Cycles
..........8b - Le nom des objets ne doivent contenir que des minuscules, des majuscules ou des underscore. ET UNIQUEMENT
..........8c - Tous les objets doivent avoir un matériaux sous la forme de node.
..........8d - Les uv doivent toujours êtes identifiés par le node unique UvMap qui se trouve dans dans le menu Add>input>uvMap.
..........8e - Les normals doivent être recalculées et toutes tournées vers l'extérieur. Pour les afficher c'est ici..
..........8f - Les vertices ne doivent par être en double les unes sur les autres aller en mode Edit dans le menu Mesh>Cleanup>removeDouble
..........8g - Appliquer toutes les transformations
9 - Regarder le tuto d’utilisation de l’addon vrToolAframe ci-dessous ou sur https://vimeo.com/522310114
10 - VOILA! vous avez écrit les fichiers html contenant vos objets 3D. Ces fichiers html , ont été écrit pour les ordinateurs, pour les smartphones et pour les casques. Ils se trouvent respectivement dans les dossiers "ordinateur, casque, smartphone contenus dans le dosseir viewing.
11 - Pour lire ces fichiers HTML.
..........11a - Vous pouvez les vérifier et les lire en local sur votre ordinateur en installant un serveur local sur votre ordinateur.- Détails -
..........11b - Si vous voulez les lire dans votre casque ou sur votre smartphone vous devez les mettre en ligne avec un logiciel ftp comme FileZilla (gratuit et open source)
..........11c - Une fois en ligne, allez dans votre casque
..........11d - Ouvrez Firefox Reality (ou installer le si vous ne l'avez pas) - Détails -
..........11e - Firefox relaity est un navigateur internet comme celui que vous avez sur votre orinateu. Rentrez le lien html dans la barre d'adresse. Puis cliquez sur les deux petites lunettes en bas à droite de la fenêtre.
..........11f - Vous voilà en dans votre modélisation en réalité virtuelle.
12 - Pour changer certaines lignes de code de vos fichiers html
..........12a - Il vous faudra un editeur de code genre notepad ou Télécharger l'application grauite Visual Studio Code.
..........12b - Pour comprendre ce que font ces lignes de code aller au chapitre : "Vous savez coder et les scripts (codes) ne vous font pas peur"

Installation de l'addon dans Blender

Tutoriel de l'addon VrToolAframe Pour Blender