http://www.freikirchliche.com/ : pour les yeux, on en voit peu, mais j’aime bien les formes qui se déploient sur une grande surface.

Glasshouse : interface exploratoire sur plusieurs couches, dont le décor se déroule. Aussi avec des formes qui se déploient mais autour d’un élément cette fois.

Tenji Matsuri : Interface de visualisation de vidéos selon deux axes : temporel ou spacial sur une carte autour d’un évènement.

Un dernier, et c’est une vidéo cette fois, il n’y a pas de flash dedans. Graphiquement déjà vu et revu mais la réalisation est très maitrisée. C’est le Pika Pika project !

Actu marquante : Les moteurs de Google et Yahoo vont indexer les flashs- Adobe a fourni à Google et Yahoo (seulement ces deux moteurs?) une version speciale de Flash pour une meilleure indexation des contenus. Une bonne nouvelle en terme de référencement, surtout que les développeurs n’auront rien à faire en définitive, même s’il faudra étudier le “bruit” provoqué dans les moteurs. Plus d’infos par ici ou par là. Il existait déjà des techniques avec le swfobject et le deeplinking pour référencer des flashs, mais que les moteurs voient d’eux-mêmes le contenu des flashs est une avancée, google par exemple référencaient déjà les flashs assez vaguement il faut bien le dire. Chose amusante, Silverlight l’année dernière presque à la même période avait pris de l’avance sur la gestion de la vidéo en HD, Adobe un an après prend de l’avance pour l’été sur le terrain du SEO, juste avant la sortie de Silverlight 2 version finale.

A lire aussi si le sujet vous intéresse: SWF searchability FAQ sur le site devnet d’adobe et Improved flash indexing chez Google.

Divers à propos du flash :
- http://www.isaacleon.com/typeconverter/ : une librairie spéciale croisée avec Papervision pour taper des messages dont les lettres sont formées par des cubes.

- Du flash qui tourne sur Iphone, mais avec un framework en secours pour le faire tourner. Avec l’ouverture du format swf, nulle doute que des versions de lecteurs peut être pas officielles, mais au moins fonctionnelles vont sortir (cela a été le cas pour la PSP d’ailleurs). Adobe a déjà annoncé avoir une vraie version du lecteur tournant dessus… wait & see…

- C’est payant, mais si vous recherchez des modules pour créer des diagrammes, des charts, des cartes interactives en Flex et Air, jetez un oeil à Ilog Elixir. Je teste cela de loin en ce moment, c’est intéressant.

- Toujours utile : 10 librairies incontournables open source en flash ou flex qui peuvent vous servir dans vos projets.

Univers virtuels & co

- Des nouvelles de Home, l’univers de Sony sur PS3. Après un lancement repoussé, puis des fonctions retirées, puis finalement non, et puis.. on ne sait plus très bien où cela en est. Home devrait sortir à l’automne en beta, dont voici un nouvel apercu en vidéo : (disponible aussi ici)

- Je viens de recevoir un accès : Ouverture en France de Yoowalk, qui a pour ambition de porter les sites en 3D, tout dans une interface en flash et avec une vue en 3D isométrique, dans une sorte de showroom gigantesque, avec d’autres marques venues des USA, d’Espagne, d’Italie ou du Canada. Une place très importante est dédiée à l’échange et au communautaire puisqu’il intègre les messageries instantannées comme AIM ou Yahoo IM.

- GoogleEarth décliné version chinoise : Diciti.. Les chinois ont parfois une propension à vouloir tout refaire eux même pour leur propre marché… amusant.

Blackcircuit est un site pour Johnnie Walker - pour de l’alcool donc - et réservé aux personnes adultes, législation oblige. A l’ouverture du site, l’internaute a droit a un mini-formulaire qui valide avec sa date de naissance l’accès au site. La bonne idée est de proposer un système de slide pour entrer sa date, plutôt que de devoir la taper au clavier. Plus facile d’accès, plus rapide, et moins ennuyeux à taper. Le bouton ‘entrer’ est assez peu visible par contre.

