David Torondel / Portfolio | Carte de voeux – WIP #1
2354
post-template-default,single,single-post,postid-2354,single-format-standard,ajax_updown,page_not_loaded,,vertical_menu_enabled,wpb-js-composer js-comp-ver-4.2.3,vc_responsive

Carte de voeux – WIP #1

Certaines années j’arrive à trouver un peu de temps pour me faire une carte de vœux, en Flash. Le but de ce type de carte de vœux est en général promotionnel, beaucoup de sociétés et d’indépendants en font chaque année, ça permet de se rappeler au bon souvenir de ses contacts. Personnellement ce qui m’amuse surtout dans cet exercice, c’est de trouver une idée rigolote et sortir un peu des travaux habituels sur lesquels je travaille. J’ai la chance d’avoir « trop » de travail, donc je n’ai pas vraiment besoin de promotion, mais je prends quand même plaisir à travailler sur ce type de support.

 

Cette année je ne pensais pas en faire, mais Fréderic Aubailly, ami de longue date et formateur/graphiste à Toulouse a eu l’idée de me montrer la jolie carte de vœux papier sur laquelle il travaillait, et du coup il m’a donné envie d’en faire une, j’ai commencé à cogiter, et voilà, je suis pris au piège.

 

Cela fera d’ailleurs pile 10 ans que j’ai fait ma première carte de vœux en Flash ! C’était donc en 2001 : vœux 2001

Pour l’anecdote, j’avais oublié d’envoyer cette carte de vœux à un de mes clients, qui pour plaisanter avait joué la vexation une fois qu’il s’en était aperçu. J’étais rentré dans le jeu et en réparation avait fait une carte de voeux « bis » uniquement pour cette personne, me représentant, et dans l’animation j’avais placé un bouton permettant de me donner une baffe (pour se venger de l’oubli). Cette même agence travaillait pour le site internet de la chaine Comédie, qui à l’époque cherchait des jeux Flash à mettre sur son site, ils leur ont montré ma petite anim, et du coup ils m’ont commandé une déclinaison qui est devenu le Pafotron 🙂

 

En 2002, j’ai visiblement eu une période mystique  : voeux 2002

 

En 2003 je me suis servi du prétexte de la carte pour m’entrainer à la programmation de jeu en Flash… je n’avais jusqu’alors fait que de la programmation de base en Actionscript, du coup j’y ai passé un paquet de temps, mais ça a été vraiment formateur. C’était en 2003, la carte est visible ici : voeux 2003

 

Dans la foulée un de mes clients, l’agence Profileo, m’a demandé de réutiliser les mêmes personnages pour faire un autre jeu/carte de vœux sur le même thème : voeux Profileo

 

En 2004, je voulais refaire une animation en Flash, mais n’avais pas d’idée… du coup je me suis servi du thème « pas d’idée » pour faire une vrai/fausse carte sous la forme d’un roman/photo animé, visible ici : voeux 2004

 

En 2005 et 2006, pas eu de temps ou d’idée… en 2007 je suis retombé en enfance : voeux 2007

 

Et depuis 3 ans, rien, toujours par manque de temps, ou d’énergie, ou d’idée. Tout ceci pour dire que cette année je vais essayer d’en refaire une. En général, c’est plus amusant de jouer sur l’effet de surprise, donc je ne devrais pas l’annoncer ici… mais comme j’ai envie d’alimenter ce blog et de partager un « work-in-progress », et bien tant pis !

 

Donc, mon idée première est venu en voyant ce site : http://hellohikimori.com/ (attention, baissez le son avant d’y aller, vos tympans vous remercieront), ou on vois une animation en fond synchronisé avec la musique. J’ai depuis longtemps en tête l’envie de faire ça… Après quelques recherches, j’ai vu que l’actionscript 3 avait une nouvelle fonction, SoundMixer.computeSpectrum(),  permettant ce type de chose. J’ai donc d’abord fait un essai avec juste 2 carrés en isométrique, pour essayer de les faire bouger en fonction du spectre musical d’un morceau de test. Il m’a fallu une fois de plus l’aide de l’excellent développeur Laurent « Profectron » (http://www.profectron.com/) pour mettre en place le principe de base.

 

Ca a donné ça : essai 1

 

Le principe fonctionne, donc, mais la chose qui me gêne est que les cubes bougent en fonction du volume sonore uniquement. J’aurais préféré pouvoir faire bouger les éléments selon la nature des sons, par exemple faire bouger le cube de gauche selon les graves, et le carré de droite selon les aigues. Ce qui n’a pas été une mince affaire, là encore je n’y suis pas arrivé tout seul, malgré de longues recherches sur le net, les forums, etc. Cette fois c’est un autre développeur de talent, Jean-Pierre Dérigon, qui m’a tiré d’affaire, il parle à l’oreille de Flash et code des players vidéos sous la douche tous les matins.

 

Ca a donc donné ceci : essai 2

 

Voilà, forcément pour l’instant ça n’est pas très parlant mais encore une fois ca n’était que pour vérifier si le principe de base fonctionnait 🙂

 

Donc maintenant il faut s’attaquer à la réalisation, en passant d’abord par un mini storyboard :

 

 

Ce que je voudrais faire c’est avoir au départ juste 4 carrés au sol, en isométrique. Les 4 carrés sont en fait des trappes, qui s’ouvrent et laissent monter du sol les quatre chiffres 2, 0, 1 et 0. Ces quatres chiffres seraient formés de diverses pièces métalliques, un peu comme les robots de mon projet « Clonk« . Le zéro final de 2010 sera un peu tremblotant… et finit à la fin par s’écrouler, et un chiffre « un » flambant neuf vient le remplacer, une musique commence et les éléments constituant les différents chiffres bougent en rythme (via le script susnommé…). Un petit tableau apparait aussi, dans lequel je fait défiler le texte de mes voeux, et à la fin de la musique les trappes se re-ouvrent et tout disparait…

 

Voilà en gros le « scénario » !

 

Etape suivante, dessiner les 4 chiffres, en croquis, avant de passer à la mise en couleur. Pour ça j’ai été faire quelques recherches sur le net pour trouver des exemples de vieilles pièces métalliques, et je suis tombé par hasard sur le blog d’un artisan qui construit des lampes à partir de vieux phares de mobylettes et autres pièces métalliques démodées. Je trouve ces objets vraiment superbes, peut-être qu’un jour je pourrait m’offrir une de ces lampes, en attendant je ne peux que lui faire un peu e pub, c’est ici que ca se passe : http://lumieredelatelier.over-blog.com/

 

Quelques exemples de lampes :

 

Superbe, non ?

 

Et donc voici les premiers croquis de mes chiffres :

 

Voilà ou j’en suis ! Je vais maintenant passer à la mise en couleur… a suivre.

 

Pas de commentaires

Poster un commentaire