Maintenant que l’on a accès à la webcam sous Silverlight, on peut faire un peu de réalité augmentée basique adaptant un NyArToolkit CS pour arriver à ses fins. Arrivant un peu après la bataille cette année, Silverlight montre toutefois de très bonnes performances de rendu, avec un bon 40fps même sous capture vidéo, pour monter à un 50-60 fps sur un dual Core. J’avoue ne pas avoir regardé les performances d’un Flartoolkit + Alchemy sous flash, je serais curieux de comparer. C’est encore un peu expérimental, le code n’est pas encore disponible par contre.

En lire plus :
http://kodierer.blogspot.com/2009/12/world-real-time-3d-augmented-reality.html

Voilà une feature manquante qui empêchait pas mal d’applications avec Silverlight 3 : la webcam et le motion detection. C’est désormais implémenté avec la Beta de Silverlight 4. Adam Kinney l’explique un peu plus sur son blog. Mais ce n’est pas tout puisque Silverlight se positionne un peu plus au niveau de flash avec la fonction imprimer, le click droit personnalisé, la prise en charge du microphone et quelques autres choses. Avec dans le premier commentaire un détail qui fait sourire : « There’s still no GPU support for shaders or 3D ? »

Et voici la vidéo de présentation, (si vous ne voyez rien, c’est normal, il faudra Silverlight) :

Fullscreen
Petite fonction rajoutée à Deezer récemment et relevée par @Sylvain (de Tkaap entre autre) d’ailleurs) : la fonction fullscreen du player de Deezer qui s’agence différement de la version web en mode fenêtre. Evolution anodine et l’on peut se demander : cela vaut-il un billet ? Réponse : Oui. Voici pourquoi :

Tactile
La force du flash étant de pouvoir remodeler son interface aisément, il y a dans ce mode fullscreen tout d’abord un usage pratique : beaucoup utilisent deezer à présent comme lecteur multimédia, sans rester devant le PC. Avec l’arrivée de Windows 7, et des écrans tactiles accessibles plus facilement auprès du grand public, cela veut dire qu’un site internet en flash, va pouvoir aisément non seulement s’adapter plus facilement sur différents supports (sites web, mobiles…), mais surtout rentrer en mutation en fonction de son usage.. Et c’est là que cela m’intéresse : n’ayant jamais été convaincu de la fonction fullscreen depuis flash 9, voici un usage qui me plait bien et justifie pleinement son existence.

