De plus en plus de sites marketing au Japon créent des petits widgets amusants plutôt que de proposer un mini-site complet avec du contenu image/audio/vidéo/news rss : il y a par exemple beaucoup de petits personnages/avatars comme des vaches ou des chats que l’on peut intégrer chez soi. Ce widget-ci est plutôt original : cliquez sur ‘check’, et faites pousser des feuilles sur votre site ! Il vous donne ainsi un indice ‘écologique’ de votre site si je ne m’abuse… Réalisé par rhyzomatics, le site a peu d’intérêt pour celui qui ne comprend point : “SmileLink, pour un jus 100% à base de légumes (miam!..)”, avec une mise en scène des participations de chacun assez dynamique :

Avec des titres pareils, je vais tomber rapidement à cours de synomymes. Petit résumé de la semaine de sites sortis utilisant la 3D dans flash donc, à noter le jeu de bowling sur facebook assez sympa, et ainsi que le site de catch. Il y a ce lecteur de flux rss chez MSNBC qui mérite vraiment le détour mais je l’ai déjà relevé.

http://www.typesql.com/ : explications et historiques des polices de caractères.

Dieu comme je n’aime pas le catch, mais dieu comme je trouve sympathique ces interfaces en plusieurs couches qui suivent le mouvement de la souris, ultra-dynamiques…créé par Red Interactive Agency. Via theflashblog qui donne quelques liens complémentaires, par ici pour quelques conseils sur l’optimisation de scènes Papervision.

Une utilisation très fine et légère de la 3D dans un site corporate pour Stofanel Investment AG. Plus d’infos sur le blog de lessrain.

Un jeu de bowling sur facebook ! On remarquera l’insertion de son image de profil dans l’application.

http://www.willcom-inc.com/d4/willcom_d4.html : un menu en petits cubes 3D.

Une autre sphère en 3D qui agrège des news sur l’écologie.

Vous vous souvenez de cette vidéo à 360° réalisée en flex ? En voilà une plein écran, du projet lucidviewer, pour créer des environnements immersifs. (Via dailypv3D)

http://flashsimulations.com/ : petite voiture qui tourne et présentation en cube. Rien de nouveau sous le soleil.

http://www.tbwa-compact.com/ : présentation d’agence.

L’expérimentation cool de la semaine : Un danseur de tectonik ! On peut trouver mieux comme danse (c’est la pire mode capillaire qui soit arrivé sur terre mais ce n’est pas le propos). On assiste à une bonne animation de personnage en fonction de la musique. Fun !

Lire la suite

A voir absolument ! Msnbcmedia vient de mettre en ligne un lecteur rss qui affiche en 3D, toutes les news provenant de leur portail d’information, leurs vidéos, leurs blogs, avec des modes de visualisations différents, et des interactions originales comme l’utilisation de la webcam. Je suis étonné du nombre de panneaux gérés dans la même interface, avec une ressource d’affichage somme toute assez correcte pour une très bonne fluidité. Dommage que l’on ne puisse pas lire tous les articles et vidéos dans la même interface. Superbe!

La question ensuite est de savoir si le mode de visualisation en 3D apporte quelque chose à l’accès à l’information. On ne peut nier que d’un coup d’oeil, l’utilisateur peut accéder à une masse d’information importante, très importante. Le système de tri, de classification, de code couleur et de rangement permet rapidement de brasser et d’identifier le type d’information que l’on cherche assez facilement en tout cas.

L’application est accessible à cette adresse :
http://www.msnbc.msn.com/id/24207533/
ou bien par celle-ci :
http://msnbcmedia.msn.com/i//msnbc/Components/spectra/index.html