Le site en tant que tel organise son contenu sur une boite en 3D qui se développe en vidéo. Une bonne intégration, avec une animation en 3D qui aurait pu être en 3D temps réel, mine de rien.

Deux créations en France promouvant le patrimoine architectural de deux manières bien différentes :

- Visite virtuelle du grand palais à Paris en vidéo.

- Visite virtuelle de l’orangerie à Versailles. en 3D temps réel en virtools

Solution moins chère : les panoramiques, ca donne toujours aussi un très bon effet

Expérimentation en flash :
- Expérimentation : Comme dans les logiciels 3D, la fonction Bend ‘courber’, mais dans flash en papervision, sur des primitives. Une étape de plus dans l’animation.

Interfaces
- Navigation radiale par Benoit Drouillat qui démarre un blog sur les interfaces. A bookmarker sans aucun doute. Je jalouse secrètement le billet cité qui reste un de mes sujets fétiches ^

Divers :
- 3D engines for flash : un bon résumé, et des observations très justes.
- Nouveau player pour la BBC
- Web 2.0 en 41 catégories : le web 2.0 awards 2008
- Full HD on the web, are you ready ?
- 50 meilleurs sites de 2008 chez le Time
- Thèse sur les médias sociaux et le pinko marketing chez Vanina Delobelle
- Un widget twitter en silverlight.

- Un widget détonnant pour un jeu DS
- Un widget qui fait pousser des plantes sur votre site.
- Un widget en vidéo chez Uniqlo
- La campagne de Nike Jasari.

Pour les exemples suivants, je les ai classé par ordre d’intérêt, du plus original/technique au plus classique. Lire la suite pour voir les widgets sélectionnés.

Widget pour un nouveau film US ‘happening’, dont vous trouverez le site ici. Effet : surimpression de contenu, remplacement des mots sur votre blog par des codes incompréhensibles

Un brumisateur qui aère votre blog. Sympa.

Issue d’une campagne de SoftBank dont j’avais déjà parlé il y a quelques temps où 100 japonaises relèvent des défis, ce widget affiche des vidéos de différentes participantes qui répètent “Fais(sons) de ton/notre mieux” / “Bon courage”!. Une manière d’attirer là aussi la curiosité de l’internaute.

Sony Ericsson propose de tout petits widgets dont lesquels il se passe quelque chose, ou il y a une mini-interaction avec la souris. Des scènes réactives qui attirent juste l’attention mais pas d’overlay à foison.

Pour une marque de lait, un petit widget qui affiche une scène complète par dessus le site avec des vaches que l’on peut appeller et qui se multiplie. Un bon concept, mais il y a trop de liens vers le site de la marque, cela empêche de jouer vraiment avec.

Pour un jeu DS, un petit personnage qui danse sur place avec une bonne humeur apparente. L’autre widget est un calendrier personnalisé.

Pour une marque de Soda, on affiche ici la vidéo du spot télé. Classique à souhait.

Un magasin en ligne qui poste des photos sur son blog, les photos remontent donc dans un petit widget.

Original celui-ci, un peu plus vieux. Rien de vraiment surprenant.

Un positionnement plutôt original pour Virgin avec cette application encore hébergée chez l’agence qui l’a créé visiblement. Virgin Eye : cette interface met en scène tous les articles, images, ou vidéos qui parlent du mot-clef ‘ Virgin ‘, (en gros, de tous les gens qui, sur le net, publient du contenu autour de la marque.). Il y a certainement un filtre ou une modération quelque part, mais l’idée est tout à fait originale. L’interface catégorise par code couleur les sujets, avec une visualisation en 3D sous forme d’une galaxie avec une certaine élégance (quoique les étoiles font un peu disco).

L’Atelier Asie vient de mettre en ligne un dossier complet sur MiniLife, le Cyworld en 3D, qui vient tout juste d’être lancé en beta. Il s’agit apparemment d’une extension de Cyworld en univers virtuel, dans le navigateur et non d’un simple portage du service actuel. Un tout nouveau service donc. A lire !

