Et non, je n’écris pas ce post pour informer mon humble lectorat composé d’au moins 1 personne, à savoir moi, que je vais me faire un pause cigarette mais plutôt le contraire, à savoir je tente de faire une pause d’un mois, sans clope. Ca me paraît un défi sympathique à tenter, juste histoire de voir si j’arrive.
Voilà, on verra si j’arrive à tenir, mais je pense que oui.

Cela fait un petit moment déjà que ça me trotte dans la tête. Et dans celle de mon collocataire Fred également. L’idée est de faire un jeu vidéo.

Lire la suite »

Dans le cadre d’un article que je suis en train de rédiger sur la visualisation de l’information politique (à paraître bientôt…) je me suis intéressé à la réalisation d’une application permettant de visualiser l’histoire d’un pays afin de comprendre les enjeux actuels. En somme, je voulais donc réaliser une frise interactive. Après quelques recherches je suis tombé sur une application faite par le fameux M.I.T.

Lire la suite »

Le thérémine, est un des plus anciens instrument de musique éléctronique, il date en effet de 1919 et fut inventé par un russe, Léon Theremin.
Il se compose d’un boîtier électronique équipé de deux antennes, et présente la particularité de produire de la musique sans aucun contact physique de l’instrumentiste; Une vidéo valant mieux qu’un bon discours, voici une des meilleures joueuses de thérèmine de tout les temps Clara Rockmore - qui collabora au développement du Thérémine et qui avait l’oreille absolue - interprétant le Cygne de Saint Saiens.
[youtube pSzTPGlNa5U nolink]

Un certain nombre de groupes ont utilisés cet instrument, certains de façon anecdotique, d’autres très régulièrement. On trouve entre autres, The Beach Boys, les Bee Gees, Led Zeppelin, Dionysos, Goldfrapp, Zazie, Portishead, System of a down, Pink Floyd…

