Tail Drift
http://dl.dropbox.com/u/129457/Unity/TailDrift.html

Et puis une petite démo technique sympathique, tournant sur un iphone 4S, de flash et de 3D également (le moteur Yogurt3D), c’est la confrérie des MyLittlePoney qui va être contente! (Ce sera prochainement possible de le faire puisque Stage3D est pris en charge en app dans le AIR SDK 3.2 )

Une version en ligne est dispo ici : http://www.yogurt3d.com/support/examples/farm.html

Farm Demo on iPhone4 from Yogurt3D on Vimeo.

Les bâtiments sont extraits de la carte, les textures sont un peu pâles encore et sont figure de très basse définition par rapport à la version OVI, mais on soulignera une très grande fluidité de navigation ! (moi qui déplorait les lenteurs de google maps ces derniers temps…).

Ne cherchez pas, il n’y a pas Paris… mais que quelques villes dans le monde pour l’instant modélisées !

Londres

Prague

bon, on va devoir encore un peu patienter avant le décollage des projets en Flash 11 avec du #Stage3D à tour de bras… j’ai vu plus d’enthousiasme dans la salle à l’époque de Papervision…

Alors que certains font des courses de voitures en html5… : https://skid.gamagio.com/play/

Alors que certains s’amusent à faire des modeleur 3D en html5 (un peu complexes à réaliser)… http://www.3dtin.com/

Et même si certains se font plaisir avec #Away3D et le twitter search : http://shiftarray.com/away3d-twitter-search/

Ou que certains font des Best OF des meilleurs sites en 3D à base de Flash ou de Html5 : 2011 in review: 20 sites that took 3D to the next level… Best Of qui ressemblement furieusement à une liste exhaustive..

La création de l’année en 3D reste quand même à base de : #WebGl #NyanCat

http://dl.dropbox.com/u/6213850/WebGL/nyanCat/nyan.html

Depuis l’apparition des premières tentatives de la 3D sur internet avec les premiers virtools et les tentatives en vrml, on n’a cessé de s’essayer à la 3D en temps réel dans le navigateur. On a vu passer bon nombre de plugins (certainement près d’une centaine, j’en avais compté plus de 60 technologies clients à une époque), à base de socle Java… rien à faire. Sans technologie 3D native dans tous les navigateurs – comme avec le WebGl prise en charge par le html5 (il faudra attendre d’ici quelques années encore) – il n’y avait jusque là pas d’issue pour voir apparaitre une véritable exploitation de la 3D par tous, sur le web.

Finies les expérimentations à base de Papervision (et autres librairies 3D sous flash 9) prenant 99% des ressources du processeur et rendant l’expérience de la navigation inconfortable. Les ingénieurs d’Adobe ont montré depuis un an maintenant au travers des premières démos (voir l’adobe max de l’année dernière) cross platformes (pc, tablettes, mobiles) et avec un socle Flash ou AIR, que l’accélération matérielle est possible désormais. Cela veut dire donc tirer pleinement parti de la carte graphique.

Tombant pleinement dans le monde du jeu en 3D, le flash se retire au profit du html5 pour toutes ces animations simples ne nécessitant pas d’opérations complexes. Nulle besoin d’une telle technologie si évoluée pour faire une galerie d’images. Hormis la prise en charge de bon nombre de périphériques de consoles de jeu dans le flash, le flash réalise aujourd’hui ce que Unity3D n’avait pas réussi à faire : être LE socle technologique au travers lequel l’internaute utilisera la 3D. Un socle utilisé par 94 ou 97% des gens dans le monde.

Flash 11 est sorti donc depuis près de 24 heures, et les démos faites lors de l’Adobe Max sont sorties et non des moindres; Je vais m’en tenir quand même aux démos, je m’excuse, n’allant pas trop loin dans la technique.

