Employee of the Month

Mike Chambers a organisé une compétition de programmation AS3 la semaine dernière : AS3DTC_1. J’aime bien les concours simples qui ne prennent pas trop de temps. Monumentale erreur : j’ai du écrire beaucoup de code.

Du coup mes estimés collègues m’ont demandé d’écrire ce post sur la manière que j’ai utilisée pour prendre la 1ère place (yaisse !), en profiter pour en faire un cours sur l’optimisation, tout ça quoi …

Read the rest of this entry »

Quand l’émergence se généralise…

En voilà du titre qui tape!

C’est juste que ce matin me voici à nouveau titillé par un de ces sujets récurrents qui me travaillent parfois…

C’est que depuis mon billet “De l’émergence du clip interactif”, et sa suite sommaire, l’idée fait son chemin et on voit régulièrement réapparaitre des exemples du genre, comme me l’ont fait remarquer les quelques personnes passant sur ce blog en laissant des commentaires…

Bien qu’il m’ait fait bloquer, que j’ai posté le lien partout où je le pouvais, que je l’ai cité par ci par là en référence à “ce qui pouvait se faire dans le domaine“, je n’ai pas parlé sur ce blog du clip de Labuat, superbe réalisation , petite bombe du genre, se détachant complètement de la référence télévisuelle pour entrer dans quelque chose de “nouveau”.

Labuat /  Herraiz Soto & Co. / badabing / Zumbakamera

La première nouveauté qui me saute aux yeux étant le défilement latéral dans un espace fenêtré. En effet, contrairement aux exemples cités précédemment, le site s’adapte à la fenêtre… Il n’y a pas ici de format fermé, on sort du cadre contraignant de la télé et chacun, selon sa configuration matérielle et ses préférences, a une expérience différente, personnelle, du clip… Ca n’a l’air de rien comme ça, mais c’est énorme! Enfin, c’est personnellement, subjectivement, énorme!

Ensuite, comme pour une danse, le site nous propose une trame avec laquelle nous pouvons jouer. La ligne tracée, expression visuelle de la musique faisant habilement référence à la courbe de fréquence, pose une ambiance, et est agrémentée d’accidents visuels illustrant le texte et influant notre perception du morceau.

Enfin l’utilisation du pointeur de la souris comme “pinceau” joue un rôle hypnotique en nous laissant une sensation de contrôle sur le clip… Nous pouvons en effet laisser la ligne se dérouler ou jouer avec selon notre humeur, comme on laisserait trainer un doigt dans l’eau au bord d’un bateau (c’est joli comme image, non? :p).

Pourquoi reparler de tout ça aujourd’hui? Tout simplement parce que je viens de voir le site du jour de theFWA, et qu’il s’agit d’un clip interactif, pour le morceau “The Never Ending Why” tiré du nouvel album “Battle For The Sun” du groupe Placebo.

Placebo, Champagne Valentine, Random

Bon, j’avoue que je ne suis ni fan de la musique, ni du graphisme, mais un nouveau pas a téé franchis dans le domaine et il me semble intéressant de la saluer. Bien sûr, nous ne sommes pas ici dans le même cas que Labuat. Le clip s’inscrit dans un cadre contraint. Oui, mais on retrouve cette “fluidité” de l’animation, l’utilisation en continu du déplacement de la souris, et la parallèle avec la courbe de fréquence (même si ici beaucoup plus à la manière d’un plug-in WinAmp). De plus il se distingue des exemples pré-cités par sa complexité visuelle. Ce n’est pas une simple animation “graphique” séquencée avec un jeu de clics de ci de là, mais bien une narration rythmée et interactive (même si celle-ci reste limitée)…

Bon, je ne suis plus très sûr d’où je voulais en venir avec ce billet, c’est qu’il fait faim et qu’on est vendredi, mais on va dire que c’est fini pour aujourd’hui :p … Ah si! ça me revient! Je voulais juste passer une annonce: “Si tu es une boîte de prod, un groupe de musique, que tu as de l’argent, tu m’intéresses!“

Lucy in the sky with .. physics ?

