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 !

6 months of 3D in flash in 10 minutes from crazy snake on Vimeo.

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.

Lire la suite

Pictaps est réalisé par Roxik, webdesigner japonais, également auteur d’autres créations assez connues sur la toile. Demo impressionante et qui date de 2006 (!) : des formes en papier que l’on découpe, et colorise pour les voir ensuite danser sur une scène devant une foule de clones dans le flou. Les outils de découpages et de modélisation sont précis et complets et les éléments en 3D à plat bénéficient d’une animation pour les mouvements très souple !

On peut même insérer sa forme dessinée qui danse sur scène sur son blog !

Croisé ce matin via Richard legett et il fait le tour du web, The Eco zoo organise son contenuen 3D autour d’un arbre que l’on peut faire tourner pour atteindre les hauteurs et ainsi les différentes sections. Scène légère, gestion de feuilles qui tombent, de la profondeur de champ, avec un aliasing très réduit, et une grande maitrise des textures (lumières surtout…) qui donnent un rendu global très fin et une ambiance au travers d’une lumière tamisée particulière. Le reste du site est tout aussi superbe avec ces livre d’images qui s’ouvrent, je vous laisse les découvrir.

Je constate quelques points intéressants : la mise en scène en 3D très travaillée qui possède une vraie identité, puis l’ergonomie de navigation assez fluide et évidente pour l’utilisateur, et enfin la qualité du rendu qui permet la gestion d’une véritable scène sans être limitée par les aspects techniques. Dernier point : ce n’est pas du Papervision!

Il me semble avoir attendu tous ces mois à chercher les dernières créations flash en 3D pour enfin trouver avec cet exemple un très bon présage d’une nouvelle ère dans l’interactivité et la mise en scène. Superbe. Et j’adore toujours autant les personnages dessinés et détourés avec une marge blanche en 2D dans un environnement 3D…

La 3D dans flash pousse et permet aux créatifs d’inventer des environnements totalement différents pour mettre en scène le contenu. Et 3D plus interactivité, cela reviendrait-il à du jeu vidéo ? Sinon, quelle est l’identité de ces nouvelles interfaces ? J’ai croisé quelques exemples ces derniers temps de sites qui - dans leur scénarisation - sont plus proches de jeux que d’interfaces de présentation. Peut-être une nouvelle tendance ?

Bestiario tient la forme en ce moment et nous propose une visualisation des vidéos de TED.com chacune mise en relations les unes aux autres par un système de tag. Plusieurs vues de ces données organisées autour d’une sphère : vue interne, externe, et affichage des liens ou non, affichage des informations de chaque élément.

Si la perception massive des relations entre chaque vidéo est très impressionnante, j’aurais bien vu un système mettant mieux en valeur les vidéos concernées par la mise en relation. On va bien arriver à trouver un jour les clefs du succès pour une conception parfaite des interfaces 3D, question de temps

(merci Santiago^)

Désert total cette semaine pour les sites en 3D / flash, hormis quelques exemples et quelques liens à lire pour se consoler :

Nouvelle campagne de FIAT avec MyFIATspace qui pousse assez loin l’idée de l’environnement 3D avec toutes sortes d’éléments vidéos, images, l’internaute peut consulter. Un concours est également lancé, très manuel, à voir sur dailymotion. Une réalisation qui a du demander un gros boulot mine de rien. D’un point de vue purement technique, je l’aurais plutôt vu en flash 10 une fois que l’on aura maitrisé l’accélération : les scènes sont assez lourdes et cela rame un peu chez moi. Très belle idée sans cela et surtout très prometteuse pour ce qu’il sera possible de faire dans le futur !

Corona beach, très sympa pour l’ambiance plage/vacances/loin du boulot (via dailypv3D)

Il y a aussi la visite d’un avion avec utilisation de panoramique (adieu le qtvr décidément…). Il faut fouiller un peu pour le trouver.

- Expérimentation de la semaine : très bonne idée de combiner Papervision + Five3D : vectoriel + bitmap, cela donne un effet très, très net sur du texte !

Quelques liens assez variés :

