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.

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.

Adobe Max 2010 – 3ème journée from Elopsys on Vimeo.

Au programme, nouveautés CS5, portage de l’application tapestries (voir la sneakpeek!) et petite balade dans L.A. Merci Fred !

Je fais un petit récapitulatif autour de AIR, étant allé à plusieurs sessions différentes, c’est l’occasion. Air, c’est aujourd’hui :
- 300 millions d’installations du Runtime
- 2.5 millions d’installations du SDK
- 3 millions annoncés de développeurs flash :)

Air est à présent supporté par de nombreux partenaires (Intel, Nvidia, Texas etc..), et dispose d’un environnement important d’outils de développement, des programmes d’échange ( Adobe Marketplace, adobe développer connexion, adobe las, adobe open source, ados groups, cairngorm…)

Des fonctions communes avec le Flash player, d’autres spécifiques au monde du mobile, à la tv, et enfin d’autres spécifiques à un support particulier

- L’orientation de l’écran, le multicouche, l’accéléromètre
- Un rendu avec accélération matériel (dont le décodage vidéo en H264)
- Optimisation de la mémoire
- Des accès protégés en vidéo : le streaming RTMPe encrypté et l’accès au flash sur le bureau.

Les nouveautés de la version 2.5 d’AIR- Accès à la caméra (photo et vidéo)
- Accès au microphone
- Geolocation
- SDL Lite
- Navigation/contrôles de browser html / swf dans une appli AIR

Des partenaires qui installent par défaut le runtime : Motorola, Samsung, RIM, HTC, Acer… Du côté de win7phone, flash est prévu, mais pas pour AIR (ou c’est en cours de négociation et ils ne disent rien). Pour les constructeurs qui n’installent pas le runtime avec les modèles de téléphone, il est prévu d’assister l’utilisateur dans la démarche et de pouvoir l’installer aisément.

Adobe fait évoluer actuellement la technologie dans une situation de multiscreen :
- le Desktop
- les mobiles
- la télévision (entre GoogleTV et Les écrans Samsung pour l’instant…)

Tout cela à destination de 3 segments de marché business : le jeu, la vidéo, et l’entreprise.

Evolutions à attendre
La prise en charge des nouveaux contrôleurs lorsqu’ils arrivent sur le marché comme la caméra frontale sur l’Iphone5, de nouveaux capteurs (gyroscope…) … le native process étendu et un update du webkit en html5 Les évolutions de performance en décodage et affichage vidéo et le gain grâce à l’exploitation du GPU par le flash player bénéficieront également à AIR. Mais également la machine virtuelle, la gestion de la mémoire, le threading…

Ce qui attire le plus les développeurs/éditeurs dans les applications AIR :
- Les jeux, la publication en ligne, l’éducation, la lecture multimédia, les réseaux sociaux, le médical, les services financiers…

Aujourd’hui, pour développer en AIR sur Iphone, il faut flash pro avec le packager, avec update prochaine. Pour Flash Builder, c’est en cours et prévu, mais il faut attendre encore un peu.

Il y a une session visible en vidéo : Multiscreen development Techniques with Flex, and AIR :
http://2010.max.adobe.com/online/2010/MAX139_1288210470671HKNE

Des liens utiles :

What’s new in AIR 2.5 :
http://www.adobe.com/devnet/air/articles/air25_whatsnew.html
Le AIR SDK 2.5 :
adobe.com/go/getairsdk

Le Digital Publishing usant notamment de AIR annoncé :
http://adobe.com/digitalpublishing

Le Flex SDK « Hero » :
http://labs.adobe.com/technologies/flexsdk_hero/

Le Flash Builder « Burrito »:
http://labs.adobe.com/technologies/flashbuilder_burrito/

L’update du packager pour Iphone :
http://labs.adobe.com/technologies/packagerforiphone/

Le AppMarket Adobe qui permet de multi-publier son application sur d’autres AppMarket (intel, acer etc…) :
http://www.adobe.com/devnet/inmarket.html

Le SDK pour Blackberry :
http://devblog.blackberry.com/…/apps/adobe-air

Le showcase mobile de flash :
http://m.flash.com/#/home

Le AppMarket d’Android :
market.android.com/publish/
http://www.appbrain.com/