Edit : pour ceux qui se demandent par qui il a été fait, c’est donc par Remon Tijssen ( http://www.fluid.nl ) and Marco Christis (
http://www.blixem.com ), pour SS&K. Mystère éclairci.

Je découvre par la même occasion leur portail vidéo (j’aime beaucoup leur système de catégorisation sur deux colonnes) et leur labs qui méritent aussi le coup d’oeil.

Via infoesthetics.

Eccoworld présente leur nouvelle collection 2008 de chaussures, mettant en scène les dites chaussures portées par des acteurs en différents environnements : business, sport, balade, pour enfants, avec le choix des chaussures pour homme ou femme. La vidéo d’un acteur tout entier permet de voir l’allure des chaussures pendant que l’on marche. Cette terre qui tourne crée un mouvement, une dynamique qui hypnotise et donne juste envie de continuer à se promener : à aucun moment, il n’y a de rupture dans ce mouvement. Une intéressante manière de vendre son produit.

Alors que Cyworld arrive en 3D avec un graphisme proche d’un Dofus, la société chinoise ILemon a annoncé pour août le lancement d’un univers virtuel pour enfants au Japon, World of Bali-B - issu d’un personnage de dessin d’animation hong kongais. (totalement inconnu d’ailleurs, je n’arrive pas à trouver des informations dessus.). Les activités auront l’air de tourner essentiellement autour de petits jeux de sports, très casual games. Pas d’images vraiment officielles pour l’instant malheureusement.

Ils utilisent leur propre moteur de jeu entièrement en Flash AS3 - Zero Barrier of Entry - (dans le navigateur donc) permettant de gérer bon nombres de choses : vendre des objets, la création de pièces privées, gestion de l’audio et de la vidéo (des karaoke notamment !!), une messagerie interne, faire interagir l’univers avec le mobile et de gérer de la publicité dedans. Là où des entreprises développaient auparavant des moteurs complets pour un seul jeu, de plus en plus de plateformes - opensources ou non- permettent la création de plusieurs univers sur cette même base technologique.

De plus de plus d’univers tournent autour de séries ou de personnages d’animés connus, je pense à Hello Kitty (je vous conseille les captures d’écran!) ou Clannad. Ces jeux online en 2.5D ou 3D ciblant les enfants explosent complètement, et les Dofus ou Ragnarokonline n’en étaient que les précurseurs en définitive : 2.5D ou 3D / casual game évolué / mmo / réseaux sociaux / Instant Messaging… dans un monde virtuel qui prolonge la vie d’une série ou d’un personnage connu.

Edit : tiens, ca me rappelle d’autres news à ce sujet…

C’est bien le 3ème ou 4ème site que je visite aujourd’hui où il faut l’usage du clavier pour naviguer dans un flash. Je ne veux pas faire le râleur, (et peut-être je me trompe), mais il me semble que l’on a inventé la souris informatique en 1963 et améliorée en 1979, et qu’à l’heure actuelle, cela reste la plus belle invention de l’informatique. Elle sert pour plein de choses et parcourt des kilomètres sans jamais bouger vraiment de place. C’est le lien physique entre virtuel (le curseur à l’écran) et le réel (notre main). Magique. (Appellée aussi communément mulot).

Pourquoi alors utiliser le clavier pour naviguer dans un site ? Cela demande à l’utilisateur de quitter sa souris pour atterrir sur le clavier. Un effort (soulever la main, c’est un petit effort mais un effort quand même et l’internaute n’est pas du genre à se fatiguer, c’est bien connu) que l’on peut s’éviter facilement avec toutes sortes de signalétiques : boutons, zones réactives, flèches, zones qui ressortent du décor, traitement graphique… et, à moins que le problème soit insoluble (deux cas où le clavier peut être utile : en complément seulement de navigation et dans le cadre de mini-jeux), c’est un aveu pour moi d’impuissance en terme de navigation.

p.s : la souris permet aussi de faire des farces assez cocasses au bureau : collez un bout de scotch sur le pointeur optique de celle de votre voisin ou cachez la boule dans la bouteille d’eau. Des classiques mais ambiance assurée. Plus recherché : dans le cas de deux ordinateurs dos à dos, inversez les câbles à la pause déjeuner. Chacun naviguera sur l’écran de l’autre, sans jamais le voir. Marche aussi pour les câbles vidéos et le clavier.

Voici au travers de trois outils différents dédiés à la création numérique, l’occasion de voir quelques oeuvres originales, interactives ou non, et aussi bien dans les rues que sur écran simplement en vidéo, à base de Flash, Processing et openFrameworks. Un bon moyen de sortir des interfaces, des sites webs et c’est une occasion de rêver un peu… avec l’été qui arrive

Flash
Seb Lee-Delisle présente un projet réalisé en flash : Pyro(technics) to the People, ce sont des feux d’artifices projetés sur la façade d’une église, dont la partie basse est interactive grâce à une caméra qui détecte le mouvement des gens.

Voici la vidéo de l’événement :

Digital Fireworks in Brighton from Seb Lee-Delisle on Vimeo.

Processing
On le présente plus mais voici quelques vidéos de Flight404 :

Solar, with lyrics. from flight404 on Vimeo.

Magnetic Ink, test render 01 from flight404 on Vimeo.

Un clip vidéo entièrement génératif de plasticsoundsupply.com :

Scaffolding - Rebuild (CacheFlowe remix) [video by Movax] from Plastic Sound Supply on Vimeo.

Ainsi qu’une vidéo qui visualise le trafic en temps réel des Etats-Unis.

Traffic Sketch 2 from Mark Chadwick on Vimeo.

Enfin, il y a celle-ci, plus destinée à des danseurs dans les boites de nuit. Très esthétique.

THE SPECIAL PLAYER from outsidestandinglevel on Vimeo.

openFrameworks
Librairie en C++, openFrameworks permet pas mal de choses intéressantes assez variées, à commencer par le LASER TAG, que j’avais vu présenté au WIF :

Voir la page de présentation du LASER TAG

Et afin de voir tout ce qui a été fait dessus, voici un bon résumé en vidéo des créations réalisées avec cet outil :

made with openFrameworks from openFrameworks on Vimeo.

J’aime bien cette installation de sol interactif dans un quartier de Tokyo, cela amuse toujours beaucoup les gens en général et celle-ci est vraiment en très grand format.

.. Et delicate Bondaries, qui fait passer adroitement des éléments de l’écran à la main, comme s’il n’y avait plus de rupture entre virtuel et réel.

Un advergame utilisant le moteur Unity, pour une campagne AXE, the dark temptation. Le jeu est certes, très long à charger pour ce qu’il propose, mais la qualité graphique est au rendez-vous. Le plugin nécessaire pèse de près de 3mo s’installe sans redémarrage du navigateur, c’est un gros plus car il ne crée pas de rupture dans l’expérience avec un retour au bureau. Surtout que non content d’être compatible tout navigateur, je ne l’ai jamais vu planter jusque là. Ce n’est pas la première expérience d’utilisation d’Unity dans un site web : un journal local a tenté de créer en parallèle de son site web un univers virtuel (un peu sommaire pour l’instant) avec la même technologie, et j’avais relevé déjà quelques exemples intéressants à base de Unity.

Via lysergid.

Je continue mon tour d’horizon des sites en flash utilisant la 3D, même s’il existe de plus en plus de sites les recensant, toutefois ces billets me permettent au moins de les regrouper pour ne pas les perdre

Alpha Roméo : experience159. Site soigné et fluide avec de superbes effets qui ne nuisent pas à la lisibilité de la navigation. Le tout petit bémol (mineur le bémol quand même) est la disparition de la souris durant la vidéo : perte de contrôle du curseur, perte de sa position dans l’espace. (rha!) Je ne sais pas s’ils ont vraiment utilisé de 3D dedans hormis de la vidéo, mais c’est magnifique quand même, je le mets dans le doute. Réalisé par Soleilnoir !

Daisai.es , petit site espagnol de créatifs. Cela me rappelle les illustrations de la terre toute petite du Petit Prince de Saint Exupéry

- http://www.digitas.fr/PortfolioDigitas/deploy/ (Via left right brain)

- Neoia est une société toulousaine qui propose conseil, formation et développement en Flex, AIR, et sur les RIA. Une bonne manière de se présenter avec une attention toute particulière sur la typo dans ces panneaux.

Nikon Imaging

Une autre présentation d’agence, utilisant la 3D.

Memory Project, dont les détails sont disponibles sur lessrain blog

Digital Media 09, via dailypvd

Côté expérimentation, Un twitter / papervision, avec les sources disponibles, après les modes de visualisation à base de globe terreste. Cela ferait un bon fond d’écran, tiens.

Dans la catégorie ‘composant payant’ pour réaliser une galerie photo, il y en a un nouveau à 8 dollars, et personnalisables à souhait.

Rajouts :

Un globe qui relie chaque ville d’après les recherches google. La visualisation en 3D a du bon…

Je l’avais oublié l’application la plus reprise cette semaine ! (et l’une des plus cools) Twittearth bien sûr !

Non content de publier les spécifications du swf et du flv/f4v, Adobe vient de retirer toute licence restrictitive dans l’utilisation de ses players flash et AIR toutes plateformes confondues, notamment sur mobile, ce qui consistait une barrière importante pour l’installation par défaut sur tous les téléphones, les constructeurs rechignent à payer une licence à chaque téléphone embarquant Flash Lite. De plus, ils publieront les spécifications du flash pour un format plus ouvert, afin de s’imposer un peu plus comme standard.

Specifically, this work will include:

* Removing restrictions on use of the SWF and FLV/F4V specifications
* Publishing the device porting layer APIs for Adobe Flash Player
* Publishing the Adobe Flash® Cast™ protocol and the AMF protocol for robust data services
* Removing licensing fees – making next major releases of Adobe Flash Player and Adobe AIR for devices free

Avec l’arrivée en masse des solutions pour mobile, il était temps que le Flash Lite fasse un petit effort pour s’imposer, et réduire la fragmentation des technologies mobiles, ce qui ne serait pas un mal. De manière générale, Adobe répond favorablement à certaines demandes venant de communautés de développeurs, et rassure sur l’ouverture de son format auprès de certaines entreprises qui ont toujours peur d’utiliser un format propriétaire ou semi-propriétaire pour ses applications. (Il y en a!). Toutefois attention, “ouvert” ne veut pas dire non plus ‘opensource’. On en est encore loin…

Plus d’infos :
- Open screen Project chez Adobe
- Sur Read/write web
- Un retour du point de vue d’un expert Flash Lite chez Scott Janousek .
- Sur FlashMagazinenews.
- Chez PeterElst , ainsi qu’une vidéo expliquant un peu plus le Open Screen Project.
- Et chez Ryan Stewart !
- Chez Techcrunch
- Chez Flashdevices