Archive pour juillet, 2008

Silverlight se laisse doucement tenter par la 3D sur le web

Pour rappel, Silverlight tout comme flash 9, ne dispose pas de moteur 3D ni de support de la carte graphique pour l’afficher, c’est le processeur qui fait tout le travail. D’où les limites techniques d’affichage en nombre d’éléments affichés à l’écran, sans parler de tout ce qui compose de la véritable 3D : gestion de la lumière, des shaders (bump, specular etc…), du nombre de polygones bien plus importants etc…

Dès la sortie de Silverlight 1, des essais en 3D ont commencé : essais en mise en place d’éléments dans l’espace ou modèle 3D. C’est avec la version 2 encore en beta que les choses ont l’air de s’accélérer. Certains travaillant sur des technos 3D travaillent d’arrache-pied dessus d’ailleurs et d’autres s’y intéressent fortement ou par ici. Quelques exemples en images au travers de deux projets sur CodePlex, Kit3d et Balder :

Kit3D par exemple est un outil intéressant puisqu’il dispose de quelques exemples (seulement la moitié a marché chez moi) marquants. Une autre démo à base de cubes texturés qui flottent dans l’espace. Cela ne vous rappelle rien ? Ces exemples rejoignent la montagne de travaux réalisés en flash à ses débuts en 3D. Reste du chemin à faire encore…

On parle de Balder, qui avait une bonne démo il y a quelques temps, même si on aimerait en voir un peu plus. Des objets importés, comme cette théière, un classique dans la 3D. Encore un peu gourmand. Il existe Polygraph3D également, un projet pour créer des graphiques en 3D. 3DEarth est tout aussi intéressant… si vous parvenez à le faire tourner.

En définitive, des essais prometteurs, une volonté de développeurs de doter Silverlight de 3D. Appuyons le fait que beaucoup de designers ont trouvé des parades aux limites d’affichage, et dès que la gestion de quelques panneaux dans l’espace a été possible, ils ont pu s’engouffrer dans la brèche. Nous revenons à une époque des vieux jeux vidéos sur consoles où toute les parades pour créer l’illusion étaient permises. Flash a pris une énorme avance pour l’instant. Toutefois, silverlight est encore un peu jeune, laissons lui le temps de déployer ses ailes.

note : malgré mes efforts, j’ai toujours énormément de problèmes à voir tous les exemples en Silverlight. La version 1 n’est plus compatible avec la 2, ou c’est l’autodétection de la V1 qui marche mal (comme pour flash parfois en définitive). Quelqu’un peut confirmer ?


Réalité augmentée de bureau : de nouveaux tamagotchis ?

Je viens de lire sur AsiaJin un exemple de logiciel nouveau avec la webcam + 3D. Attention, ce n’est pas du flash cette fois (peut-être à la portée de flash 10 ?).