Ce même inventeur russe créa d’autres objets improbables pour son époque, le Polyrhythmophone (première boite à rythme éléctronique (1930), le terpistone, qui fonctionne sur le même principe que le Thérémine, mais est de taille bien plus conséquence, puisqu’il est installé sous une piste de danse et réagit en fonction des mouvements des danseurs.

 Fonctionnement
Le signal audio est généré par un oscillateur hétérodyne à tubes électroniques. Deux signaux de fréquences élevées (l’un fixe à 170 kHz, l’autre variable entre 168 et 170 kHz) se combinent pour former un battement et fournir un signal audible, entre 20 et 20000 Hz^[1]. L’effet de capacitance apporté par le corps de l’instrumentiste, à proximité des antennes, affecte la fréquence produite, tout comme une personne se déplaçant dans une pièce peut altérer la qualité d’une réception de radio ou de télévision. Cette caractéristique est mise à profit dans le thérémine, et la combinaison des deux mains, l’une contrôlant le volume et l’autre la hauteur de la note, permet d’obtenir des effets sonores insolites. Le thérémine, disposant d’un seul oscillateur, est un instrument monophonique. Son timbre, que l’on ne peut modifier, s’apparente de loin à celui de la voix humaine ou à celui de la scie musicale. (source : wikipedia)

Liens
Comment fabriquer un thérémine ?
Video : Principe de fonctionnement

Dans la continuité de mes expériences avec VVVV je vais essayer un autre soft sans doute plus connu, Processing (anciennement nommé dans un style plus l33tien, Proce55ing).Késako Processing donc ? Processing est un langage de programmation et un environnement de développement créé par Benjamin Fry et Casey Reas, deux artistes américains. Processing est le prolongement “multimédia” de Design by numbers, l’environnement de programmation graphique développé par John Maeda au Media Lab du Massachusetts Institute of Technology
.J’ai découvert Ben Fry il y a quelques années en faisant des recherches sur la typographie. Ce jeune homme plein d’idées avait notamment réalisé un livre téléchargeable gratuitement, Le Alphabet Book..

Processing donc. Je commence par télécharger la dernière version (v.135 à l’heure où j’écrit). Je dézip l’archive et je commence en attendant à lire les tutoriels sur le site officiel.On apprend que pour faire des commentaires on utilise le classique double slash - et se finit par un point virgule, “// ceci est un commentaire ;”

Coordonnées
Toutes les formes dessinées à l’écran ont une position décrite par des coordonnées. Toutes les coordonnées se mesurent à partir de l’origine en pixel. L’origine [0,0] est la coordonnée du point en haut à gauche de la fenêtre, et le point en bas à droite a pour coordonnées [-1,-1]

// Définit la taille de la fenêtre, 200 de large, 200 de haut
size(200, 200);
background(0);
noFill();
stroke(255);

// Ces deux paramètres de la fonction point() définissent les coordonnées du point.
// la fonction point() dessinera donc un point à ces coordonnées |100, 100]
point(width/2, height/2);

// Un autre point à ces coordonnées [100, 50]
point(width/2, height/4);

// On peut définir un point avec n’importe quelle coordonnées, mais seuls celles dans la taille de la fenêtre
// seront visibile
point(60, 30);
point(60, 134);
point(160, 50);
point(280, -800);
point(201, 100);

// Les coordonnées peuvent être utilisés pour dessiner toutes sortes de figures
// stroke : couleur du trait, line() : coordonnées du premier point et du dernier point
stroke(204);
line(0, 73, width, 73);

// Même principe pour le rectangle que pour le trait. Coordonnées supérieur gauche, inférieur droite)
rect(110, 55, 40, 36);

Largeur et hauteur

Les valeurs height, width sont contenus à l’intérieur de la variable size :
size(200, 200);
background(127);
noStroke();
// interprêter ainsi : i s’intialise à 0, tant que i est inférieur à la hauteur(200), l’incrémenter de 20

for(int i=0; i<height; i+=20) {
fill(0);
rect(0, i, width, 10);
fill(255);
rect(i, 0, 10, height);
}
Setup & dessin
// Les arguments mis dans setup() sont exécutés dès que le programme est initialisé
void setup()
{
size(200, 200); // La tailel devrait être le premier argument
stroke(255); // définit la couleur des lignes
frameRate(30);
}

float y = 100;

// Les arguments de draw() sont exécutés jusqu’à ce le programme s’arrête.
// chaque argument est exécuté dans l’ordre de la séquence
void draw()
{
background(0); // Set the background to black
y = y - 1;
if (y < 0) { y = height; }
line(0, y, width, y);
}
Facile non ?

Une petite pause et c’est reparti pour faire mumuse avec VVVV. Je vais cette fois essayer de faire fonctionner des détections diverses (couleur, forme, mouvement) dans des images et des flux vidéos. Pour cela il faut commencer par récupérer la librairie Open Computer Vision - une collection de fonctions en C et quelques classes C++ qui servent au traitement d’images / vidéo.

Je commence par essayer convertir une image 2d en 3d - en jouant avec un fichier exemple on arrive à des résultats plutôt convaincant :

Aahh, je commence à comprendre comment marche la bête ! Hop un patch “Filestream”, un “audio out”, un “rms” je récupère les valeurs, je balance ça sur un filtre appliqué sur la webcam, et j’ai une image qui réagit en fonction du son. Eskéllent ! Intuitif ce petit soft !

[4 heures plus tard...]

Bon, ben maintenant j’ai un tracker qui fonctionne très bien - je peux suivre un objet d’une couleur particulière dans la pièce, récupérer les coordonnées et les mapper tout et n’importe quoi. Ca ouvre pleins de perspectives.. en attendant il est 3 h du mat - et mon lit m’attend… !

Entre deux sessions de bouleau, je me fais une petite pause histoire d’expérimenter un logiciel très puissant, vvvv - un outils multifonction connu pour ses capacités de traitement vidéo. Il n’est pas open-source mais gratuit si on n’en fait pas une utilisation commerciale.

Idéalement j’aimerai bien pouvoir analyser une séquence enregistrée avec une webcam, détecter les mouvements, voir peut-être tracer des diagrammes des déplacements ou alors tenter de jouer avec les attracteurs étranges… Mais ne soyons pas tout de suite trop ambitieux.

D’abords il faut récupérer le logiciel : VVVV 3.314 Beta (11 Mo)

Pendant le téléchargement, j’installe les pilotes de ma webcam qui commence à prendre la poussière sur mon bureau.
Modèle : Creative # vf0230 (drivers xp ici) & cam center de creative

Je dézip ensuite le fichier vvvv_33beta14.zip et on démarre vvvv.exe. Une démo se lance. Pour éviter celle-ci, supprimez le fichier args.txt.
A l’écran s’affiche une zone grise, le “patch“. En gros, d’après l’introduction, on va mettre des boites (nodes) qui vont servir à créer / traiter / sortir un flux. On va connecter ensemble ses nodes avec des pins pour créer un programme. Les Input Pins sont les arguments, les output pins, le résultat d’une opération.

Commençons avec le tutorial classique, “Hello World” - dispo en français ici & en anglais ici. L’interface est bien conçue, relativement intuitive, la documentation est parfois un peu dur à trouver (pas mal de liens cassés), surtout en ce qui concerne la doc en français, au grand damn des francophones. Bon je me tape les 3 tutoriaux suivant, je commence à être intrigué par l’engin…

Bon maintenant que je suis un peu plus à l’aise avec l’interface je vais essayer de comprendre les quelques exemples que l’on peut trouver dans le sous-dossier /girlpower/

… suite et détails dans un prochain épisode…

Ressources :

Site officiel : http://vvvv.org (en)
documentations : VVVV documentation (en)
blog avec de bonnes expériences faites avec vvvv : http://desaxismundi.blogspot.com/
Pour tester si la webcam fonctionne correctement : prenez ce module vvvv et suivez les instructions