Pour finir, une vidéo :

Une bonne démonstration lors de la keynote de comment une tablette Blackberry Playbook et AIR peuvent offrir au monde médicale une application très pratique en situation de mobilité permanente :

Infinite Creativity from Second Story on Vimeo.

http://secondstory.com/portfolio/works/infinite-creativity

Un projet réalisé par SecondStory pour Adobe avec leur participation destiné à l’origine pour le techmuseum : un mur interactif multitouch dans la plus pure veine de l’art génératif ou des travaux d’Eric Natzke. Des formes s’affichent sur le mur principal à la verticale, et les utilisateurs disposent de 4 petits écrans à plat multipoints pour interagir avec. Chaque écran a un menu radial pour changer la forme générée aléatoirement, et l’ensemble des interactions graphiques vient s’afficher sur le mur principal. Réalisé en Air, cette interface a un très bon répondant, et il faut plus de 10 doigts pour commencer à la faire ralentir. Graphiquement, c’est absolument superbe !

Cette installation dans le hall d’entrée de Max a eu une nouveauté : elle était interactive avec une application sur Android. (Je n’ai pas pu la tester, étant sous Iphone4..)

La Galerie Flickr

Petite démo en vidéo :

Une autre démo vidéo issue du channel MaxEvent :

Issus d’une selection d’un jury d’experts et d’un vote en ligne, les résultats des Max Awards étaient présentés par l’acteur William Shatner invité en guest star, (vous savez, Star Trek!), qui avec un grand talent a animé les résultats et assisté ensuite à la SneakPeek. Il a eu un franc succès, à vrai dire :)

Pour voir tous les projets des gagnants en vidéo, je vous invite à les consulter à cette adresse ici :
http://2010.max.adobe.com/awards/finalists/

Sinon, les voici, regroupés en 6 catégories :
Advertising & Branding: The Secret Annex Online by Anne Frank House and LBi Amsterdam
Les autres finalistes : The Witchcraft Experiment by Powster LTD and Toyota Racing’s Sponsafier website by Resn for Saatchi & Saatchi LA

Digital Publishing: The Complete National Geographic Updated by The National Geographic Society and Effective UI
Les autres finalistes : eDocker by PrePress Center, Vook.com by Vook

Enterprise/Government Rich Internet Application: Reuters Insider by Thomson Reuters
Les autres finalistes : ImageTrend Hospital Dashboard by Image Trend, SenseAwaresm powered by FedEx, produced by FedEx and Universal Mind

Entertainment: HBO Go by HBO
Les autres finalistes : The Land of Me by Made in Me and Less Rain and Tool Suite, Electrotank Universe Platform by Electrotank

Multiscreen: litl channels by litl
Les autres finalistes : BBC iPlayer by BBC, Live Talkback by Live Talkback

Social Computing: Bamboo Dock by Wacom Europe GmbH with Gugga and Fantasy Interactive
Les autres finalistes : Building Dashboard by Lucid Design Group , Live Documents by InstaCollQuotes

D’autres projets remarqués sur :
http://2010.max.adobe.com/awards/honorable/

Adobe Max 2010 – 2ème journée from Elopsys on Vimeo.

Côté démo vidéo, on commence par celle-ci en meilleure qualité : Il s’agit du moteur Zombie Tycoon sur PSP à l’origine et porté en flash

Away3D & Evoflash – Disconnected

Et une dernière que j’avais posté un peu tardivement que tout le monde n’a pas forcément vu à base d’Alternativa3D :

Cocoon P2P

Comme le montre l’image, la simplicité est de mise, c’est réllement impressionnant

C’est un Framework pour Flex (il existe pour Flash mais il devient plus compliqué à utiliser), qui simplifie la connexion et les échanges entre les machines (ordinateur, tablettes ou mobile), sans serveur. Les données échangées peuvent aller des données issues d’un mobile (accéléromètre, geolocalisation etc…) ou un flux vidéo, texte…. L’avantage est de pouvoir créer au travers du protocole RTMFP un réseau local d’échange de fichiers en décentralisé.

Le Framework est disponible ici d’ici un mois :
http://code.google.com/p/cocoon-p2p/