Geisha Tokyo vient d’annoncer pour la fin d’année un nouveau logiciel de Cyber Maid : Cyber Figure Alice. La charmante demoiselle apparaitra sur des cubes sur lesquels des petits dessins sont collés. Je ne relèverais pas tout ce que l’on peut faire avec, il s’agit là d’un module de compagnie virtuelle pour les Otaku. On peut imaginer -au delà de cet exemple de réalité augmentée qui arrive sur le bureau – un ensemble de petits animaux virtuels par exemple ( comme Pet-Iz ou virtualDog , avec des options de personnalisation (habits, accessoires…), voire même des jeux.

Si les outils qui permettent le faire vous intéressent, vous trouverez par ailleurs sur la page projets d’ARToolkit une liste de réalisations avec ce moteur open source.

Dans le jeu, l’expérience n’est pas nouvelle puisqu’il y en déjà eu quelques uns sur consoles, ou sur PC comme celui-ci, ou des expérimentations assez riches dans les universités de recherche, voire sur mobile (et je ne parle pas de l’Iphone qui n’en est qu’au prototype).

Alors bien sur, cet exemple semble un peu primaire. Toutefois, croisons le avec l’expérience du même type en flash 9 que j’avais vue, ces mini-jeux pourraient bien se multiplier rapidement. Il existe d’autres exemples du même type sans flash mais avec une webcam et un PC avec cette vidéo de la BBC. Flash 8 avait rendu possible son lot de jeux interactifs à la webcam, qui sait vers quoi nous tendons dans les prochains mois avec Flash 10. Point d’installation coûteuse, beaucoup ont des webcams et un navigateur internet… reste à voir si l’usage qui en est fait se démocratise !


Représenter la ville en 3D isométrique

Peut être aviez-vous vu Edushi il y a quelques temps, qui représente la ville en 3D vu de haut, avec une représentation qui rappelle énormément un ‘Sim City’, ou du Pixel Art. La navigation reste la même que celle d’un google maps traditionnel.

La même compagnie auteur d’Edushi s’est associée avec Youcity, pour réaliser des cartographie de Manhattan, à voir ici et par ici. Plusieurs angles de vue devraient être disponibles, ainsi qu’une API.

Une représentation facile à comprendre car elle reprend les codes de jeux vidéos classiques. Par une vue à la verticale, les villes ne sont forcément expressives lorsqu’elles quittent le plan tout bête. En mode photo, les prises de vues de satellite sont souvent inclinées selon des angles étranges, alors… pourquoi pas ?

(Via digital Urban)


Revue de web : des classes, des jeux, des vidéos et 3 dimensions

En regardant tomber la pluie…

Flash

NewX3D : un nouveau moteur 3D en flash pour Flash 10.
Toutefois pas de précipitation, non seulement il est en chinois, mais au vu du code et de ses classes, il manque encore de bon nombre de fonctions pour être exploitable. Si vous voulez le tester, il est sur google code. (en attendant la sortie open source de Sharikura bien sûr ^)

Electric Sheep Company sort WebFlock, un chat en 3D et en flash (via secondworld.)
De la vidéo, des avatars, du chat, du casual game… un univers configurable à la carte pour des entreprises comme un gros pack, sans les restrictions d’un plugin. J’aurais aimé le voir tourner mais on ne dispose que d’une seule image sur leur site. Dommage. A moins de 100 000$ la licence à l’année, on ne rigole plus.

Un usage de la 3D original pour une bannière publicitaire
Moins lourd que de la vidéo, et plus d’intéractivité. (Edit : que Jacinthe vient de mettre à l’épreuve dans son ergoflash test)

- Une vidéo de jeux en flash
Pendant que tout le monde se rue sur labrute.fr, une vidéo de kakokako, un des sites de motion-twin, est apparue sur leur blog, histoire de faire le tour de la plateforme de jeux. Les jeux sont excellents, bien réalisés et addictifs avec un système de pay-per-play. Si vous vous ennuyez, allez y faire un tour pour découvrir le site, même en mode preview.


www.Kadokado.com
envoyé par Motion-Twin

- Vous vous souvenez du système de réalité augmentée en flash ? J’ai une variante avec un personnage 3D connu modélisé et réintégré en flash, avec tout un système de tracking visuel avec une tête en carton et trois diodes + webcam un peu compliqué que je n’expliquerais pas ici, mais c’est amusant de voir le modèle 3D bouger :

Pour info, le personnage est basé sur une application musicale sortie au Japon qui a créé une vraie mode, à voir les différentes variations sur youtube (plus ou moins atroces) comme celle-ci, ou celle-là. Personnellement, je suis fan, mais cela n’engage que moi…(je vais perdre en crédibilité sur le coup, c’est sûr^)

- Dernier exemple intéressant d’une application AIR sur pc avec un écran tactile. :

Flex 4 SDK disponible.
Nom de code : Gumbo

19 classes utiles en AS3.
J’en aurais bien rajouté quelques unes mais bon… (il y a CannonML une librairie pour créer des jeux de shoots sortie récemment en open source au fait, avis aux amateurs… euh, comme moi… ).

The charges against AS3 ou sur Is Flash getting too complicated ?
Certains se posent des questions sur la complexité de l’AS3 : ce n’est pas moi qui dirait le contraire, l’AS3, c’est plus propre, certes, mais rien que pour créer un bouton avec une url, que de changements et de complications… (rien que ca, déjà…) alors que certains sont restés à l’AS1 / flash 5…

Univers virtuel

Advanced 3D GIS Engine exceeding Google Earth capabilities Erects Urban Planning Information System in Seoul
Un google-earth like coréen qui dépasse de loin GoogleEarth.

Un petit tour dans Just Leap In chez Wangxiang.
Ma première impression se confirme aussi. Cet univers n’a pas fini de m’intéresser.

Le middleware Torque permet de porter ses applications sur Iphone
Comme ses concurrents, virtools, shiva ou Unity (que cartoon network va prochainement utiliser pour son nouveau MMO). C’est la saison.

Voici une bonne liste qui rassemble des vidéos de différents univers virtuels.
Vous voulez voir à quoi ressemblent tous ces univers dont on parle régulièrement ? C’est l’occasion, sans que cela ne vous prenne trop de temps.

The 3D internet changes everything
Une approche critique mais constructive que j’ai bien aimé : « Call me a cynic, but I have still not bought into the notion that 3D Avatar Chat (called the 3D internet by some) will, by itself, change how we live. »

Edit : suis-je distrait, j’ai oublié deux posts intéressants :
- Les 10 challences à relever pour les univers virtuels et Un retour dans le browser pour les univers virtuels ?,
Tous deux assez synthétiques, le deuxième reprenant la problématique de l’univers virtuel dans le browser : « pas de gros volumes de trafic sans un environnement 3D réaliste et immersif, mais pas d’environnement 3D réaliste et immersif sans plug-in ou installation. ».


[Best of] Sélection de billets sur Hebiflux

600ème billet sur ce blog, ca se fête ! Je vous propose une petite sélection personnelle de billets postés sur Hebiflux depuis la rentrée dernière. L’occasion de retracer un an d’actualités sur ce blog, et c’est l’occasion aussi d’émettre des envies sur les sujets que vous aimeriez voir apparaitre ou disparaitre (Je parle peu de Flex par exemple, et beaucoup de 3D, mais je sais, vous êtes tous sur la plage et il fait beau…) :

(note : La sélection est tout à fait personnelle, elle n’a pas pour vocation à retracer toute l’actu de manière exhaustive, ni tous les sites que j’ai pu relever.)

Retour progressif dans le temps donc, avec une année très marquée par la 3D en flash (entre autre) :

Lire la suite


Switch off

Parti à la chasse aux nuages. Blog ralenti jusqu’au 31 Juillet.

(Même pas drole, j’ai internet pendant mes vacances…)


Le jeu en flash du lundi : Astro Flyer

Pour tous ceux qui sont restés au boulot cette semaine et qui font encore un peu semblant de travailler, ce petit jeu devrait vous faire passer les heures aisément : Astro Flyer, avec 10 niveaux de difficulté, dans un environnement en pseudo 3D. Fun, même si les contrôles de la souris sont très sensibles.


Autre jeu tout aussi addictif : Totem Destroyer. (vu sur ecran.fr il parait)

Comments are off for this post

Selection de sites début Juillet : vidéo et 3D à l’honneur


Sexy Subaru : Devenez photographe en prenant des clichés d’un mannequin en bikin.. euh (ah non, ca a déjà été fait), d’un sumo qui prend la pose dans les nouvelles Subaru Forrester. Vidéo, interactivité, et humour.


Animations détonnantes, vidéos, une grande maitrise pour le AIR Force experience, des Pays-Bas. (via Cpluv)


TommyTV propose une interface de visualisation vidéos assez riche, qui dépasse le simple lecteur avec sa playlist. Une superbe implémentation d’un équilibre entre l’effet ‘wahou’ et son côté fonctionnel. Papervision inside si je ne m’abuse au vu de la déformation avec perspective.


Dry in Motion : petite interface de Uniglo qui met en valeur les vêtements en train de sécher portés par des danseurs en plein mouvement au ralenti. Chaque élément est un lien direct vers la boutique de la marque. Simple, et vraiment original.


FrankSorbier présente un défilé en 3D sur des formes dessinées et détourées. Tout comme Ecodazoo, j’aime le style papier détouré en espace 3D.

Beaucoup de sites utilisent à présent de la vidéo fullscreen comme support de présentation ou en y insérant une interactivité dans la vidéo. J’en tiens pour preuve un dernier exemple paru ces jours-ci ou le site d’Assassin’s creed . Ces exemples ne manquent pas. Une tendance à venir avec une interactivité accrue ?


Cristof Echard : une dynamique d’animation des photos qui fait plaisir à voir. Utilisation fine de la 3D. (Via DailyPvd)


Un teaser en galerie photo/vidéo, très classe, très podium-star-paillettes jouant beaucoup avec le placement des objets et leur animation : Ok Japan


Un petit rajout de dernière minute : Gspot est un photoblog avec une présentation élégante dans l’espace. Nul besoin de construire des murs en 3D pour en faire une galerie virtuelle.


Visite virtuelle pour Sony Vaio et ses 10 ans. Très propre en tout cas. (pourquoi n’attendent-ils pas flash 10 ? Cela ramerait moins… et toujours ces problèmes de navigation à la souris dans un espace en 3D) En tout cas, ce type d’expérimentation démarre plutôt bien !


Campagne en espagne pour Adidas : Adidas Celebrate Originality. Campagne participative dont les créations sont organisées autour d’une sphère à la manière d’un Tag Galaxy. (Via Dailypvd) et plus d’infos en espagnol par ici.


Revue de web de la semaine [mi-Juillet]

Retard du à mon manque d’internet, mais c’est réglé. Back to blogging !

Spéciale sélection donc :

Flash
- Statistiques de pénétration du Player flash 9
La ptite bête qui monte, qui monte…

Design flash
- Best flash sites ever
Encore un classement des meilleurs sites. Quelques uns que je ne connaissais pas.

- Derniers exemples à base d’Away3D
Bons exemples avec cette excellente librairie 3D en flash, trop dans l’ombre de Papervision

- Comparaison de la vidéo en flash et en Silverlight
Attention, c’est technique mais certains apprécieront le travail réalisé.

3D et mondes virtuels
- L’avatar 3D donne vie au message personnel. .
Cela me rappelle motion portrait, et c’est aussi en flash, j’aurais aimé approfondir le sujet, mais pas eu le temps même de regarder.

- Sortie de Google Lively, à lire chez virtualworldsnews et chez Fredcavazza.
Une déception pour moi du à un manque d’ambition, et d’innovation pour l’instant, à tel point que je n’en ai pas parlé. Ah si, une seule chose m’a intéressé dedans.

- Dassault prêt à lancer une console de jeu ?
Avec l’explosion de la gamme et des outils basés sur Virtools, on pourrait en arriver là.

- Une timeline des mondes virtuels en 3D.

Mobile

- Nike PhotoID
Ah ! un nouvel exemple de téléphone brandé, après Adidas, c’est Nike qui s’y met.


L’avènement de la 3D sur le web avec plugin, pour maintenant ?

Longtemps les applications 3D à base de plugins ont rebuté à la fois les internautes et les responsables de sites internet. La question fatale « c’est un plugin, les utilisateurs ne l’installeront pas » coupait court à bon nombre de conversations. J’ai eu parfois des difficultés à obtenir des réponses à cette question. Pourtant, les choses ne sont-elles pas en train de changer ?

La bande passante et le parc des machines
En terme de poids, considérons la 3D comme un média lourd, comme de la vidéo. La bande passante a sensiblement augmenté, et si l’on pense au Deuxième Monde à partir duquel beaucoup se connectaient en 56K, les ADSL sont largement répandues, même s’il reste des univers comme Second Life, dont la gestion des textures reste à parfaire. (5minutes de chargement à plein débit pour charger parfois des cartes complètes). Le parc global des machines permet à l’heure actuelle de calculer des graphismes plus lourds qu’auparavant jusqu’à approcher des rendus de jeux vidéos de console. Point intéressant, des outils comme le célèbre Shockwave s’adaptent aussi à la configuration de la machine et dégradent automatiquement le rendu sur les plus petites configurations.

Les navigateurs sont plus sécurisés
Période noire de l’histoire d’internet, chacun se souvient d’une époque où pour chaque application téléchargée en freeware sur internet, l’internaute voyait en prime une multitude de spywares et de toolbars à n’en plus finir. Que ce soit du côté de firefox ou d’IE, cette gestion des modules complémentaires est devenue beaucoup plus stricte : certificat, contrôle avertissant l’utilisateur, possibilité de désactiver un module au besoin. Cette ouverture du module complémentaire dans Firefox a charmé bon nombre d’utilisateurs (des modules comme del.icio.us, ou webdevelopper sont vraiment utiles…)

Les plugins 3D font des efforts à l’installation
Outre les questions de stabilité et de compatibilité tous navigateurs et plateformes, la facilité d’installation rassure l’utilisateur. Installation sans reboot du navigateur, plugin léger à télécharger, une démarche simple comme celle que pratiquent des Unity ou Virtools améliore grandement l’image de marque de ces players 3D.

Des expérimentations du bureau au navigateur
Beaucoup ont considéré que le navigateur était une montagne qu’il était dangereux de gravir. Les applications 3D se sont développées sur le bureau (ajoutons à cela la facilité de développement) pour prouver que le système pouvait fonctionner. Fort de cette expérience, les agences pourraient fort bien porter les applications sur le web. Cela devient tout aussi facile aujourd’hui.

Le public s’est diversifié
Madame Michu n’installera pas forcément le plugin en question. Toutefois, des publics plus jeunes (Generation Y is coming), plus joueurs, plus féru d’une expérience nouvelle sur internet sont tout à fait disposés à faire un effort. Pourvu que le jeu en valle la chandelle. Qui n’a pas essayé d’installer Piclens pour sa beauté esthétique de présentation ?

La 3D se démocratise et trouve ses marques
Je n’aime pas cette appellation car elle englobe un usage innovant de la 3D et les vieux exemples qui attendent depuis des lustres leur heure arriver. Toutefois, le constat est là : des GPS à la vidéo sur internet (flash ou motion design), aux jeux vidéos, au cinéma, le public – le ‘grand’ public – commence à être habitué à voir en permanence de la 3D. Sur le web, il existe ci-et-là de très bon exemples de 3D en temps réel qui émergent même s’ils étaient jusque là trop peu nombreux et souvent à l’initiative des éditeurs de plugins 3D eux-même. On parle beaucoup de 3D sur le web, mais pourquoi faire ? La 3D trouve petit à petit ses repères dans les réseaux sociaux en 3D, les objets à manipuler et les advergames, sans parler de la visite virtuelle. Question d’habitude pour l’internetus vulgaris et d’un usage judicieux de la technologie côté annonceur.

Un passage en douceur à la 3D
La question « comment vais-je remplacer mon site entièrement en 3D ? » est une erreur grave à mon sens. Les questions sont plutôt : comment puis-je apporter un service/une expérience supplémentaire à mon visiteur ? Des sites comme Nokia ont commencé doucement à rajouter à côté des 4 vignettes photos de leur téléphone une visualisation 3D de l’objet, puis dernièrement, à ne proposer plus que la version 3D au vu des résultats. C’est un ajout progressif d’une nouvelle fonctionnalité/service qui ne doit pas tout chambouler. Autre cas : l’utilisation d’un module qui offre un service à valeur ajoutée récurrent est quelque chose de tout à fait valable, la fréquence justifie son installation.

Un besoin pour les marques de s’exprimer
Je pense à la 3D dans flash aussi bien aux advergames complexes proche d’un jeu vidéo. Les marques ont besoin d’aller toujours plus loin dans leurs opérations et campagnes marketing. Beaucoup font le pas de se lancer dans des advergames, et comme je le soulignais dans un autre billet, cela pourrait être l’un des moyens de démocratiser l’usage des ces plugins. Et les internautes sont joueurs, c’est bien connu.

L’explosion des réseaux sociaux et des mondes virtuels
De Google Lively, à Vivaty, scenecaster, et j’en passe des dizaines… des services de mise en relation sociale avec un avatar apparaissent chaque semaine. Avec un plugin 3D dans le navigateur. La question de savoir s’ils ont installé le plugin se voit aux nombres d’utilisateurs.

Voilà les quelques éléments de réponse que je voulais apporter. Toute la question est de savoir si cela suffit à démocratiser plus facilement qu’avant le plugin 3D dans le navigateur…