A Beatles tribute and a simple box2d cloud of words in the same SWF ! Just playing with world forces and bodies properties. The words try to align themselves in a readable way.

As a bonus it makes silly hippie sentences

Real-time pitch shifting (without change of duration)

After reading Lee Brimelow’s post about Adjusting audio pitch in Flash Player 10, I’ve thinked about a real pitch shifting solution (adjusting pitch without change of duration).

Then I found a great algorithm here: http://www.dspdimension.com/admin/pitch-shifting-using-the-ft/ and its C# port here http://sites.google.com/site/mikescoderama/pitch-shifting

I’ve ported the code to AS3 then heavily optimized it to get it running under 100% cpu use (of 1 cpu core). I get 45% cpu use with the default parameters on my 2.4GHz PC.

See it in action here (Flash Player 10 required):

click to open

You can download the source code here: http://iq12.com/files/pitch_shift/pitch_shift.zip

Music: More Frightened by CandyCash (with permission)

Frédéric, the happy hairy snail !

Here’s Frédéric ! The only snail who needs shampoo. Come and marvel at his magnifiscent hair !

Le rébus du Lundi

Des bétises …

J’ai participé au b3ta image challenge de la semaine dernière, ce que je ne fais malheureusement pas assez souvent. le thème était :

Take any film you wish, and photoshop the scenery, characters or titles into the style of a famous movie poster for a different film: The Dambusters in the style of Ghostbusters, Finding Nemo in the style of Jaws, etc.

Donc, en gros, prendre un poster de film et photoshoper un autre film dedans. J’ai envoyé quelques propositions de qualité variable dont certaines dont j’étais pas peu fier. J’ai pas gagné, mais je me suis quand même placé dans les 20 premiers.
A vous de retrouver les films ayant servis d’inspirations pour les posters ( ça va, c’est pas bien dur )

Tous ça pour dire : visitez b3ta, c’est poilant !

Come & play with my hairy balls …

… because they’re made of PaperVision

A little experiment with the line drawing capabilities of PaperVision.

click the pretty picture to open

Play with the sliders in the control panel to get various effect, but be careful not to put too many complicated hair ( the “Nb hair” & the “Nodes” sliders ) or you’ll break the Internet. The first four sliders are live, the others are not, you’ll have too wait a few seconds for the changes to be applied.

The thing is full 3D, rendered with PaperVision. The line drawing works very well, as does the Z-Sorting.

The hair roots are placed with the sphere distribution script of Nicolas Barradeau, so thank you Nicolas.

Here are the sources but you’ll need Papervision3D too.

Petite introduction aux plaisirs de la Bave…

Drool Dog © DanyBoy

Cela fait maintenant quelques temps que nous baignons tous trois, chez iq¹², dans l’univers de Flash…
De la version 3 de Macromedia, avec ses TellTarget, jusqu’à celle CS4 d’Adobe, pas mal d’eau a coulé sous les ponts et la part du code n’est plus tout à fait la même.
Venant de formations différentes, nous avons chacun abordé le logiciel à notre façon, de manière empirique, et en grande partie autodidacte.

Le constat est que, même si la tendance est à la normalisation, il existe autant de techniques de flasher que de flasheurs. Et le fossé s’agrandit entre ceux qui ont “l’expérience” du Flash à l’ancienne (si on peut nommer ainsi quelque chose d’un peu plus d’une dizaine d’année) qui viennent de la bidouille ou du graphisme, et ceux qui, frais émoulus des écoles, abordent Flash et l’Action Script 3 par le versant “codeux”, sans s’être frottés aux “dessineux” et autres DA/AV…

Ce constat nous a amené à réfléchir à un outil, ou plutôt une boîte à outils Read the rest of this entry »

iq¹² creative session #1 – appel à participations

Évidemment, tous ceux qui voudraient participer à cet hommage/pitrerie sont les bienvenus.

Première participation (reçue moins de 24h après le Jam, bravo !), Monsieur Gus:

Pressez les touches de déplacement du curseur alternativement à la vitesse correcte tandis que le MJ danse pour lancer le chapeau au bon âge

(trad: systran.fr)

cliquer sur l’image pour ouvrir