Réalité augmentée avec Silverlight 4 (et Unity 3D)

La réalité augmentée n’est pas un sujet tout neuf, pourtant l’année 2009 aura été décisive pour les applications “marketing et business” de la réalité augmentée domestique (cf. 10 Awesome Uses of Augmented Reality Marketing et Tracking brands in Augmented Reality). J’ai déjà eu de nombreuses occasions de vous parler d’applications réalisées avec Flash, il est donc maintenant temps de vous parler de celles réalisées avec Silverlight : Silverlight 4 Augmented Reality Proof Of Concept.

L’astuce est d’utiliser NyARToolkitCS (un dérivé de la librairie ARToolkit) ainsi que l’API webcam de Silverlight 4 (cf. Accessing Web Camera and Microphone).

Mieux, l’auteur de cette première expérimentation nous en propose une autre avec de la 3D en temps réel : Real Time 3D Augmented Reality with Silverlight.

Donc comme le dit si bien Galdric : “Réalité augmentée en Silverlight 4 : ça c’est fait“. Attendons maintenant de voir de meilleures performances avec la version définitive de Silverlight 4. Et puisque l’on parle de meilleures performances, saviez-vous qu’il était possible de combiner Flash, réalité augmentée et Unity3D (Flash pour la capture et Unity3D pour le rendu 3D) : Unity3D + FlarToolkit = … hein ?!.

Bon… il semblerait donc que la prochaine étape soit de faire de la réalité augmentée sans plug-in avec HTML5 et WebGL.

De la 3D à toutes les sauces pour 2010 ?

J’ai comme l’impression que 2010 sera l’année de la 3D (ou peut-être bien 2011 le temps que les technologies murissent). Vous pouvez d’ors et déjà expérimenter de la 3D “nouvelle génération” dans vos salles de cinéma avec le film Avatar, mais vous pourrez bientôt en bénéficier chez vous avec l’arrivée de la 3D sur les disques Blu-Ray (3D high-def movies coming to your living room on Blu-ray) et sur les moniteurs (LG Unveils Full HD 3D Monitor) ou les équipements équipés de technologies comme 3Ddisplay.

Plus proche de nos domaines de préoccupation, les applications et sites web, nous allons commencer à voir des choses tout à fait intéressantes avec notamment ce brevet déposé par Apple pour une technologie mélangeant capture et affichage 3D : Apple Working on 3D ‘Hyper-Reality’ Displays.

L’idée est de pouvoir manipuler des contenus 3D sans avoir recours à des périphériques comme le SpaceNavigator en utilisant votre webcam. Dans l’exemple qui suit, il suffit ainsi de se pencher pour faire pivoter le graphique :

Déplacez des objets 3D avec votre webcam
Déplacez des objets 3D avec votre webcam

Plus intéressant, cette technologie peut également servir à mieux s’y retrouver dans vos fenêtres en décalant votre perspective :

Mieux gérer vos fenêtres avec votre webcam
Mieux gérer vos fenêtres avec votre webcam

Une application fort utile car ne nécessitant pas d’apprentissage (elle reproduit un comportement de tous les jours).

Dans un registre plus terre-à-terre, et pour faire écho à la récente publication des spécifications de WebGL (WebGL draft published, Khronos seeks community involvement), nous commençons à voir des expérimentations d’applications en 3D temps réel dans le navigateur comme ici avec Cube Defense :

Un jeu de tower defense dans votre navigateur avec WebGL
Un jeu de tower defense dans votre navigateur avec WebGL

Rien de révolutionnaire, si ce n’est le fait que cette application ne nécessite aucun plug-in (juste un navigateur compatible). Démonstration vidéo ici (via 3D Test) :

Terminons cette série avec la “3D du pauvre” (n’y voyez rien de péjoratif) réalisée uniquement en CSS : CSS 3D Meninas. L’astuce est de simuler une profondeur de champ avec le mouvement de la souris :

Les CSS au secours de la 3D
Les CSS au secours de la 3D

En déplaçant la souris sur la droite de l’image, vous déplacez les différents éléments du tableau :

re
Les CSS au secours de la 3D

Les explications sont ici : De la fausse 3D à l’aide de CSS3.

Ces différents exemples ne sont pas directement liés, mais ils illustrent une tendance de fond qui va monter en puissance l’année prochaine. Ça à commencé au cinéma, ça va arriver sur votre TV et votre ordinateur, la prochaine étape sera votre mobile : 3-D Untethered: A Look at Mobile 3-D Technology. À suivre…

Auto-apprentissage en vidéo et ralentis audio sur EnglishCentral

Connaissez-vous EnglishCentral ? Il s’agit d’un service en ligne d’auto-apprentissage de l’anglais. En gros ils proposent des vidéos d’actualité avec sous-titres, chapitrage et exercices :

Le player vidéo d'EnglishCentral
Le player vidéo d'EnglishCentral et son chapitrage

Le player vidéo est plutôt bien fait avec une timeline chapitrée, un fonction text-to-speech au survol de la souris sur les sous-titres et la possibilité de s’exercer en enregistrant sa voix à chaque phrase (ce qui permet de gagner des points).

Mais le plus intéressant est cette incroyable fonction de playback audio ralenti de la phrase entière :

Le playback audio en ralenti
Le playback audio en ralenti

En cliquant sur le lien “Hear line slowed down“, vous pouvez réécouter la phrase à une vitesse deux fois moindre sans toutefois altérer la qualité sonore ou le rythme. Je ne sais pas trop comment ils font ça (certainement en échantillonnant et en dupliquant des boucles d’1/10 de seconde) mais le résultat est stupéfiant.

Qui pourrait me dire s’il existe des technologies ou des composants Flash pour faire quelque chose d’équivalent ?