Enquête !!
Pour confirmer cela (mon billet était déjà écrit en fait ;) ), j’ai posé la question à Loic et à Jacinthe Busson (du célèbre http://www.ergophile.com/ respectivement developpeur flash et directrice artistique chez Deezer (Merci à tous les deux!). Voici ce qu’en dit tout d’abord Jacinthe (qui en dit aussi plus long sur le blog de deezer) :

« Ce player a été conçu pour être utilisé sur des nouveaux supports comme les écrans tactiles mais aussi pour répondre à un usage très demandé par nos utilisateurs en charge d’animer des soirées. L’interface a été conçue pour être la plus simple possible et fluide afin de ne pas surcharger d’informations lors d’une utilisation en mode tactile.

La sobriété de ce Full Screen est avant tout un moyen d’utilisé les fonctionnalités les plus convoités de nos utilisateurs : ses playlists, ses radios et albums favoris, la liste de lecture courante. Elle reprend l’idée d’un jukebox. »

Et Loic de confirmer :

« En effet ce player fullscreen à été conçu pour être utilisable dans toutes sortes de conditions : au clavier, à la souris ou via écran tactile.
Le coté écran tactile n’est pour le moment pas très poussé et finalement pour le moment équivalent au mode souris mais les boutons sont suffisamment gros pour tous les utiliser avec un doigt. Mais dès la sortie de Flash Player 10.1 [...], je compte bien améliorer l’expérience utilisateur de celui-ci en essayant d’apporter un défilement de la playlist en faisant glisser le doigt comme sur un iphone par exemple et réfléchir à d’autres fonctionnalités utilisant plusieurs doigts par exemple. »

(Techniquement, c’est Away3D qui a été choisi pour ses performances techniques, même si la documentation est plus fournie chez Papervision. Le choix était aussi de rester dans quelque chose de plus simple pour ne pas surcharger et être trop gourmand en ressources. Dixit.)

Version web (pour rappel)

Mutation
Exemple pratique : je passe l’aspirateur ou je suis en soirée : c’est l’ennui total de devoir reprendre le contrôle de la souris pour changer de musique. Le coup de doigt sur l’écran s’impose alors pour changer de musique et cette fonction rend l’interface plus légitime tandis que le tactile au quotidien est aberrant pour de la bureautique. Seulement entre l’interface web et le plein écran, nous changeons dans l’apparence d’un site web à une application comme l’était un cdrom à son époque.

C’est là que le flash intervient et qu’il aura aussi son importance à mon sens dans les mois à venir : il permet ainsi de remodeler de manière fluide une interface en fonction de son contexte d’usage et prendre différentes formes : site web, application, sur pc ou mobile. Et de basculer du contrôle au clic au doigt (et à l’oeil) naturellement Ce type d’exemple chez Deezer m’a réllement fait penser à cela. Et même si Adobe d’ailleurs a beau annoncer cette tendance, c’est le genre d’application qui le prouve concrètement. Ou qui en dessine les premières esquisses.

Du côté de Silverlight
Je suis tombé également sur une vidéo chez nui.joshland.org qui présente Silverpac.com « le premier site internet multitouch ». Josua Blake parle un peu plus sur son blog des ses caractéristiques d’ailleurs. Voici la vidéo :

Liant entre supports et usages
D’ailleurs, certains sites web bizarrement peuvent très bien porter en tactile leurs applications : Je prends celui-ci de Citroën, ou celui de la Lexus (2ème exemple). De toute facon, ce ne sont pas les outils qui manquent en terme de tactile pour flash, car c’est le liant entre les différents supports qui est à observer.

Bing teste des modes de visualisations avec visual search, accessible uniquement lorsque l’on sélectionne la région ‘USA’. 56 résultats du premier coup d’oeil, propulsé par Silverlight, comme c’est le cas pour les meilleurs applications Iphone. Efficace.

Il parait que Roland Garros est commencé ?!… je débarque… France 2 a mis donc en place en beta une page spéciale en Silverlight qui retransmets les matchs en HD et en smooth streaming avec Level3, là où Cannes et ses paillettes dorées avait choisi le flash sous Akamaï (On ne peut pas faire plus opposé…).

De la vidéo de qualité au rendez-vous, et pour le tennis, c’est à découvrir sur le site de france2 à l’adresse suivante :http://roland-garros.france2.fr/?page=exclusif_HD avec un replay / direct intéressant.. (De mémoire, ils avaient mis en place l’année dernière un HD à 60 FPS fabuleux pour le même évènement mais avec un codec vidéo spécial.)

.. de la « balle » je vous dis ma bonne ‘dame!

Je suis un peu en retard sur une petite sélection d’articles traitant le MIX de Microsoft à Las Vegas (vidéo d’ambiance de chez Xprime) en fin de semaine dernière. Toutefois, je citerais Richard leggett qui résume très bien la situation : « Microsoft want RIA space bad« . A tel point que l’évolution foudroyante de Silverlight avec sa version 3 en beta devient l’équivalent si je ne m’abuse (et à quelques RTMFP près) au couple Flash 10 / Air. Une nouvelle solution sur le terrain des RIA qui, en entreprise, intéresse beaucoup.

De très bons résumés chez Fred Cavazza comme à son habitude :
- Mes réflexions sur Silverlight 3 et la stratégie RIA de Microsoft

En Francais :
- Mix 09 : comment Microsoft peut pousser Silverlight sur le navigateur
- Microsoft compte sur Silverlight 3 pour améliorer la fluidité des écrans tactiles
- Blend 3 et SketchFlow chez Tequila Rapido
- Silverlight 3, Blend 3 et Prototyping with SketchFlow
- X-PRIME au MIX’09 à Las Vegas

En Anglais :
- Silverlight 3 Beta Release and Adobe
- Silverlight 3 Mix09 Demos Video of Pixel Shaders (HLSL Authored), 3D Planes, SaveDialog, Local Connections, Out of Browser
- Adobe AIR versus Offline Silverlight

Et pour tout savoir sur Silverlight, je découvre http://www.silverlightshow.net/ pour les plus développeurs d’entre vous.

Sortie le même jour que l’opération d’Obama à l’échelle mondiale, celle de http://www.nouvelle-megane.com/photo-blogueurs (un site qui avait fait déjà un très bon usage de la vidéo, et de Deepzoom) use de Photosynch cette fois, dans un concept similaire. Renault a invité des bloggeurs pour un travail de co-création en photographiant la nouvelle megane exposée, créant ainsi un espace en 3D recomposé. A voir également, le système de génération de widget de fotonauts, qui permet d’en créer à la volée de n’importe quelle taille.

Parlons 3D : Un détail tout bête que j’avais déjà mentionné : j’apprécie beaucoup la présence des petits points dans l’espace, qui rend très bien compte de la sensation de navigation dans un espace en 3 dimensions. Et graphiquement, cela rend très bien.

De même que la sortie prochaine de M6 Replay qui a choisit Silverlight pour son portail vidéo… on attends avec impatience quand même de voir le résultat, mais cela ne devrait plus tarder à présent ?

Edit et précisions : apparemment, non, il va falloir attendre encore pas mal de temps
;)

