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…

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.

Une comparaison également difficile car le socle technologique n’est pas le même, les prises en charge des périphériques ne sont pas inclus non plus et les outils de création n’en sont pas au même niveau de maturité.

http://helloracer.com/webgl/

http://aerys.in/minko, et la page dédiée : http://aerys.in/minko-citroen-ds3 via @mchaize

http://alternativaplatform.com/en/demos/metro2033online/

Des démos en 3D, il va en pleuvoir certainement, mais en voici une qui joue avec les lumières, et grâce à un moteur pas franchement inconnu. On attends de voir les premiers vraies applications à base d’Alternativa !

La révolution en marche de la vraie 3D sur le web avec accélération matérielle est là ! (et avant que n’arrive sur le terrain la 3D native dans les navigateurs à base de WebGL) : La version 11 du Flash Player « Incubator » (AIR en bénéficie aussi) permettant de faire de la 3D en ligne tirant parti du GPU au travers de son API est disponible en version beta sur le lab d’Adobe. L’accélération matérielle de Molehill ne concernera d’ailleurs pas que la 3D puisqu’il est cité aussi des possibilités sur la 2D en terme d’affichage.

A lire absolument sur bytearray l’article de ‘Magic’ Thibault Imbert : « Changing the web again » introduisant l’Incubator Build ainsi que trois liens indispensables :

- Adobe AIR and Adobe Flash Player Incubator
- Flash player Incubator sur le wiki labs
- 3D APIs for Adobe Flash Player and Adobe AIR

Et puis à lire ci et là :
- Molehill from scratch with Adobe Flash CS 5
- How Fast is Molehill ?
- Simple 2D Molehill Example

Des outils de développements déjà prêts

Le plus impressionnant est que les frameworks gratuits et payants sont déjà prêts afin que vous puissiez faire mumuse avec :
- Away3D alpha 4 « Broomstick »
- Alternativa3D en version 8 (version beta dispo en avril)
- Flare3D avec l’annonce de la V2
- Coppercube
- Sophie3D
- Yogurt3D
- Minko

Démos ?

- http://molehill.zombietycoon.com/ La démo de zombie vue à l’Adobe Max cette fois à tester par soi même :)

- Quake 3 en démo par l’outil Minko que j’avoue connaitre moins. A tester (via @promethe42 – Jean Marc)

- Des démos également chez Away 3D avec leur version Broomstick : http://away3d.com/away3d-4-0-alpha-release-broomstick Dont celle-ci en vidéo, très impressionnante sur la gestion des fluides :

- Molehill Terrain Demo ( via @JosephLabrecque. Citation sympa d’ailleurs à propos de Pixel Bender par ce dernier  » Pixel Bender 3D on Labd March 4th :)  »

- Jérome alias @Seraf_NSS : « check my demo avec son exemple de l’armée de canards. « 100 duck skinned 240 000poly ! running at 30fps (tweet ici). Il a d’ailleurs rajouté un petit article d’explication entre temps :)

- Je vous rappelle juste les previews de l’Adobe Max dernier : capacités 3D en flash, Présentation technique et la démo de Flare3D sans parler de cette fameuse démo de zombie tycoon

Et même si tout ne fonctionne pas encore sur tous les environnements (ou confusion de son utilisation), la version du flash player est encore en beta, ne l’oublions pas… ( à noter qu’il faut activer l’accélération matérielle dans le panneau de configuration pour l’activer).

Et les plugins 3D comme Unity3D d’ailleurs ?

Unity3D a un bon article sur leur relation avec le flash Molehill : Uunity-flash-3d-on-the-web/. Globalement, Unity3D est un superbe outil de développement 3D qui à l’avenir fera l’exportation vers le Flash, Unity3D (le plugin), ou tout autre techno (WebGL ?). Ils veulent rester le plus ouvert possible dans tous les cas. Ils voient les deux plugins avec des atouts et des cas d’utilisation possibles différents. C’est une opportunité donc… mais surtout une force énorme pour Flash.

Quand aux plugins comme 3DVIA, je n’ai pas trouvé pour l’instant de position particulière par rapport à Molehill, mais ce dernier est plutôt dans un cadre moins web et plus tourné sur du middleware de consoles, moins sur un usage grand public. La cible n’est donc pas la même.