Résumé des annonces de la deuxième journée :
http://max.adobe.com/news/2011/keynote_day2.html
A lire en ce qui concerne le gaming :
http://www.adobe.com/solutions/gaming.html

Unreal Engine compilé sous Flash grâce à Alchemy

http://www.unrealengine.com/insiderblog/unreal_engine_3_comes_to_flash

L’Unreal Engine dans Flash.. c’est sans doute la demo la plus impressionnante ! Cela montre sans doute par le meilleur exemple dans le domaine de la 3D les capacités de Flash. Alors pour en juger, voici une démo :

Nissan-stagejuk3d

http://www.nissan-stagejuk3d.com/ : Un bien beau site de démonstration de Nissan, réalisé par Digitas France (et j’ai vu cité également Julien Terraz alias TarGz sur le projet). Une belle exploration de l’intérieur d’une voiture, avec un petit mode jeu qui ne donne qu’un aperçu de ce qu’il est possible de faire;

Un bien beau bonus avec le nouveau site leschinois.com

http://www.leschinois.com/#/prehome/
Une très belle réalisation qui montre que l’on peut utiliser finement de 3D en temps réel sans pour autant faire dans le tape-à-l’oeil. Leur nouveau site montre une grande maturité dans son usage, et bénéficie d’une légèreté qui évite la 3D précalculée en vidéo.

Sans parler des nouveaux jeux qui arrivent doucement, sur facebook et ailleurs

http://deltastrike.org/

Pour plus de jeux, il y a http://www.molehillgaming.com/ ouvert depuis un certain temps, avec quelques bonnes démos. Comme le Frima Talk : http://www.molehillgaming.com/video/frima-talk—session-sneak-peek-1

http://madebyevan.com/webgl-water/

Voilà qui va faire rêver les vendeurs de piscine : cette charmante démo en WebGl réalisée par Evan Wallace gère les reflets, diffraction de l’eau, la gravité, les vagues, l’orientation de la lumière. Une simulation plutôt plaisante ! Mais réservée pour l’instant à Chrome !

http://chrysaora.com/

Puisque je dépoussière un peu ce blog avec un nouveau post (champagne!), voici une autre démo de méduse (à mettre dans la piscine également). Ce dernier exemple est du plus bel effet, s’agissant d’une scène complète. Mais brrrr quand même !

J’ai retrouvé aussi dans mes fonds de tiroirs d’articles en brouillon une vieille démo également à voir quoiqu’un peu rigide. Attention, elle date d’il y a bien 6 mois ! A voir pour le fun :

http://superfad.com/missioncontrol/

http://www.ro.me/

Superbe réalisation de clip vidéo en WebGL / HTML5 de la part de Google sur Chrome, après celle d’arcade Fire the wilderness down town, c’est la chanson « Black » de l’album ROME par Danger Mouse & Daniel Luppi, et avec Norah Jones.

Le clip mélange vidéo et 3D en temps réel avec des séquences usant de morphings, d’animations et d’effets intéressants. Il y a NorthKingdom et MrDoob derrière.. notons-le…. Pour plus d’infos sur l’esprit graphique, consultez cette page : http://www.mirada.com/rome.php

A la fin du clip, vous pouvez ajouter votre propre brique à l’univers : http://www.ro.me/relauncher et l’ajouter à la galerie en ligne de rêves.

Pour plus d’informations techniques : http://www.ro.me/tech/

http://rhizopods.com/

J’avais oublié de citer cet exemple de 3D en flash encore, avec des formes déformantes au clic de souris, et paramétrables à souhait. Une expérimentation réussie et techniquement poussée bourrée de réflection, d’effets de lumière et de matière.

http://www.queness.com/post/7459/8-stunning-javascript-webgl-demonstrations

Des exemples de 3D en WebGL, qui en cherchait ? voici quelques tests plus sympathiques que les simples essais de particules, avec de vraies scènes. Enjoy !

J’ai toujours un ou deux autres exemples sous la main, mais cela reste à l’état d’expérimentations pour l’instant

