Beatlize Yourself : et si vous étiez un Beatles ?
7th avril, 2009 par Floz
Si vous avez toujours rêvé d’être John Lennon… Vous pourrez toujours tenter de vous contenter de cette application flash BeatlizeYourself.com.
La semaine dernière, Arnaud et moi avons travaillé sur la réalisation d’une application virale pour la promotion du groupe RAIN, qui reprend les grands classiques des Beatles. Le bureau actuel de la junior entreprise d’HETIC, synerg’hetic, nous a proposé de travailler pour nousproduction et donc de mettre en place Beatlize Yourself.
Le principe est simple : l’utilisateur arrive sur le site, envoie sa photo puis se transforme en un des quatre Beatles. Les clients nous ont cité Yearbook Yourself comme site similaire, mais celui ci n’est malheureusement pas encore actif, en cette période de l’année.
Si la photo est trop petite ou pas assez lumineuse, l’application est dotée d’options permettant de retoucher ces paramètres. Personnellement je me suis fais une joie de l’utiliser comme un petit fou depuis qu’elle a été mise en ligne, hier soir.
Pour conclure, amusez vous bien sur Beatlize Yourself !
Update 27/05/09 : L’application n’est aujourd’hui plus en ligne.
AS3 To JS : Carrousel
4th avril, 2009 par Arno
Il y a deux mois de çà, l’envie m’a pris de coder un carrousel en Action-Script 3. Après rappel de mes bonnes années de lycée et la révision des fonctions trigonométriques de base, il a encore fallu se battre sur le z-sorting des items pour donner véritablement l’effet de profondeurs des différentes images qu’on ajoute avant de pouvoir ajouter une première version du carrousel au package minuit4.
Apercu du carrousel AS3
Depuis la reprise des cours, j’ai eu la curiosité de faire pas mal de recherches en Javascript via le framework Prototype (dont notamment une panoramique 360° qui fera peut-être l’objet d’un futur post). Du coup pourquoi ne pas tenter de porter l’algo du carrousel en Javascript, toujours en partant du framework Prototype en tant que base (afin d’éviter les problèmes de comptatibilités entre les différents navigateurs).
Et une fois la gestion du z-index des différents items résolu, une version stable en est sortie. Pour le moment mise à part la gestion des reflets (qui ne peut pas se faire aussi facilement en JS qu’en AS3) il faudrait encore faire un benchmark de performance pour voir les limites de chacunes des deux versions, mais il semble que le résultat reste tout à fait similaire.
Apercu du carrousel JS
Pour ce qui est de l’API de ces différents objets, je posterais sans doute différents exemples d’utilisations des deux versions disponibles dans un prochain article.
Easier than Reading et PaperCharacter.
23rd mars, 2009 par Floz
Comme c’est dommage de ne pas avoir assez de temps pour réaliser directement ses idées. Le site EasierThanReading vient aujourd’hui d’être récompensé d’un FWA.
Ce site met en scène différents personnages-marionnette, qui ressemblent à des bonhommes en papier découpé. Bien que je n’ai pas compris l’intérêt du site (même si je dois avouer que je n’ai pas tellement chercher; j’ai plus regardé le côté technique/graphique que l’objectif derrière la réalisation), je trouve que ça rend plutôt bien.
Pour rejoindre mon amorce, j’ai eu un petit pincement au coeur en voyant l’idée joliment mise en scène puisque je suis en train de refaire mon portfolio avec une approche similaire. Je trouve que l’aspect personnage en papier découpé est assez séduisant, et j’aimerai par la même occasion créer un petit univers en 3D, avec un décors du même goût. Un peu comme PaperMario sur Wii :
J’ai commencé a réaliser une interface de test il y a environ un mois, j’invite les curieux à jeter un coup d’oeil ici. Le rendu 3D est généré via Papervision3D, tout en utilisant une librairie de classes répondant au doux nom de AS3DMod et qui permet d’appliquer différents filtres aux éléments 3D. Pour en apprendre plus, rendez vous sur everyday flash.
J’espère pouvoir reprendre dans peu de temps, après un projet en graphisme et surement une réalisation avec flartoolkit avec Arno.
Pour ouvrir sur le même sujet, vous pouvez aller jeter un oeil sur ce site : http://www.coketeens.com.br/. On y retrouve un brin de “personnage en papier”, même si la majorité correspond à des models 3D simples. C’est vraiment chouette.
Flux RSS- A la découverte des ByteArray
- Coordonnées des points d’une sphère
- M4Tween - Javascript
- Object Pooling
- M4Tween premier jet
- Peindre avec des ribbons en flash
- Passer par des LinkedList pour gagner en performances
- Comment créer des projets en utilisant FlashDevelop ?
- Guide d’installation de FlashDevelop
- Comment utiliser Cron? Automatisation des tâches, lancement de script php