- Lancement de la plateforme d’Alternativa3D ! Gratuite pour utilisation personnelle, et payante pour tout projet commerciaux ! C’est le moment de tester tout cela, avec la doc et l’API en ligne ! (bon courage)

- Theoworlds builder : plateforme de création d’univers virtuel en 3D isométrique, à rajouter à la liste. Petite démo ici.

- http://www.3dfla.de/introduction.php : solution de dialogue entre logiciel 3D pro et flash.

- Une interview assez riche sur l’arrivée de flash 10.

- Papervision2 mis à jour avec les effets dans la librairie et non plus séparés.

- Divers 3D : après victoria couture en France, lancement en Italie d’un centre commercial virtuel. Quelqu’un sait si cela marche vraiment ce genre de magasin virtuel ? Je reste dubitatif…

Smallworlds from crazy snake on Vimeo.

J’en avais parlé en janvier dernier, mais j’ai pu accéder enfin à la beta dernièrement. Smallworlds est un univers virtuel en flash, avec une vue du dessus isométrique (on peut tourner le décor ou dézoomer de la scène), et des personnages en 3D. Petit test en vidéo, les screencasts les plus longs étant les plus ennuyeux, je me limite à 3 minutes. Speedtest donc ! Personnalisation des persos, personnalisation du décor, intégration de services web 2 (youtube, last.fm, twitter…), et des petits jeux ci et là, avec un très bon rendu. Prochainement aussi sortie d’une API spéciale pour l’univers virtuelle, permettant à chacun de créer ses propres jeux, et applications dans l’univers en question. Superbe réalisation en tout cas !

Flash 10 provoque une certaine effervescence sur le web, sans aucun doute. Quel est l’avenir de Papervision, Away3D et autres ? Interview avec Ralph Hauwert de Unitzeroone, et de Rob Bateman pour y répondre. “Together with being able to have Pixel Bender process things, this will be huge. It’ll most likely change the landscape of 3D on the web.”.

A propos de 3D, Dream Orange vient de réaliser une enquête sur La 3D, une nouvelle ergonomie pour les services ? Une enquête qui va au-delà de la 3D uniquement sur le web qui apporte un bon panel de réponses sur le changement qui se passe doucement.

Cette semaine, donc :

Campagne Japonaise pour la sortie de la nouvelle (?) Smart

Masseffect, prochaine sortie sur PC

Un jeu endiablé pour épileptique qui m’a fait oublier de prendre une capture d’écran! http://www.beestudio.pl/beegame/ (via dailypv3d)

Everything matters de Panasonic

Et aussi sur le web :

- StoneTrip, éditeur du plugin3D Shiva, porte lui aussi et ce, quelques mois après l’annonce de Unity, son player sur Iphone. De beaux jours en perspective pour les applications 3D multi-supports ! (au hasard, les jeux) Démo en vidéo sur youtube.

- .. tandis que côté flash Nonoba vient de lancer une API pour créer des jeux multijoueurs. Chouette, plus besoin d’un serveur…

Ouverture de Potoroze.com (il ne s’appellait pas touten3D.com avant?), qui comporte la particularité de proposer des articles modélisés en 3D et notamment des vêtements. Un très bon exemple de la tendance “la 3D s’insère dans la page web” en marge d’un autre positionnement de magasins virtuels avec un avatar. Soulignons que le créateur même d’une solution technologique permettant de faire de la 3D sur le web : VB2S, qui s’est lancé dans la création de ce site. Une très bonne vitrine mine de rien.

La techno ? Subdo, sans doute une des très bonnes solutions à l’heure actuelle (il y a plus de 30 solutions technologiques différentes, hein…), puisqu’elle se base sur une machine virtuelle Java, qui, si elle n’est plus installée sous windows depuis le SP1, ne s’installe qu’une fois, et une seule fois (le Java reste pris en charge entre 80% et 95% des utilisateurs). On utilise le Java aussi pour d’autres applications dans windows, ce qui rend son installation utile car elle est récurrente (l’installation d’un plugin rend frileux). L’avantage est que pour ce type de mise en scène, la gestion du modèle est industrialisable, puisque l’on fait seulement tourner des objets, mais il n’y a pas d’autres interactions propres à chaque objet, ce qui peut constituer un coût très élevé de production. L’inconvénient ? Le lancement de Java peut être long au début, (notamment la mise à jour avec le player 3D de cette solution), mais ca marche plutôt bien, et comme il n’y a pas d’intégration dans un site full flash, c’est faisable.