Comme le Surface , ou les exemples d’outils de dev comme drojdjou…

Une petite démo de Molehill sur la cartographie qui vient extruder les bâtiments en 3D. Une bien belle évolution de la cartographie que j’avais oublié de citer. Et tandis que google maps fait une campagne pour sa V3 avec une vue en 3D isométrique, on peut imaginer cette évolution à venir prochainement ? En tout cas, cela devrait intéresser aussi les pagesjaunes en 3D…

http://pleasurehunt.mymagnum.com/

Près de 50 scènes sur fond vert et un générateur de son pour cet advergame amusant qui mets en scène une femme traversant des sites internet et des portails youtube. Un concept déjà vu quelque part mais pas avec autant de maitrise et sous forme de jeu. Well done..

SHOOT to THRILL

The Social Web of Things

AppleTree : McDonald’s

Amsterdam Metropolitan Area

Le lien vers la video : http://vimeo.com/16612345

Brandt Brauer Frick – Caffeine

Le lien vers la video : http://vimeo.com/20461921

KAPITAAL

Le lien vers la video : http://vimeo.com/4745924

Dogboarding

Le lien vers la video : http://vimeo.com/21504557

Hyundai i40 Light Reveal Behind The Scenes

Je ne dis rien de plus, tout est à découvrir chez ByteArray avec un projet de Didier Brun de chez SID LEE Paris, pour Adidas. Didier n’est pas en reste de projets en flash qui marquent les esprits puisqu’il était déjà à l’origine d’une petite expérimentation unique en son genre fin 2009 (du moins publiquement).

Par ici donc : http://www.bytearray.org/?p=2886

Le site du virtualpark de Mozilla :
http://virtualpark.mozilla.org/

Un peu d’information sur le projet des parcs de la Fondation Mozilla :
http://www.mozilla.org/parks/

Je ne connaissais pas cette initiative de la Fondation Mozilla : un parc virtuel nommé « Tumucumaque » (dérivé de l’amazonie brésilienne) qui se traduirait par « forêt de l’information » est créé entièrement en html/css/Svg par chaque tweet d’utilisateurs. Pour la petite histoire, le nom était également le nom de code des projets de versions de Firefox ou Thunderbird. Un choix qui se retrouve également dans une aide pour le WWF. Tout se recoupe!

En fonction du tweet posté par chacun, de l’eau, des arbres, des lézards, ou grenouilles issue de l’Amazonie « irl » (si je puis dire) apparaissent et évoluent sur la carte.

Un projet qui m’amuse bien, même si je le trouve encore un peu rigide en terme d’animation.

http://beta.ourbricks.com/

Ourbricks est un nouveau service en ligne de galerie d’objets 3D. A bien y regarder, on a l’impression d’un retour en arrière de quelques années. Sauf que tout est entièrement natif dans le navigateur, géré en WebGL. La bibliothèque d’objets offre une previsualisation rapide à démarrer (même qu’une vidéo à démarrer, donc acceptable pour l’internaute), mais le meilleur de ce projet reste dans l’espace collaboratif 3D avec insertion directement dans l’espace de l’objet sélectionné. Un SL-like en somme, ou presque…

« Pas dingue » me direz-vous, mais sans aucun plugin, c’est un bon début.

Des jeux aux graphismes évolués
Certes ! je ne reviendrais pas sur les démos précédemment vues, mais ajoutons à cela le support de la webcam, la prise en charge des écrans tactiles, des périphériques de jeux comme les manettes Xbox ou PS3… c’est un magnifique terrain de jeux que s’offre là Adobe !

