Hello, I’m Vinch

And this is my website.

Flash et problèmes de compatibilité !

04/29/08

This post is more than 9 years old. It might not reflect my current skills and convictions.

On pourrait penser qu’en Flash, les problèmes de compatibilité entre navigateurs et systèmes d’exploitations n’existent pas ! Et bien non, c’est une légende urbaine !

Aujourd’hui, j’ai essayé d’ajouter deux bêtes fonctionnalités au Twitter3D de Michaël. Vous pouvez admirer le résultat ici (le seul fichier qui change par rapport au code de Michaël est Twitter3D.as). Les fonctionnalités en question sont :

* Afficher un input pour pouvoir choisir le compte dont on souhaite afficher les tweets.
* Pouvoir naviguer avec la roulette de la souris.

Pour la première fonctionnalité, je n’ai eu aucun problème. Essayez en tapant “Vinch01” ou “michaelvillar“, ça fonctionne. Il faut juste que j’améliore l’ergonomie car cet input ressemble à une barre de loading qui ne se loade pas !

Pour la seconde fonctionnalité, en revanche, j’ai eu l’immense surprise d’apprendre que la gestion de la roulette de la souris en Flash ne fonctionne pas sur Mac ! Il a donc fallu utiliser un bon vieux hack ! L’explication du hack se trouve sur ce blog. En résumé, il faut, d’une part, importer une librairie dans le fichier Flash et d’autre part, ajouter un petit JavaScript dans le fichier HTML qui contient le SWF. C’est complètement tordu mais quand on fait aussi du XHTML, CSS et JavaScript, on est habitué à ce genre de choses. Je suis un peu déçu car je pensais que le verbe “chipoter” ne faisait pas partie du vocabulaire Flash. En même temps, c’est pas trop grave, l’important c’est qu’il existe une solution relativement robuste pour réparer tout ça…

Et de votre côté, vous connaissez d’autres problèmes de compatibilité dans Flash ? Ca pourrait m’être utile, je commence les choses sérieuses dans très peu de temps !

La 3D débarque sur le Web !

04/27/08

This post is more than 9 years old. It might not reflect my current skills and convictions.

C’est une réalité ! Si 2007 était l’année de la vidéo sur le Web, 2008 est incontestablement en train de devenir l’année de la 3D sur le Web ! En effet, en ce moment, il ne se passe pas un jour sans qu’on voie fleurir un nouveau site ou une nouvelle démo totalement en trois dimensions. Je vous propose de faire un petit tour non exhaustif des technologies qui permettent, aujourd’hui, de faire de la 3D sur le Web…

JavaScript

Oui, faire de la 3D en JavaScript, c’est possible ! Néanmoins, cela reste juste de belles performances technologiques, sans plus. Même si le travail accompli est fantastique, je ne pense pas que ces triangles qui tournent sur eux-mêmes et 3D Tomb II (un doom-like) vont revolutionner le Web. JavaScript n’est pas adapté pour faire de la 3D et ne le sera sans doute jamais. Je pense qu’on peut définitivement oublier cette voie.

HTML 5 + JavaScript

Autant le JavaScript utilisé seul et la 3D n’ont aucun avenir, autant le JavaScript couplé avec la puissance du tag canvas d’HTML 5 peut s’avérer une solution très efficace pour faire de la 3D.

canvas est un tag HTML 5 qui permet (via JavaScript) de faire du dessin en 2D et 3D et de l’édition de photos (le tout pouvant être animé). Il est actuellement implémenté par les navigateurs Gecko, Safari et Opera. Il devrait plus que probablement être implémenté dans Internet Explorer 8, si Microsoft tient ses promesses…

Je vous propose de lire ce très bon tutorial sur le Mozilla Developer Center. Ensuite, allez jeter un oeil à cette démo pour vous faire une idée de la puissance du tag canvas ! C’est autrement plus impressionant que 3D Tomb II !

Flash

Même si canvas est très prometteur, Flash reste aujourd’hui LA meilleure solution pour faire de la 3D sur le Web. Cependant, il faut savoir que Flash n’implémente pas la 3D en natif (ce sera le cas pour Flash 10). Il faut en effet importer des librairies externes pour arriver à nos fins. La plus connue reste Papervision3D mais d’autres comme Away3D et Alternativa tirent également leur épingle du jeu. Si vous en voulez plus, elles sont toutes listées sur cette page.

Quelques exemples marquants :

* In An Absolut World (Papervision3D)
* Flower By You (Papervision3D)
* whitevoid (Papervision3D)
* Monster Burnout (Papervision3D)

Et le meilleur pour la fin : Promenade dans un magnifique décor avec Alternativa !

Tous ces exemples montrent qu’on peut sans plus attendre commencer à faire de la 3D sur le Web. Selon moi, le problème majeur est d’arriver à trouver des interfaces et des systèmes de navigation efficaces en 3D, c’est qui encore loin d’être gagné pour l’instant !

De plus, il ne faut pas oublier que la plupart des informations seront toujours plus efficacement présentées en 2D et que la 3D n’est pas une évolution et une solution à tout !

N’empêche, c’est vraiment grisant de voir à quel point ça évolue rapidement en ce moment… Et ça ne fait que commencer !

BarCamp Lille le samedi 24 mai 2008

04/26/08

This post is more than 9 years old. It might not reflect my current skills and convictions.

Comme Mich, je participerai également au BarCamp Lille le 24 mai prochain.

Si vous ne le connaissez pas, le concept de BarCamp est simple : on dit qu’il s’agit d’une non-conférence car personne n’est spectateur, tout le monde doit apporter sa pierre à l’édifice d’une manière ou d’une autre. L’événement met l’accent sur les toutes dernières innovations en matière d’applications internet, de logiciels libres et de réseaux sociaux. Un truc de geek quoi !

Lors de ce BarCamp, nous présenteront le site Pikaboo dont j’ai déjà beaucoup parlé ici. Nous y aborderons l’aspect technique bien entendu, car seront mis sur la table des sujets tels que les composants Open Source qui ont permis de construire le site, des choix que nous avons fait de ce point de vue (pas de Flash, QuickTime), mais aussi du buzz que le site a généré (et génère encore) et des problèmes que nous avons rencontré avant, pendant et après (plagiat) la conception du site.

N’hésitez pas à participer vous aussi, c’est gratuit, c’est pas loin et ça permet de faire de sympathiques rencontres.

Vous trouverez plus d’informations sur le blog et le wiki du BarCamp Lille.