Archives par étiquette : déplacement 3D

frontoffice 3D pour wordpress

Nous avons créé une interface 3D pour un site vitrine ou un blog wordpress.

Les images d’arrière-plan, le contenu texte, le titre… sont tous facilement modifiables en passant par le backoffice wordpress. Les modèles sont également changeables.

Nous nous sommes basés sur Three.js, et nous avons également utilisé JQUERY et JQUERY-UI.

La démonstration est visible ici : Interface 3D pour wordpress

Application de tracking vidéo

En utilisant l’API getUserMedia pour récupérer le flux vidéo de la webcam, et webgl pour le traiter, nous avons développé une application de tracking vidéo.

Il s’agit d’un POC (Proof Of Concept) développé rapidement (en moins de 2 jours). Vous pouvez le tester en utilisant la dernière version de Chrome sur http://www.spacegoo.com/trackGL .

HTML5 Video tracking web application
Runtime
1:54
Compteur de vues
1,110

La perception 3D : 2 systèmes de navigation antagonistes

Il n’y a pas qu’une seule façon de se déplacer dans un univers en 3D tout à la souris, ou avec n’importe quel dispositif de pointage. En effet, il y a deux catégories d’utilisateurs. Selon nos tests, Chaque catégorie représente au minimum 25% des utilisateurs et ne peut donc pas être négligée.

Les joueurs :
Pour les joueurs, il semble plus naturel de partir du curseur en position centrale, et d’aller à droite pour tourner à droite par exemple. Celà correspond au mode de déplacement rencontré dans la plupart des jeux vidéos :
Dans ce mode de déplacement, l’utilisateur prend la caméra comme la référence, et les mouvements angulaires de la caméra sont proportionnels au déplacement du curseur.

Capture d’écran d’un jeu vidéo 3D, Unreal Tournament 436 :
Ce système de navigation est également le plus employé dans les visionneuses d’images immersives, ou les visites virtuelles. Il est utilisé notamment dans Google Street View.

Les utilisateurs de smartphones et de tablettes :

Pour cette catégorie d’utilisateurs, il est plus naturel d’aller positionner le curseur sur le côté de l’écran vers lequel ils veulent déplacer la vue, et de ramener le curseur vers le centre. Par exemple pour aller vers la droite, il faut amener le curseur vers la droite, puis le ramener au centre en maintenant le clic enfoncé :
Celà correspond au système de navigation adopté dans les tablettes et les smartphones. L’utilisateur se positionne par rapport aux objets environnant, et les pousse pour se déplacer :

Ce système de navigation revient à faire effectuer a la caméra une rotation d’angle inversement proportionnel au déplacement de la souris. Les utilisateurs familiarisés avec ce mode de déplacement vont penser que le premier mode est inversé, et vice-versa…

Ce système de navigation est adopté notamment dans les murs de photos 3D de Cooliris.

Et les novices…
Les utilisateurs qui ne sont ni joueurs, ni utilisateurs de périphériques à écran tactile se placent naturellement dans l’une ou l’autre des catégories. Cependant il est plus facile pour eux de changer leurs habitudes que pour des joueurs assidus ou des accros de l’Ipad.

Dans les univers 3D ayant peu d’objets proches, ou peu de grandes surfaces planes, typiquement les visionneuses d’images immersives (que l’on peut assimiler à des univers 3D où l’utilisateur est au centre d’une sphère texturée), le premier système de navigation l’emporte. Mais dans le cas d’univers comportant de larges surfaces planes, comme ceux créés par Spacegoo CMS ou Spacegoo PDF, la situation est plus ambigüe.

Actuellement le système de navigation choisi par SPACEGOO est celui des joueurs. Nous allons bientôt prendre en charge les deux systèmes de navigation.