Toutes les télés du monde ayant fait visiblement le choix d’une diffusion en flash (parfois avec un plugin additionnel pour la vidéo – les gros CDN comme Akamai ou Level3 ont du tourner à plein régime d’ailleurs) avec un plus sur la qualité HD, Silverlight se rattrape avec cette superbe application de photosynth qui rassemble toutes les photos de l’investiture du nouveau président des Etats-Unis en une seule scène en 3D. Well done. C’est une très belle opportunité pour Silverlight et le taux de pénétration du lecteur, c’est justement ce qui manquait !

Il y a quand même quelques utilisations de Silverlight pour la diffusion de cet évènement historique à lire par ici.

En parlant de vidéo, de diffusion en streaming, Adobe vient d’ailleurs d’annoncer l’ouverture du protocole RTMP (celui utilisé par les Flash Media Server), l’intégrant dans l’open screen project. Pas encore opensource mais du très bon à suivre

Au moins 6 liens à lire en une seule news, je vous gâte !
:)

Après Doom en flash, voici une vidéo de Quake porté en Silverlight 2 par Julien Frelat. (Il semblerait que l’année dernière, une version de Quake en flash tournait à l’Adobe Max 2007). Et cette version est fluide, rapide, propre, et on attends avec impatience une démo ‘live’ :

Comment a-t-il fait ?
Une interview de Julien sur ce blog : http://adamkinney.com/blog/374/default.aspx à lire absolument pour en savoir un peu plus. Et plus d’infos aussi sur : http://www.innoveware.com/

Cöté évolution des capacités 3D, une petite remarque à propos de Alchemy qui pourrait potentiellement décupler fortement les performantes actuelles. Cela reste à confirmer.

Tsouin, toujours, relève les dernières démos d’Alternativa, le moteur russe. Vous trouverez sur leur blog 3 démos dont deux particulièrement intéressantes concernant l’usage de la 3D en flash. L’un est un téléphone au rendu très fin (qui peut le plus, peut le moins) avec une interaction avec les touches du clavier. L’un des avantages de la 3D en flash est quand même les interactions possibles avec son environnement : boutons, panneaux, ou vidéo.

Mon second est une visite virtuelle d’appartement où l’on peut choisir sa décoration d’intérieur en cliquant sur sol, mur et plafond. Performante démo, le moteur montre encore là ses capacités et un très bon rendu.

Petit aparté, j’ai cru voir que l’on parlait de 3D dans Silverlight 3 dans la salle ? L’article ici en parle rapidement :

« Silverlight 3 will include major media enhancements (including H.264 video support), major graphics improvements (including 3D support and GPU hardware acceleration), as well as major application development improvements (including richer data-binding support and additional controls). « 

Avec une telle annonce, il y a de quoi enterrer complètement tout ce que vous avez vu jusque là en flash puisque si Silverlight supporte la 3D avec une accélération matérielle, cela donnerait un Silverlight 3 = flash + shockwave combinés ? Wait & see… Autre scénario possible, cela peut être comme flash avec Pixel Bender dont la combinaison de l’accélération matérielle avec la 3D n’est pas possible, cela voudra dire quand même que Microsoft sera quasiment d’égal à égal à Flash avec son Silverlight…

- Silverlight 2 avec sa gestion de la vidéo optimisée et son DeepZoom.
- Flash Player 10 : avec notamment le support des petits effets 3D, de Pixel Bender, qui prend parti de l’accélération matérielle de la carte graphique sur les effets de filtres et la vidéo.

C’est donc l’ouverture des hostilités technologiques : Adobe et Microsoft n’ont cessé depuis un an de jouer au chat et à la souris, l’un faisant les annonces (la vidéo avec le H.264 supporté par exemple) pour distancer l’autre, jusqu’à finalement se synchroniser avec la sortie en même temps des suites de création, puis enfin des versions finales des plugins pour le web.

Que le meilleur gagne comme on dit…

Quelques articles :
- Digging into Silverlight 2 annoucement
- Microsoft to release Silverlight 2.

Seb Lee-Delisle – Papervision3D Simplified from Peter Elst on Vimeo.

- Papervision3d simplified : conférence de Seb Lee-Delisle au Flash On the Beach dernier sur le blog de Peter Elst