Flash :
- Visualizing Data in Multiple Dimensions : ou comment la 3D en flash peut être utilisée pour la visualisation de données.

- Demo en Flash 10 : Twitter visualisation. Utilisation des fonctions 3D en flash 10. Enfin, de panneaux 2D en 3D quoi.

Autre :
- Vers une plus grande MMobilité.

- Qube Software Announces “Universal Client” for Virtual Worlds.

- Microsoft Startup Zone: The Promise Of Serious Games

La chine semble bien partie pour multiplier les univers virtuels : après UWorld, Hipihi, Novoking, c’est MWorld qui profile à l’horizon. J’ai un peu de mal à lire le chinois, j’avoue… mais voici les quelques détails que j’ai pu en tirer :contrairement aux autres univers chinois jusque là, c’est un monde miroir. Il tente de modéliser les plus grandes villes de Beijing, Shanghai à Guangzhou pour un parallèle parfait entre réel et virtuel. Toujours dans le courant réseau social adapté en 3D, on combine cela avec des appartements virtuels personnalisés, affiches de panneaux publicitaires, (séances de karaoke apparemment), shopping virtuel, avec un gros travail sur l’animation et les expressions des avatars.

Un supeeerbe trailer nous explique cela dans tous les détails, tout à fait clair…. euh…

Espérons que le système de monde miroir sera un peu mieux que Meet-me, un autre univers Japonais cette fois. Il était assez pauvre et l’on s’y ennuyait ferme, mais le concept est toujours passionnant.

J’en parle souvent, les widgets web au Japon qui font la promotion d’un site ou d’un produit me fascinent toujours. Kunitori est un RPG de samourai sur DS (et pc?). A l’occasion de cette sortie au Japon, un petit widget web tout à fait original en deux phases est proposé aux internautes :
- Passez votre souris sur le samourai, et voyez votre souris coupée en deux par un sabre affuté.
- Deuxième étape : faites-vous découper deux fois, puis cliquez sur les torches : le samourai se met à crier “TIREZZZ !!” et votre blog se retrouve criblé de balles avant de tomber en morceaux. (voir la capture d’écran, et ce n’est pas la faute d’IE qui affiche mal mon css…) Autre scénario, il se retrouve noyé dans un ras de marée…

Vous trouverez le code d’insertion du script par ici. Pour voir le widget en action, cliquez sur lire la suite, il y a du son dessus, je ne tiens pas à vous perturber dès la page d’accueil.

Cette application est un peu le Etsy de la musique : Getty Images vient de sortir Moodstream, une interface permettant à l’internaute de naviguer dans des contenus musicaux en définissant son humeur. S’ajoute à cela un fond animé en images et en vidéo issu de la base de données géante de Getty Images, plus ou moins synchronisé avec l’audio.

Plusieurs possibilités sont disponibles : un filtre triste, joyeux, calme, vivant, contemporain, nostalgique… Un autre onglet plus générale définit des ambiances : simple, rafraichissant, vivant… Cette sorte de jukebox permet de se créer une playlist, proposant d’acheter ensuite tous les medias diffusés.

Une manière plus sympathique que de parcourir un catalogue avec des titres qui ne nous disent rien, l’interface choisit d’afficher différemment son contenu en le mettant en valeur d’une bien belle façon.

Je ne sais pas de quand cela date : Passez votre souris sur la gomme… et là c’est le drame… Les petites animations en overlay sont toujours assez amusantes pour l’utilisateur, (à condition d’avoir une porte de sortie évidente!)

Via Adverblog.

3D Flash

Après floorplanner.com ou dekort3D, mydeco.com sort un outil en flash pour décorer et arranger sa pièce.

3D sur le web, jeux et réseaux sociaux :

- Après Vivaty, MyLife3D and co qui proposent des espaces d’échanges en 3D, voici venir Just Leap In : “Create a 3D world, Share your Photos & Videos, Add a soundtrack, Connect with friends, Share on the Web.”, “we grabbed a social network, 3D chat, media sharing, multiplayer gaming[...]“. Le rendu a l’air de très bonne qualité au travers de leur propre plugin.

