Archive pour juillet, 2009
Un peu d’encre interactive

L’expérimentation du vendredi comme on les aime, c’est à voir sur le blog de Vanilla Chen ou plus directement ici. Cela vous rappellera peut être de loin les jeux de rubans en 3D chez cornflex.
Une des précédentes expérimentations était également à voir : cette encre réactive au son d’une chanson de Nat King Cole.
Google Maps inclut la vue en 3D dans son API flash

Le blog de google Geo developper annonce la mise à disposition au travers de l’API de flash d’un peu de 3D. De quoi s’agit-il ? Simplement de la possibilité d’incliner la cartographie à plat vue de haut en différentes perspectives. Il se retrouve combiné avec du Papervision pour y inclure des bâtiments en 3D, ou d’autres éléments, avec une petite différence entre le rendu sous Flash 9 et sous flash 10, un peu plus performant. De quoi se rapprocher un peu d’un Google Earth en mode dégradé, surtout lorsque l’on sait que les fichiers KMZ fonctionnent aussi sous Google Maps.
A voir ce que cela donne en démo sur les ressources de l’API de google maps dans flash, déjà bien fournie en tutoriaux. Petit reproche : c’est parfois un peu lourd, quand même ;)
Il est vrai que la vue en 3D des villes du monde attire beaucoup, si j’en crois la dernière application de très bonne qualité (un peu chère) dispo sur Itunes vue via un article de mobinaute sous le doux nom de http://www.mobile3dcity.com :
La vidéo en ‘timeline narrative’ et interactive
La vidéo est aujourd’hui l’un des formats incontournables pour les sites en flash. Une certaine catégorie de sites associent la timeline à une vidéo pour mieux rentrer dans un contenu bien précis à un moment donné, comme un chapitrage de DVD. La gestion du temps de la vidéo permet aujourd’hui de revenir en arrière, d’arrêter une vidéo ou d’interagir pendant.
Ce n’est plus un menu avec une liste de caractéristiques d’un produit qui mène à une vidéo mais l’inverse : c’est la vidéo qui guide l’utilisateur vers des caractéristiques, donnant à l’image une place prépondérante. Avec quelques utilisations intéressantes parfois. Petit tour non exhaustif d’exemples que j’ai en tête.
Chapitrage détaillé


Viera de Panasonic qui se trouve être un bon exemple de départ. La timeline s’enrichit de chapitres détaillés.

Même chose chez Samsung d’ailleurs.

http://taserx3.com/ : si je ne cautionnerais pas le produit en lui-même, on remarquera la très grande fluidité de la vidéo qui démarre instantanément. Et toujours des séquences détaillées.
Interactivité dans la vidéo

http://eu.wrangler.com/bluebell/ réalisé par kokokaka. : changer la tenue de l’acteur au clic de souris pendant la vidéo : un passage d’une tenue à l’autre totalement transparente (et magnifiquement bien réalisé).

http://perfectone.victoriassecret.com/#/perfect_360/ : des marqueurs qui permettent d’entrer dans le contenu.
Ne perdre aucune miette visuelle d’une démo produit

Un petit détour par le Nesspresso de Soleil Noir, qui utilisent eux la vidéo pour un superbe 360°. http://www.nespresso.com/citiz/, ou comment utiliser du mieux possible la timeline comme contrôle non pas temporel mais pour un déplacement de caméra afin de ne rien perdre du produit dans ses moindres détails.
Visite virtuelle

http://www.mnightshyamalan.com/site.html : un classique finalement, mais qui fonctionne bien. La timeline servant de repère pour retrouver les différentes pièces à visiter
La vidéo EST le site internet

Edit : rajout d’un petit dernier original qui est passé largement sur le net. Plus expérimental mais dans la même veine. Merci kimline ;)
Autres exemples à voir déjà cités et à surtout ne pas manquer :
- Montagnes russes chez volkswagen
- Uniqlo calendar : une mosaique vue du (gratte-)ciel
- Un peu d’interactivité vidéo chez Nike
- Nissan.co.uk : un nouveau portail riche et haut en couleurs
Jeu de plateforme 3D en flash

On se souviendra de HapyIsland ou d’autres, mais http://14-7.com est particulièrement léger, et impressionnant. Petit jeu de plateforme dans un environnement tout en 3D, bien réalisé, avec 7 niveaux différents, gèrant tout à tour un peu de physique et de collision. Très fort…
Mosaique de travaux sur la visualisation de données

Bestiario que j’évoque de temps en temps vient de mettre en ligne dernièrement Remap , qui permet de visualiser sous forme de mosaique les travaux exposés sur le célèbre visualcomplexity.com.
Toujours avec une approche sémantique, chaque projet est relié entre eux et documenté pour aller plus loin. Une interface un peu expérimentale (la réorganisation des éléments est un peu étrange) pour des explorations cartographiques de l’information de données.