Les interfaces de visualisation et de représentation
La visualisation de centaines voire de milliers d’éléments en même temps… dans la même interface… mais ce n’est qu’un exemple (d’ailleurs visible ici : http://reelworld.com/molehill/ ). Ce sont des interfaces ayant la capacité d’afficher réellement et avec fluidité ce que l’on veut : je pense aux sites de e-commerce qui avaient tenté le coup de la 3D pour certains comme Amazon, mais faute de performances, ils avaient abandonné…

Toutefois, ne partez pas en courant lorsque l’on vous parle d’interface et de 3D.. je pense sincèrement que les expériences démesurées d’interface en Papervision3D / flash 10 ont servi de leçon.. et ont été bénéfique à une certaine culture et conception de l’interface avec la 3D.. pour plus d’ergonomie avant tout !

La réalité augmentée

ENFIN !!! enfin la réalité augmentée va sortir de son carcan sur le web « markêteux » qui n’a pas franchement fait que du bien à ce domaine.. Regardez les dernières expérimentations d’Eugene : http://blog.inspirit.ru/?p=482 et dites vous bien que la détection et l’affichage vont pouvoir commencer enfin à être sérieux !! Moins de limitations, plus de fluidité et de liberté, c’est ce que l’on en attendait.. Et c’est sans compter l’apport du leader dans le domaine sur le sujet, Total Immersion, on l’espère très fort…

ASFEAT | real world light system for AR from Eugene Zatepyakin on Vimeo.

La créativité
La vidéo suivante me rappelle une artiste numérique dont j’ai oublié le nom depuis dans les années 1998-2000 qui créaient de petites formes en 3D végétales et animales… des heures de calcul, des interactions et des boucles à créer sous Director.. Tout cela se fait désormais en 3D et en temps réel dans le navigateur, avec toutes les APIS des réseaux sociaux pouvant venir en aide..

Par créativité, j’entends également les artistes partis sur Processing (ou Unity3D) notamment pour réaliser ce qu’ils voulaient, parce que Flash à l’époque n’étaient pas capable de tout afficher.. et même en 2D, aujourd’hui, les performances suivent :

M2D tests from Terry Paton on Vimeo.

Créativité donc…

Rhizopods – Molehill 3D Experiment for Adobe Flash Player from Resn on Vimeo.

Adobe vous propose une semaine de rendez-vous qui réunit les acteurs qui font la création numérique et le design. C’est sur Adobelive.fr du 9 au 13 mai. Et voici le détail du programme :

L’émission
Pendant 5 jours de 12h00 à 13h00, en direct et en ligne sur adobelive.fr, Benjamin Vincent débat en compagnie d’invités prestigieux, de l’actualité et des tendances des métiers de la création.

Chaque jour, un thème est décortiqué à travers des reportages et des débats animés par le journaliste. Tout au long de l’émission, les WebSpectateurs sont conviés à prendre la parole en posant leurs questions (chat, twitter, facebook…).

Les ateliers thématiques
A l’issue des émissions, une série d’ateliers thématiques sera proposée pour aller plus loin et donner les clés pour mieux comprendre les dernières évolutions des solutions d’Adobe et de leurs partenaires. Ces ateliers seront diffusés en ligne sur adobelive.fr

5 jours, 5 thèmes, un format unique :

– Une thématique quotidienne
Tendances créatives, Design et interactivité, Vidéo numérique, Web et mobilité, Photo et innovation

– Une émission TV Live, tous les jours de 12H00 à 13H00
Benjamin Vincent reçoit les meilleurs experts du sujet et anime un show d’une heure. Le programme est à lire ici.

– 3 ateliers thématiques par jour à partir de 13H00
Présentations interactives à suivre en direct et en ligne

- Un village d’exposition virtuel
En ligne dès le 9 mai pour découvrir les solutions des acteurs principaux sur leurs stands virtuels

- Un Innovation Lab
Un laboratoire d’objets innovants ou d’expériences utilisateurs d’un nouveau genre

- Une Exposition virtuelle
L’association Designers Interactifs conçoit une exposition des projets numériques les plus innovants

Les tournages, autres évènements et ateliers se déroulement dans l’Atelier Richelieu à Paris.