- Une application de retransmission en 3D des but en foot pour l’Euro 2008 chez Yahoo chez interfacesriches.fr

- Peut-être un nouveau concurrent du Come In my world d’Orange Labs (?), j’ai recu l’annonce de la sortie de Claudius City, un chat virtuel dédié à la rencontre en 3D. Le concept repose sur le “réalisme des avatars qui reproduisent les gestes, les attitudes et les expressions humaines.” Le concept de Come in My world me semble plus original pour l’instant mais il faudra attendre de tester le service pour se faire une idée.

- A lire : “user generated games in social network”.

- Les ombres débarquent dans Second Life : Il était temps !

En préparant conférences, démos et salon en ce moment, j’ai compilé en vidéo 6 mois de sorties de sites utilisant la 3D dans flash. Là où les sites utilisant un plugin pour afficher de la 3D sortent au compte-goutte, j’ai du faire un tri dans près de 140 urls pour me limiter à 10 minutes dans ceux conçus en flash. Papervision, away3D ou autre, quelle que soit la technique utilisée, c’est le résultat qui importe vraiment. Une sélection donc qui présage de bonnes choses avec flash 10, lorsque l’on voit tout ce qui a pu être réalisé en 6 mois. (sauf un seul exemple antérieur a priori.)

La liste des urls que j’avais faite est disponible en cliquant sur ‘lire la suite’

La vidéo est aussi téléchargeable en mp4. (139Mo - clic droit enregistrer sous)

Tip : pas de musique, je vous laisse lancer un deezer ou votre musique favorite par dessus pour y mettre ce que vous voulez. Certaines vidéos saccadent un peu, la capture n’est pas facile lorsque les sites utilisent encore beaucoup de ressources processeur.