J’ai voulu tester le site chez un senior, utilisateur lambda mais au courant d’internet, (au hasard), j’ai donc appellé mon père (ca marche très bien en général pour tester) pour lui demander ce qu’il en pensait : “on voit bien le tissu et les formes du vêtement, c’est chouette”. Contrat rempli pour un senior, il n’a même pas eu à installer Java puisqu’il l’avait déjà.

Gérer les objets en flash ? C’est encore trop tôt et trop lourd pour l’instant à gérer mais avec Flash 10, certainement ! Le gros du boulot reste la modélisation de chaque objet avec un coût raisonnable. La création 3D pour certains projets reste tout un processus qu’il faut maitriser, ce n’est pas forcément évident avec les outils qui tournent autour de flash. Ici, l’utilisation de la 3D dépasse le simple affichage d’objets quand même, cela va beaucoup loin.

Comment ont-ils modélisé chaque objet ? [hypothèse] Je n’ai pas trouvé d’informations dessus mais je subodore que chaque vêtement est porté par un mannequin pris en photos sous tous les reliefs. Avec cela, un procédé de modélisation 3D à partir de toutes ces photos où le mannequin doit porter un costume bleu (ou autre) je pense, qui permet de l’effacer (comme de l’incrustation vidéo), puis affinage de texturage et du modèle ainsi qu’optimisation, puis mise en ligne. (1 heure de production pour chaque modèle apparemment). [/hypothèse]
Edit : raté pour l’hypothèse, ce n’est pas ca !

Ceci était mon billet annuel à propos d’un site de e-commerce

http://3dhistogram.com fait parti de ces sites sortis en fin d’année dernière mais passé inappercus pour d’obscures raisons de googlelisation, de lien oublié ou que sais-je encore… 3Dhistogram vous offre donc la possibilité de décomposer en cubes de couleur en 3D (Papervision bien sûr…) une image que vous uploadez. Cliquez sur chaque cube et récupérez leur code couleur, pour construire avec une mise en scène originale votre propre palette. Cela donne juste envie d’uploader l’ensemble de ses photos pour voir leur rendu en 3D!

Quelques explications complémentaires par ici.

Impresionnante cette vidéo ! Une webcam, du flash, du Papervision et voilà un système de réalité augmentée en 3D à peu de frais ! Il existait déjà des librairies dédiée à la création de réalité virtuelles comme ARtoolkit ou Nyartoolkit, mais de le voir en flash même avec les capacités 3D actuelles, on peut imaginer de nouveaux usages (wiimote, surfaces multitouch…) tout à fait originaux et abordables. Et on l’espère avec Flash 10, de meilleurs capacités d’affichage permettant une plus grande liberté d’applications.

Et vous pouvez tester ca par vous-même ici ! . Je n’ai pas pu m’empêcher de le tester aussi et même si je manque d’un gros feutre noir, ca marche plutôt bien !

Live2d est une société Japonaise de création de personnage virtuel pour le web. A la différence de nombreuses solutions, celle-ci n’est pas composée de vidéo précalculée ou d’animations 2D, c’est bien de la 3D en flash en temps réel, avec un rendu en cell shading. Les avantages ? Amusez vous à promenez la souris en maintenant le curseur enfoncé et voyez votre avatar suivre la souris. Comparez maintenant avec l’avatar virtuel d’Ikea par exemple :
- mouvement plus fluide du corps, des lèvres, du regard.. un peu plus humain en somme
- Personnalisation de l’avatar : le poids très léger (50ko) de chaque personnage permet d’en changer aisément. (Si vous préférez vous faire conseiller par un ours en peluche, pourquoi pas)

Accédez à la démo directement sur cette page. La jeune femme se permet même de dire qu’elle est fatiguée à la fin de son speech. Mais quelle audace !

Dans le même registre mais en moins esthétique, on a gizmoz aussi nouveau venu, certainement pas dédié au même usage. Cela me rappelle un peu motion portrait, plus… saisissant !