- Flash VS Silverlight chez Fredcavazza

- Flash vs Silverlight chez peterelst

- Pub : une banner Jeep en 3D par le twit de Jacinthe

Réalité augmentée
- Quand la réalité augmentée facilite la connaissance de l’histoire indienne.
Je me demande toujours où ils vont chercher ca. Lundi, j’enquête. Nouveaux usages, nouveaux usages !

Mondes virtuels

- Google Lively deviendra-t-il une plateforme de jeux ?
On commence enfin à y voir plus clair dans ce que veut en faire Google, et même si tout reste à faire, lively devient potentiellement un peu plus intéressant déjà… Merci Fred !

- 3di lance une offre de monde virtuel
Offre d’univers basé sur le serveur opensource de Second Life nommé OpenSim. David castéra avait vu juste lorsqu’il disait qu’Opensim à partir de la rentrée sera bel et bien fonctionnel.

- Plus belle la vie
Univers en 3D isométrique et flash brandé basé sur taatu, univers francais. Voilà pour l’info, sur ce, je m’enfuis…

- are browser for the answers the 3D web ?
Des questions qui reviennent régulièrement.

- Nurien : un univers 3D SNS (social networking service). Je découvre un univers virtuel en corée qui tourne autour de la musique, des clips et de la danse : Nurien. En beta fermée depuis aout, il s’oriente sur un concept proche de celui de Vside avec les qualités graphiques similaires à un Entropia Universe (sous Cry Engine 2) ou BlueMars puisqu’il utilise le moteur graphique Unreal Engine 3, rien que cela.

Il est classifié sous 3D SNS, social networking service dixit. Une nouvelle appellation qui regroupe dans cet univers : espace personnel, costumes, habits virtuels, relations entres amis, avec des quizzs pour animer la galerie. On remarquera dans la vidéo un aspect très ‘fashion’ qui indique que cet univers est très certainement à destination des jeunes adolescents. Tout est très centré autour du réalisme du rendu et de la qualité de l’animation. On n’en doute pas, mais est-ce suffisant pour plaire ?

- Microsoft Virtual Earth Adds SOAP, More 3D, and Weather
Un peu plus de virtualité dans ce monde miroir.

Edit : petit rajout tout à fait intéressant :
- Réflexion sur les personnages virtuels sur les sites internet et intranet

Iphone

- Adobe officialise le développement d’un player flash pour Iphone :
Toutefois ne nous y trompons pas, l’heure n’est pas encore venue pour Apple d’accepter de mettre un peu de désordre sur sa plateforme, concurrencant son AppStore, sa techno RIA, et s’ouvrant sur l’extérieur. Il reste un pas de géant à franchir…

- Audi fait de la Ipub sur Iphone
Un classique d’applications, mais très bien pensée.

- Ca sert à rien, mais voici une petite vidéo de chat en 3D qui court dans un Iphone… (j’ai perdu la source, désolé)

iHologram – iPhone application from David OReilly on Vimeo.

Divers
- La visualisation en question : Vois-tu ce que je sais ?

Le 18 Septembre dernier sortait la suite Expression Studio 2 de Microsoft, suivi de près par Adobe qui lance sa Creative Suite 4 ce 23 Septembre aux USA. Le calendrier faisant bien les choses, ce sont en définitive deux suites de création (pour le web notamment) qui sortent en même temps, avec des outils d’animation pour le web différents puisque l’un utilisera Silverlight 2, et l’autre le flash player 10.

Concurrence de deux acteurs singulièrement différents : l’un venant historiquement du développement, et l’autre du monde du design et de l’animation, l’un majoritaire sur le web, l’autre ayant encore tout à prouver en terme d’animation même s’il présente des atouts indéniables (je pense au DeepZoom ou à la gestion de la vidéo, d’une légèreté impressionnante).

Petite attente personnelle : bon, c’est pour quand la 3D en Silverlight ? ^

Dès la sortie de Silverlight 1, des essais en 3D ont commencé : essais en mise en place d’éléments dans l’espace ou modèle 3D. C’est avec la version 2 encore en beta que les choses ont l’air de s’accélérer. Certains travaillant sur des technos 3D travaillent d’arrache-pied dessus d’ailleurs et d’autres s’y intéressent fortement ou par ici. Quelques exemples en images au travers de deux projets sur CodePlex, Kit3d et Balder :

Kit3D par exemple est un outil intéressant puisqu’il dispose de quelques exemples (seulement la moitié a marché chez moi) marquants. Une autre démo à base de cubes texturés qui flottent dans l’espace. Cela ne vous rappelle rien ? Ces exemples rejoignent la montagne de travaux réalisés en flash à ses débuts en 3D. Reste du chemin à faire encore…