Papervision Away & co
———————————–
http://theovenreinvented.com/
http://www.colourlikenoother.com/
http://www.redbull.com/flightlab/
http://www.formapartedelahistoria.org/
http://www.the-neighbourhood.com/
http://www.floorplanner.com/
http://www.audi.co.uk/RS6
http://www.rhythmoflines.co.uk/
http://puig01.simplerezo.net/blackxs/
http://www.canon-europe.com/eos400d
http://www.hbovoyeur.com/
http://www.nikeacg.com/
http://papercritters.com/
http://www.absolut.com/iaaw
http://www.truthinengineering.com/
http://www.mediapartners.nl/
http://benjaminkahle.com/
http://www.breakthedrought.com.au/
http://www.bbc.co.uk/blogs/radiolabs/2008/01/bbc_podcasts_browser_prototype.shtml
http://www.conocimientovirtual.com/
http://www.nshispeedontdekhetzelf.nl/
http://www.officinanessuno.com/
http://www.fabiolana.com/
http://www.documentshowa.jp/
http://www.rubenpapian.com/
http://www.massivecube.com/
http://www.vacuumsucks.com/
http://www.frederikdelmotte.be/
http://martincollett.com/flash/papervision/c4news/C4News.html
http://www.andco.com/
http://www.nike.com.au/thearmoury
http://www.blastradius.com/
http://www.whitevoid.com/application
http://www.mysk8land.com/
http://adn.blam.be/papervision/
http://www.varywell.com/
http://pv3d.eventbrite.com/
papervision3d.org
http://www.markfennell.com/flash/pool/
http://mrdoob.com/
http://www.nshispeedontdekhetzelf.nl/
http://spil.kathart.dk/stevenote/index.php
http://www.ludoescrime.com/
http://www.carlosulloa.com/2008/
http://www.nitrogroup.com/
http://nike.com/jumpman23/m4/
http://www.audi.de/a4
http://www.slopester.com/cv/battlestar/
http://bullying.co.uk/poster
http://www.komodomedia.co.uk/
http://www.eightinteractive.com/
http://dogside.com/
http://www.youtube.com/watch?v=-syL88Wjanc
http://johndyer.name/post/2007/10/Size-Comparison-in-Papervision3D.aspx
http://www.cuentatuimposible.com/feliz2008
http://www.dandelion-photography.com/
http://www.orange8.com/variete/
http://redbulletin.hi-res.net/index.html
http://www.hushpuppies-shoesfit.co.uk/
http://www.edgy.com.br/
http://www.grupofiger.com.br/
http://bigbert.vfs.com/~dd09tyler/wp-content/themes/dd09tyler/flash/Audio%
20Experiments/beta/Final%20Package/VisualSound3.html
http://www.pioneer.nl/nl/flash/products/kuro2007/experience.html
http://tyleregeto.com/flash/deploy/paper.html
http://www.egonmagazine.com/
http://www.rossino.it/
http://www.elequipoquenecesitas.com/develacion1.html
http://netageadv.it/
http://www.fuzz.com/fan/adampasz/mixtapes/1da1ee229033daf5
http://www.verizonwireless.com/next
http://www.c-for-yourself.in.th/parties/gameindex.php?lang=en
http://www.pillandpillow.com/growAXmasTree/
http://www.ing-renaultf1.com/en/
http://www.sprintenterprise.com/burnandbrag/
http://www.underunder.com/store/
http://www.3dgeostats.com/
http://www.creativesunlimited.com/
http://leapday.glg.com/
http://www.flowerbyyou.com/
https://www3.nationalgeographic.com/genographic/globe.html#
http://www.mycitysoul.com/
http://www.shinobishoecorp.com/b/assets/globe/
http://www.dasai.es/.html
http://next.yahoo.net/download/newsglobe/index.html
http://www.webgamesarefun.com/spacehockey/
http://www.ecsw.pl/
http://www.cleoag.ru/labs/flex/parkseasons/
http://www.infrared5.com/ir5/splash/main.html
http://www.emlab.pl/experience/index_pl.html
http://www.nike.com.au/thearmoury/
http://web-director.jp/
http://www.tkaap.com/galaxy/
http://www.flashsandy.org/blog/new-sandycast3d-demos-with-animated-model-and-3d-sound.html
http://blog.r3c7.net/wp-content/uploads/j_traditional_color/j_traditional_color25.swf
http://www.newaccord.com.au/
http://www.truthinengineering.com/super-bowl/home.html
http://www.100cheergirl.jp/
http://www.milknosugar.co.uk/
http://tree3d.zerofractal.com/Live_Example.html
http://www.flowerbyyou.com/home.php
http://www.tbwa-compact.com/
http://84.ufc.com/
http://www.selftitled.ca/
http://www.closier.nl/playground/greenplanet.html
http://away3d.com/wp-content/uploads/2008/03/bitmaprender1.png
http://www.discovery.com/discoveryearthlive
http://www.newgrounds.com/portal/view/427278
http://www.empressor.com/
http://www.closier.nl/playground/temple.html
http://www.fifastreet3.com/
http://www.buildyouriq.com/
http://dekort3d.todesign.pl/
http://www.450park.com/map.php?startNode=1000
http://www.closier.nl/playground/extrude1.html
http://www.ecodazoo.com/
http://www.bestiario.org/research/tedsphere/
http://www.thecoronabeach.com/
http://www.myfiatspace.fr/accueil.html
http://www.earthbrowser.com/
http://www.smallworlds.com
http://www.playsmart.jp/index.html
http://www.beestudio.pl/beegame/
http://www.uniqlo.com/try/
http://storage.elektroncek.eu/oskar/airship/pv009.html
http://www.karimzariffa.com/
http://www.literaturdoener.de/
http://blog.papervision3d.org/2008/05/14/coca-cola-brasil-who-was-better/
http://blog.papervision3d.org/2008/05/14/tag-galaxy/
http://www.brinkdieckmann.de/
http://yasai-seikatsu.jp/index.html
http://www.typesql.com/
http://www.msnbc.msn.com/id/24207533/
http://www.live2d.jp/swf_2/
http://bougie.amnesty.fr/site.php

Alternativa
————————————————
http://blog.alternativaplatform.com/ru/files/2008/04/bunker.swf
http://blog.alternativaplatform.com/ru/files/2008/04/temple.swf