2 démos :
* https://glitch.com/~reality-virtuel-demo
* https://glitch.com/~xr-a-frame-and-drupal
Présentation effectuée au DrupalCamp Paris 2019 sur "Créer uvotre expérience de réalité virtuelle avec Drupal" par Christophe Villeneuve .
La conférence montrera AR / VR / XR ou la WebAR / WebVR / WebXR qui affichera du contenu venant du CMS Drupal avec le framework aframeVR
4. Drupalcamp Paris 2019 -
WebAR / WebVR / WebXR ?
●
Apporter la réalité virtuelle performante
dans web ouvert
5. Drupalcamp Paris 2019 -
La réalité ?
●
Etre dans la scène 3D
●
Immersion
●
Positionnement objet 3D
– Environnement réel
●
Ajouter des éléments réel
– Champ de vision
Réalité Virtuelle Réalité Augmentée
6. Drupalcamp Paris 2019 -
Actualité
●
Annonce de Google
●
Relais par la presse écrite
– Le futur de Google Maps sera en réalité augmentée
●
Annonce vidéo
– https://www.youtube.com/watch?v=QW1QT7DOOdA
® Titre article de frenchweb
7. Drupalcamp Paris 2019 -
Drupal
3 solutions :
- Modules
ReactVR / a-frame / VR
- WebServices
- Back / Front
14. Drupalcamp Paris 2019 -
Pourquoi la WebAR / WebVR / WebXR ?
●
Facilité la distribution
●
Solution Cross-Platform
●
Code accessible
●
Facilité d’accès, de découverte et de partage
●
Liens entre projets
15. Drupalcamp Paris 2019 -
WebVR supportés par les navigateurs
http://createwebvr.com
/
Mozilla Firefox Microsoft Edge Chromium Servo
Samsung internet Google Chrome Oculus Carmel
18. Drupalcamp Paris 2019 -
Compatibilité WebVR Navigateurs
Mozilla Firefox Microsoft Edge Chromium Servo
Samsung internet Google Chrome Oculus Carmel
http://createwebvr.com
19. Drupalcamp Paris 2019 -
Compatibilité WebVR Navigateurs : Web XR
●
API WebVR pour les …
– Réalité virtuelle
– Réalité augmenté
– Réalité mixte
●
Combiner les standards
et XR dans les navigateurs
●
Polyfill
●
Outils
20. Drupalcamp Paris 2019 -
Compatibilité WebVR Navigateurs
Source: https://caniuse.com/#search=vr
WebVR
API WebVR
23. Drupalcamp Paris 2019 -
Puissance et Extensible
jQuery React Redux Vue.js ...
DOM
A-Frame
A-Frame
Components
Entity-component
Gamepad
A
C
C
E
S
S
I
B
L
E
Navigateurs
WebGL Web Audio WebVR Web Speech
37. Drupalcamp Paris 2019 -
Compatibilité WebXR Navigateurs
Source: https://caniuse.com/#search=webxr
38. Drupalcamp Paris 2019 -
WebXR ?
●
API WebVR
– pour la réalité virtuelle
– Augmentée
– Mixte
●
Combiné les standards et XR dans les navigateurs
– Polyfill
– Outils
●
Cas utilisation
– Voyage, chat, B2B/B2C…
– QR code