Et ?
Des années d’attente de la part du web pour parvenir à une solution cross-platform qui n’ait pas de contrepartie pour l’utilisateur (plugin à installer notamment…) et des performances dignes d’un vrai moteur 3D. Enfin ! Adobe cible avant tout le monde du gaming ouvrant la voie à toutes sortes d’expérimentations : mondes virtuels, social gaming, réalité augmentée surtout, voire même 3D en relief, et toutes les opportunités (bonnes et moins bonnes, j’en suis sûr), à venir tournant autour de la 3D en ligne et en temps réel en terme d’interface, de communication, et des capteurs (de la wiimote à Kinect, aux manettes de consoles, jusqu’à la webcam…).

Nous avons eu une ère expérimentale intéressante à base d’outils comme Papervision3D, Away3D etc.. qui a ouvert la voie vers des systèmes de visualisation intéressants (il est loin le temps de cette vidéo…) , mais les capacités décuplées d’affichage laissent entrevoir un bel avenir à Flash de ce côté, (l’heure du WebGL n’étant pas encore arrivée à mon sens, tant du point de vue de la technologie pas encore supportée par tous les navigateurs que des outils de conception quasi inexistants). Car sans de bons outils de création, il n’y a pas vraiment de voie possible. Adobe a la grande chance de par sa communauté très active d’avoir des outils payants, gratuits, et des outils venant du monde de la 3D comme Unity3D qui se raccroche au wagon. Sans lancer leur propre framework (ce qu’ils feront par la suite quand même) mais juste encadrant les acteurs du domaine. Fort.

N’oublions pas non plus que du côté du mobile, la 3D arrive à point nommé : un player Flash compatible mobile et tablettes à l’heure ou certains OS demandent minimum 1 à 2 GHz de puissance pour être exploités, et où tous les systèmes bénéficient d’accélération matérielle à présent. De la 3D et des capteurs là encore, multi-plateformes.

Ce que j’en pense :)

La chose à retenir pour moi au final, c’est qu’Adobe arrive sur le terrain de la 3D temps réel en ligne et directement en tant que leader avec son plugin à 90% (c’est déjà demain pour flash 11), là où tous les acteurs/plugins de 3D en ligne n’ont jamais réussi : être la solution transparente et non contraignante pour faire de la 3D en ligne depuis qu’internet existe (VRML & virtools de l’époque.. aahh…). Outre les jeux, j’attends de voir donc avec impatience ce que cela va changer demain. Oui, je suis enthousiaste !

https://github.com/mrdoob/three.js

MrDoob et son équipe ont mis au point un petit moteur 3D en JS fonctionnant avec WebGL / canvas: Tree.js. Seb Lee-Delisle bien connu fondateur de PluginMedia (de nombreux travaux réussis en 3D sous flash à leur actif) semble le prendre en main également afin de le tester un peu et montrer comment il fonctionne. Les quelques exemples démontrent une belle performance même s’il reste du chemin à parcourir. Flash a de l’avance en terme d’outils de création en tout cas dans le domaine (et est mieux supporté sur tous les navigateurs pour le coup).

Les débuts semblent prometteurs, et l’ère de la 3D dans le browser sans plugin qui ennuie les internautes arrive doucement…

Source : http://asyncjs.com/3djs/

Un jeu tout en 3D en flash à base de Papervision3D modifié à la hache et d’une qualité surprenante au vu des screenshots à voir sur Koyotl actuellement en beta. L’univers fantastique explore caves, forêts et détours avec des animaux domestiques (un ours coiffé d’un plumeau par exemple) qui viendront combattre dans un RPG qui, je l’espère, tiendra ses promesses. Je suis curieux en tout cas.

Plus d’informations sur le background du jeu ici. Ils ont également un facebook, preuve qu’ils sont à la page… …. …. hum

Source : @kevglx: KOYOTL : great 3D flash game via @elsassph http://bit.ly/eerZko // Realy nice work !

Edit : @bertrandriche l’a testé : « Et pour Koyotl y a de l’animation fluide, du bon pathfinding, de la très bonne texture et effets bien sympas, sans ramer un brin ! »

http://the-planet-zero.com/

Tenez, une autre page bien sympathique : Roxik, le créateur de son propre moteur 3D en flash Sharikura, à l’origine de plusieurs travaux qui sont restés dans les mémoires (notamment le célèbre ecodazoo ). Cette page de teasing montre qu’il est toujours aussi en forme, même si l’ensemble n’est pas très complexe. C’est une bonne nouvelle en tout cas avant la sortie de la vraie 3D en flash qui risque de révolutionner pas mal de choses sur le web.