Peter a présenté des exemples d’échanges entre un mobile sous Android avec AIR.

Connecter un PC et un mobile : démo avec l’accéléromètre avec un petit jeu en 3D

Live vidéo streaming en P2P avec un PC depuis un mobile
Cette technique a été utilisée par Adobe lors des restransmissions des keynotes. Chaque ordinateur localement renvoie un bout de la vidéo qu’il est en train de lire à d’autres, (après acceptation de la part de l’utilisateur sur ordinateur, le mobile avec AIR est moins restrictif), permettant de faire chutter considérablement le coût et la consommation d’une retransmission vidéo. Malin. Il s’agissait ici d’un mobile quand même !

A voir absolument ! Les évolutions et expérimentations des produits Adobe sont toujours traditionnellement présentées lors des SneakPeeks. Grand moment, et voici les vidéos : (ce ne sont pas les miennes d’ailleurs, la connexion internet ne me permet pas de les uploader toutes). Les voici donc :

Video Tapetries
Oubliez le chapitrage et la navigation par timeline, ce concept va beaucoup plus loin.

Flash To HTML5
Prenez une animation en swf. Transformez le en HTML5

Video Stage accelerated
Faire tourner une vidéo à 4000K en HD sur un mac à 6% de consommation de processeur, c’est possible.

Noise to meaning
Repérez dans une vidéo un son, une voix particulière. et l’afficher sur une timeline. Wow !

Photoshop : whirl wind

Flash CPU Performance
Un outil pour surveiller et tester la consommation en ressources des SWF

Pixel Bender 3D

Flex Live

Modifer en wysiwig…

Typographic of code

Merci everythingflex

Petite démo d’introduction, avec un nombre de personnages impressionants :

Deep inside

Parce que c’est une API à très bas niveau, il faut un framework, et la liste est longue : . Il est possible de porter des moteurs 3D existants également, ce qui ne va pas tuer tous les outils de conception au final (une des portes de sorties pour Unity3D ?).

Je passerais sur les explications plus en profondeur du moteur, si je ne suis pas totalement étranger à la 3D, j’ai atteins mes limites dans la compréhension technique à partir des bytecodes…

Molehill est prévu pour la moitié de l’année 2011. Il y aura une beta publique aussi vite que possible, et des améliorations au fil des autres versions du player. Adobe va vraisemblablement lancer son propre framework 3D open source mais pour l’exemple seulement, les autres frameworks prendront le relais.

Y aura t il plus de support des fonctions de jeux (physique, etc..) ? Absolument, c’est l’un des objectifs d’avoir lancé la 3D dans flash. Est-ce que ca fonctionne sur AIR ? oui, c’est prévu depuis le début (voir la démo de Flare3D). Est-ce que cela fonctionne sur mobile avec l’accélération matérielle ? Sur certains mobiles actuellement, oui, avec des performances assez décentes, en test encore pour l’instant. Un movieclip comme objet ? Pour l’instant géré comme une texture, ce sera peut être le cas dans une future version.

Nouvel outil en gestation chez Adobe, de gestion de workflow. Bien intéressant, et c’est Mathieu Mantrant O’Dowd de odandb.com qui est allé à la session et qui a eu la gentillesse de résumer cette présentation, nous livrant ses impressions :

La révolution 3D en flash

500 000 Polygones sous flash…

Tout les calculs du côté du processeur, les anciennes applications 3D en flash dépassaient rarement 5000 polygones et devaient gérer à la fois la logique de jeu, l’affichage 3D, et le rendu (shaders, etc…). Cette nouvelle API permet à Flare3D de gérer à présent plus de 400 000 polygones, avec des shaders évolués, la physique, les collisions, et la prise en charge des gamepads et autres joysticks.

Pourquoi ces frameworks 3D ne disparaitront pas

On peut penser que les nouvelles capacités de flash vont venir remplacer tous les moteurs existants. Bien au contraire, ils sont indispensables. Cette API 3D est en réalité très compliquée par défaut à gérer, et se situe à un bas niveau. Il faut une couche supérieure qui simplifie le travail, d’où la présence de ces frameworks existants. Ce qui va les différencier, outre les performances à présent, ce sont les outils de création des environnements, et dans ce domaine, Flare3D est plutôt bien parti.

