Hello les copains ! Ça faisait un bail qu’on n’avait pas donné de nouvelles car on était concentrés sur d’autres projets WebGL / WebVR en parallèle. Nous voici donc de retour avec de nouvelles fonctionnalités qui dégomment : une première version de notre interface utilisateur en réalité virtuelle, des contenus 360° et de la reconnaissance vocale entre autres choses.
Interface Utilisateur en Réalité Virtuelle
L’un des gros problèmes que nous avions avec notre mode réalité virtuelle était que les utilisateurs ne pouvaient pas naviguer d’un espace à un autre sans repasser en mode écran 2D (point de vue à la troisième personne, desktop ou mobile – à savoir, quitter le mode réalité virtuelle).
Nous nous sommes appuyés sur les travaux de notre UI/UX Designer Vincent publiés sur notre blog il y a quelques mois et avons commencé à développer notre propre interface utilisateur en réalité virtuelle pour résoudre ce problème.
Aperçu de notre interface utilisateur en réalité virtuelle
Une fois le mode réalité virtuelle activé, 4 boutons apparaissent à vos pieds. Il vous suffit de regarder le bouton de droite pour accéder au menu de navigation.
Première version de notre interface de navigation
Une interface à 360° apparaît vous suggérant une douzaine d’espaces 3D. Fixez du regarder un des espaces pendant une seconde pour y être redirigé (nb : la redirection n’est PAS encore fonctionnelle, ce sera le cas très prochainement). Il s’agit pour le moment d’une sélection d’espaces par défaut, mais nous pourrions très bien imaginer à termes des suggestions basées sur vos intérêts, votre activité sur la plateforme, plusieurs onglets (utilisateurs, espaces, contenus, événements… oui, nous venons ici de lâcher une de nos prochaines features !) et même une barre de recherche pour entrer des mots-clefs. Il nous faudra juste améliorer notre système de reconnaissance vocale pour que ce type de feature soit pertinent. Hey, je viens juste de faire une transition !
Reconnaissance vocale
Les fonctionnalités de chat constituent les features essentielles à toute plateforme sociale qui se respecte. Le problème est que l’utilisation d’un clavier en réalité virtuelle n’a juste aucun sens à partir du moment où vous ne pouvez pas regarder où vous tapez (hé oui, vous avez des binocles de réalité virtuelle sur la tête !).
L’usage du micro semble être a priori une bonne alternative. Hélas nous savons à quel point cela peut devenir totalement n’importe quoi si la spatialisation sonore n’est pas d’une précision d’orfèvre. Ou si vous vous trouvez dans un espace virtuel totalement bondé où tout le monde se gueule dessus pour se faire comprendre ou juste pour troller comme des ados attardés.
La reconnaissance vocale est donc un bon compromis. Il s’agit ici de conserver les fonctionnalités textes mais en utilisant des outils de saisie autres que le clavier.
Nous avons donc commencé à expérimenter la reconnaissance vocale. Les premiers résultats sont assez aléatoires pour le moment… l’accent français probablement. On travaille sur ça. L’essentiel étant que : ça marche ! 
En réalité virtuelle, vous pouvez activer la reconnaissance vocale en fixant l’icône à gauche de l’interface utilisateur – assurez que votre micro est activé, icône à droite de l’icône de reconnaissance vocale.
Bulles de chat
Vincent avait émis ses doutes quant à la pertinence en réalité virtuelle d’une interface de chat détachée de type barre de chat ferrée à droite (comme sur notre version desktop & mobile). Selon lui, les fonctionnalités de chat doivent faire partie intégrante de l’environnement virtuel.
Sur Beloola, vous verrez désormais apparaître des bulles de bande dessinée au-dessus de l’avatar prenant la parole. Ça ressemble à ça :
Notre artiste 3D Guillaume a des troubles d’identité sexuelle
Postez vos contenus 360°
Vous pouvez maintenant partager vos contenus photos et vidéos 360° très facilement. Voici comment cela fonctionne pour une vidéo :
- Trouvez une vidéo 360° sur le Web que vous souhaitez partager dans votre espace et copiez le lien de son fichier .webm (pour le moment Chromium et Nightly ne suportent pas de fichiers .mp4 files et le WebVR n’est pas encore accessible sur les navigateurs standards… juste une question de semaines !).
- Postez une vidéo dans votre galerie de contenus et collez le lien. Entrez votre description et vos tags.
- Dirigez-vous vers le builder et ajoutez un item sphère (accessible dans la galerie d’items média). Assignez ensuite la vidéo que vous venez de poster à cet objet.
- Votre vidéo est désormais accessible dans votre espace 3D. Lorsque vous êtes en navigation VR, allez à l’intérieur de la sphère et regardez le bouton « Play » pendant une seconde (il se trouve à vos pieds).
- Ça marche !
On a un HTC Vive !
Tout est dit. On est ravi de ce super cadeau de Noël. Le Vive est trou ouf !
Sélection d’espaces 3D
Voici une petite sélection de quelques nouveaux espaces plutôt cools sur la plateforme.
Un espace que nous avons créé pour les démos de réalité virtuelle: http://www.beloola.com/vrdemo
VR Demo
Un espace avec des contenus 360° pris à Paris : http://www.beloola.com/paris360
Paris 360
Un espace créé par un certain @Joozz, dédié à ses performances musicales. Ce mec a du skill à revendre en construction : http://www.beloola.com/JooZz
Joozz
David Bowie nous a quittés ce dimanche. Ça fait des années que je suis un fan acharné. Ceci n’est qu’un humble hommage : http://www.beloola.com/thinwhiteduke
David Bowie
A bientôt pour de nouvelles mises à jour !