On parle de Balder, qui avait une bonne démo il y a quelques temps, même si on aimerait en voir un peu plus. Des objets importés, comme cette théière, un classique dans la 3D. Encore un peu gourmand. Il existe Polygraph3D également, un projet pour créer des graphiques en 3D. 3DEarth est tout aussi intéressant… si vous parvenez à le faire tourner.

En définitive, des essais prometteurs, une volonté de développeurs de doter Silverlight de 3D. Appuyons le fait que beaucoup de designers ont trouvé des parades aux limites d’affichage, et dès que la gestion de quelques panneaux dans l’espace a été possible, ils ont pu s’engouffrer dans la brèche. Nous revenons à une époque des vieux jeux vidéos sur consoles où toute les parades pour créer l’illusion étaient permises. Flash a pris une énorme avance pour l’instant. Toutefois, silverlight est encore un peu jeune, laissons lui le temps de déployer ses ailes.

note : malgré mes efforts, j’ai toujours énormément de problèmes à voir tous les exemples en Silverlight. La version 1 n’est plus compatible avec la 2, ou c’est l’autodétection de la V1 qui marche mal (comme pour flash parfois en définitive). Quelqu’un peut confirmer ?

J’en avais vu une preview au web flash festival mais voici la sortie de Laguna-coupe.com de chez Renault : nouveau site réalisé par Tequila Rapido en Silverlight, utilisant la technologie Deep Zoom pour l’affichage des visuels en haute définition de la nouvelle laguna coupé. Si l’on attends beaucoup de voir ce que Silverlight peut apporter aux interfaces interactives, je suis un fan de Deep Zoom de première heure.

Expérience utilisateur confortable en terme de navigation dans l’image par rapport à tout ce que j’ai pu voir en flash sur des exemples similaires (même avec des technos de streaming d’image) : navigation fluide et légère dans la mosaique, sans altération de l’image en fonction du zoom comme ce qui arrive parfois avec du flash, et surtout avec un rafraichissement ultra rapide de la qualité de l’image lorsque l’on zoome dedans. Silverlight apporte là un vrai plaisir d’exploration dans l’image, de recherche du petit détail au parcours sur les couleurs et les formes. Le site bénéficie d’une alternative en flash complète, moins sexy bien sûr au niveau de la mosaique.

Graphiquement, je dois avouer que j’ai une passion pour le découpage d’image en carrés de fils blancs très fins… bah, chacun ses obsessions, n’est-ce pas…

- Un livre bleu sur 250 univers virtuels repertoriés et listés avec une courte description. Ils ont un bon réseau ning en plus, très sympa. On en redemande même si on aimerait peut être quelques captures d’écran. Bientôt un livre vert plus orienté business !

- Une thèse sur les advergames : Les hommes et les femmes ont-ils une perception différente des advergames ?. Si vous désirez en savoir un peu plus, cela vaut le coup de le lire en entier, même si les univers virtuels ne sont pas traités et que l’on reste sur du web, l’analyse est vraiment détaillée.

- La liste des Webby Awards 2008 .

- Suite à l’article de Techcrunch, j’ai testé wix.com, générateur de sites en flash, qui se rapproche beaucoup d’un Sprout qui permettait de générer des widgets en flash. L’application est impressionnante d’efficacité mais je ne l’aime pas pour une simple raison : même si l’on peut personnaliser son environnement, l’utilisation des templates et des comportements types amènent à limiter la créativité et ce qu’il est possible de faire avec du flash, un appauvrissement du support en somme. Peu d’utilisateurs iront vraiment chercher à remplacer totalement un template. Toutefois, cela permet de faire du flash sans aucune connaissance, et c’est gratuit !

- Définitions et quelques réflexions sur les applications RIA de Christophe Laueur chez Riactu.fr

Une vague soudaine autour de Silverlight :
- Mozilla warns of Flash and Silverlight ‘agenda’
- Great Silverlight 2 Demo: Healthcare Demonstrator
- 6 factors that will decide the fate of Silverlight
- Can Silverlight Take Over from Flex?

- Ressources pour la création d’interfaces riches ; User Interface Ressource center Via zdnet. Il y a aussi un livre sur le web form design qui est sorti.

- Technology sneak: Photoshop, AE, Flash Vidéo de démo sur les évolutions des logiciels

- N’utilisez pas le mot ‘intéressant’ pour donner votre avis ! Un article que j’ai bien aimé vraiment. il est vraiment… intéressant !