Shader….

Tout pour faire des jeux…

Flare3D dispo de toute la chaine de création :

- un plugin dans 3DSMax permettant d’exporter en Collada les objets, d’afficher une preview en temps réel des objets sous flash, export des lumières et gestion des matériaux/textures directement dans 3Ds.

- Un Framework complet également de prise en charge des comportements, collisions, physique, gestion des personnages, des manettes de jeux, mais également des animations, des particules et des shaders.

- Enfin une application AIR impressionnante en préparation : drag & drop de textures sur la scène dans un objet directement depuis l’explorateur, édition du comportement d’un objet en temps réel, chargement de plusieurs scènes en différentes fenêtres.

Exemple de création

La démo qui nous a été faite a montré qu’en quelques minutes, il était possible de créer une scène complète en un minimum de lignes de code, avec même gestion des collisions. Et enfin, une petite preview d’un projet en cours chez eux ! :

Le public dans la salle a été très impressionné par la qualité de cet outil, et les concepteurs aiment à rappeler que c’est ce type de jeu qui va arriver prochainement sur facebook et autres réseaux sociaux dans le cadre de casual games, mais avec une qualité de jeux de consoles. Wow.

Une annonce majeure de cet AdobeMax2010 pour le monde du print et medias : la sortie de Digital Publishing Suite, basée principalement sur InDesign avec un couple riche de technologies (PDF, Html5, AIR), visant à offrir aux journaux, livres et magazines un ensemble complet d’outils, de niveaux d’interactivité, de plateformes de distribution/hebergement et de monétisation/statistiques toutes plateformes confondues : le web, les tablettes tactiles, les smartphones, les autres mobiles…

Et le contenu s’adapte et se reforme automatiquement en fonction de son support et de sa résolution : mise en forme, répartition du texte, pagination…. incluant dedans de l’interactivité, et des éléments vidéos. Des exemples cités lors de la Keynote comme les magazines Living de Martha Stewart, National Geographic, ou Wired en sont un bon exemple : couverture du magazine en vidéo, mise en page se reformant autour d’une image détourée, image à déplacer en vue panoramique, chapitrage dynamique, modes de lecture originaux… Les exemples montrés conservaient le même rendu sur un Ipad, une tablette sous Android ou sur la nouvelle tablette de Blackberry. Allez vidéo de la keynote avec cette chère Martha ;

Prévu en version finalisée en Q2 2011, ce nouvel outil de distribution va jusqu’à évoluer en terme de business model puisqu’il s’agira d’un abonnement et non d’une licence. Une version de preview est d’ailleurs disponible sur le labs d’Adobe. Ce tout-en-un pourra intéresser énormément la presse en ligne notamment, face à d’autres solutions encore coûteuses et moins abouties.

Ajoutons à cela le dynamisme envers le html5 avec le nouveau Adobe Edge, permettant de créer des animations interactives sous HTML5 et le générateur de CSS multi support sous Dreamwaver, Adobe se lance dans la conquête et la maitrise du multisupport, quelle que soit la technologie. J’ai retenu cette phrase durant une session « Html ou flash, qu’importe, nous le faisons depuis des années! », montrant la position très pragmatique d’Adobe.

https://netaverages.adobe.com
Un nouvel outil qui vient accompagner les autres services en ligne de CS Live( Adobe BrowserLab, Adobe CS Review, Acrobat.com, Adobe Story) est le SiteCatalyst Netaverages. Il vient offrir tout une flopée de statistiques et de chiffres sur le web que l’on se pose en permanence au moment de la conception de projet : version de flash, OS, résolutions, marché des modèles de mobiles, usage du Java, progression des navigateurs… avec la possibilité de se créer des alertes le jour ou telle variable dépasse une valeur cible.

Dans la vague de l’évolution d’Adobe de se concentrer sur des services en ligne à base d’abonnements, cette application me plait beaucoup mais pour un tout autre sens :

J’avoue que si ces chiffres sont parfois délicats à trouver, en tant que féru de Data Visualisation et de vert, je suis tombé complètement fou de cette application. Claire, simple, efficace, interactive et élégante. Deux captures pour mieux comprendre ici :