{} - Contributions de l’utilisateur [fr]

Erg:: Nelson H.

2016-05-04T14:19:54Z

NelsonHenry :

== Theremin 2.0 ==
par Nelson Henry

Mon projet consiste à exploiter le Leap Motion* afin de réaliser un instrument fonctionnant comme un thérémine numérique. Enfin, un système permettrait de projeter en direct une visualisation du son (variations colorimétriques selon la (les) note(s) jouée(s)).

Etapes de réalisation:
1. Processing: Installation de deux librairies (La Sound library et la Leap Motion for processing library)
2. Processing: Réalisation d'une surface sonore avec des variations XY de fréquence et de volume.

import processing.sound.*;
SinOsc sine;
PImage bg;
int y;

void setup() {
size(640, 640);
bg = loadImage("gradient.jpg");

sine = new SinOsc(this);
sine.play();
sine.add(0.5);

}

void draw() {
background(bg);
sine.amp(map(mouseX, 0, width, 0, 10.0));
//sine.pan(map(mouseY, 0, height, -1.0, 1.0));//
sine.freq(map(mouseY, 0, height, 32.7, 261.6));
}

void mousePressed() {
sine.stop();
}

3. Modification de mouseX et MouseY —> Coordonnées des mains avec le Leap Motion.
4. Réalisation d'un système transformant la surface XY en zone de dégradé de couleur (où chaque note correspond à une couleur)
5. Réalisation d'un système permettant d'enregistrer en direct une courbe correspond au rapport couleur/son.

N'ayant pas réussi à réaliser le thérémine sur processing contrôlé par le Leap, je suis passé sur Max7 où j'ai installé la librairie aka.leapmotion et trouvé un code de thérémine correspondant à mes attentes.

----
* https://www.leapmotion.com

Erg:: Nelson H.

2016-05-04T14:18:33Z

NelsonHenry : Page créée avec « Theremin 2.0 Mon projet consiste à exploiter le Leap Motion* afin de réaliser un instrument fonctionnant comme un thérémine numérique. Enfin, un système permettrait... »

Theremin 2.0

Mon projet consiste à exploiter le Leap Motion* afin de réaliser un instrument fonctionnant comme un thérémine numérique. Enfin, un système permettrait de projeter en direct une visualisation du son (variations colorimétriques selon la (les) note(s) jouée(s)).

Etapes de réalisation:
1. Processing: Installation de deux librairies (La Sound library et la Leap Motion for processing library)
2. Processing: Réalisation d'une surface sonore avec des variations XY de fréquence et de volume.

import processing.sound.*;
SinOsc sine;
PImage bg;
int y;

void setup() {
size(640, 640);
bg = loadImage("gradient.jpg");

sine = new SinOsc(this);
sine.play();
sine.add(0.5);

}

void draw() {
background(bg);
sine.amp(map(mouseX, 0, width, 0, 10.0));
//sine.pan(map(mouseY, 0, height, -1.0, 1.0));//
sine.freq(map(mouseY, 0, height, 32.7, 261.6));
}

void mousePressed() {
sine.stop();
}

3. Modification de mouseX et MouseY —> Coordonnées des mains avec le Leap Motion.
4. Réalisation d'un système transformant la surface XY en zone de dégradé de couleur (où chaque note correspond à une couleur)
5. Réalisation d'un système permettant d'enregistrer en direct une courbe correspond au rapport couleur/son.

N'ayant pas réussi à réaliser le thérémine sur processing contrôlé par le Leap, je suis passé sur Max7 où j'ai installé la librairie aka.leapmotion et trouvé un code de thérémine correspondant à mes attentes.

----
* https://www.leapmotion.com

ERG::Exercice 3

2016-05-04T14:00:17Z

NelsonHenry :

<pre>

( (
)\ ) )\ )
(()/( ( ( ( ( ) ) (()/( ( ( ( (
/(_)))( ( )\))( )( ( /( ( /(_)) ))\ ( )\ )\))( (
(_)) (()\ )\ ((_))\(()\ )(_)) )\ ' (_))_ /((_))\((_)((_))\ )\ )
| _ \ ((_) ((_) (()(_)((_)((_)_ _((_)) | \ (_)) ((_)(_) (()(_)_(_/(
| _/| '_|/ _ \/ _` || '_|/ _` || ' \() | |) |/ -_)(_-<| |/ _` || ' \))
|_| |_| \___/\__, ||_| \__,_||_|_|_| |___/ \___|/__/|_|\__, ||_||_|
|___/ |___/

Pour cet exercice, il vous est demandé de designer entièrement un programme.
J'entends par programme un ensemble d'instructions écrites destinées à être exécutées.
L'exécution dans votre cas ne devra pas forcément être réalisée par une machine.

Le programme dont vous allez créer l'architecture devra
correspondre aux critères suivants:

- il doit recevoir une/des information(s) en entrée. Ces informations peuvent
-> provenir de périphériques de captations (micros, capteurs, scanners, clavier, souris, etc.)
-> provenir d'Internet (base de données, site(s) web, flux, etc.)
-> ...
la/les nature(s) de ces informations sont libres, il peut s'agir d'images, de texte, de sons, de coordonnées, etc.

- il doit produire une ou des formes de même nature(s) ou de nature(s) différente(s) des informations entrées. Un son peut produire une image, une image un son, un geste une typographie, un texte un mouvement, etc.
- le périphérique de sortie est libre (écran, ampli, robot, imprimante, corps, main, etc.).
- le langage de programmation est libre (js, python, java, php, c++, pseudo-langage, etc.).

L'exercice est divisé en étapes. Chaque étape fait partie de votre travail et doit être documentée sur le wiki du cours. Les différentes étapes seront ajoutées progressivement à la suite de cet énoncé.

1) Décrire la problématique en français. Que fera votre programme? Comment décrire son objet? Pensez aux mots que vous utilisez, à la structure de votre texte. Cette première description est globale; elle ne doit pas contenir tous les détails de fonctionnement du programme.

</pre>

[[erg::pagelionel | La page de Lionel ]]

[[erg::pagearnaudV | La page de Arnaud ]]

[[erg::pageraphaelle | La page de Raphaëlle ]]

[[erg::page_pierre_barick | La page de pierre barick ]]

[[erg:: Alice | La page d' Alice]]

[[erg:: Clément | La page de Clément]]

[[erg:: Gabriel| La page de Gabriel]]

[[erg:: Jean| La page de Jean]]

[[erg:: Marie| La page de Marie]]

[[erg:: Melanie| La page de Melanie]]

[[erg:: Léo| La page de Léo ]]

[[erg:: Coline| La page de Coline]]

[[erg:: Julie C| La page de Julie C ]]

[[erg::Alexandre| La page Alexandre]]

[[erg::Julie| La page Julie]]

[[erg::Marie F.| La page de Marie F.]]

[[erg::Eric| La page d'Eric]]

[[erg::Sophia| La page de Sophia]]

[[erg::aurelien| La page d'Aurélien]]

[[erg:: Sara| La page de Sara]]

[[erg:: Louise| La page de Louise]]

[[erg:: Benjamin| La page de Benjamin]]

[[erg:: Quentin| La page de Quentin]]

[[erg:: Laurie| La page de Laurie]]

[[erg:: Laurent| La page de Laurent]]

[[erg:: Nelson H.| La page de Nelson H.]]

Erg::groupe JEANELSONPHIA

2015-12-01T18:07:48Z

NelsonHenry :

=Projet de [JEA(N]EL{SO}N){PHIA}=

== La matière première ==

Nous envisageons de travailler sur [https://fr.wikipedia.org/wiki/Les_Chants_de_Maldoror ''Les chants de Maldoror''], d'Isidore Ducasse, comte de Lautréamont

On en trouve [https://fr.wikisource.org/wiki/Les_Chants_de_Maldoror/Texte_entier le texte sur Wikisource].

Pour en donner le ton, voici deux extraits du chant IV :
Deux piliers, qu’il n’était pas difficile et encore moins impossible de prendre pour des baobabs, s’apercevaient dans la vallée, plus grands que deux épingles. En effet, c’étaient deux tours énormes. Et, quoique deux baobabs, au premier coup d’œil, ne ressemblent pas à deux épingles, ni même à deux tours, cependant, en employant habilement les ficelles de la prudence, on peut affirmer, sans crainte d’avoir tort (car, si cette affirmation était accompagnée d’une seule parcelle de crainte, ce ne serait plus une affirmation ; quoiqu’un même nom exprime ces deux phénomènes de l’âme qui présentent des caractères assez tranchés pour ne pas être confondus légèrement) qu’un baobab ne diffère pas tellement d’un pilier, que la comparaison soit défendue entre ces formes architecturales… ou géométriques… ou l’une et l’autre… ou ni l’une ni l’autre… ou plutôt formes élevées et massives. Je viens de trouver, je n’ai pas la prétention de dire le contraire, les épithètes propres aux substantifs pilier et baobab : que l’on sache bien que ce n’est pas, sans une joie mêlée d’orgueil, que j’en fais la remarque à ceux qui, après avoir relevé leurs paupières, ont pris la très-louable résolution de parcourir ces pages, pendant que la bougie brûle, si c’est la nuit, pendant que le soleil éclaire, si c’est le jour. Et encore, quand même une puissance supérieure nous ordonnerait, dans les termes le plus clairement précis, de rejeter, dans les abîmes du chaos, la comparaison judicieuse que chacun a certainement pu savourer avec impunité, même alors, et surtout alors, que l’on ne perde pas de vue cet axiome principal, les habitudes contractées par les ans, les livres, le contact de ses semblables, et le caractère inhérent à chacun, qui se développe dans une efflorescence rapide, imposeraient, à l’esprit humain, l’irréparable stigmate de la récidive, dans l’emploi criminel (criminel, en se plaçant momentanément et spontanément au point de vue de la puissance supérieure) d’une figure de rhétorique que plusieurs méprisent, mais que beaucoup encensent. Si le lecteur trouve cette phrase trop longue, qu’il accepte mes excuses ; mais, qu’il ne s’attende pas de ma part à des bassesses. Je puis avouer mes fautes ; mais, non, les rendre plus graves par ma lâcheté. Mes raisonnements se choqueront quelquefois contre les grelots de la folie et l’apparence sérieuse de ce qui n’est en somme que grotesque (quoique, d’après certains philosophes, il soit assez difficile de distinguer le bouffon du mélancolique, la vie elle-même étant un drame comique ou une comédie dramatique) ; cependant, il est permis à chacun de tuer des mouches et même des rhinocéros, afin de se reposer de temps en temps d’un travail trop escarpé. Pour tuer des mouches, voici la manière la plus expéditive, quoique ce ne soit pas la meilleure : on les écrase entre les deux premiers doigts de la main.

Je suis sale. Les poux me rongent. Les pourceaux, quand ils me regardent, vomissent. Les croûtes et les escarres de la lèpre ont écaillé ma peau, couverte de pus jaunâtre. Je ne connais pas l’eau des fleuves, ni la rosée des nuages. Sur ma nuque, comme sur un fumier, pousse un énorme champignon, aux pédoncules ombellifères. Assis sur un meuble informe, je n’ai pas bougé mes membres depuis quatre siècles. Mes pieds ont pris racine dans le sol et composent, jusqu’à mon ventre, une sorte de végétation vivace, remplie d’ignobles parasites, qui ne dérive pas encore de la plante, et qui n’est plus de la chair. Cependant mon cœur bat. Mais comment battrait-il, si la pourriture et les exhalaisons de mon cadavre (je n’ose pas dire corps) ne le nourrissaient abondamment ? Sous mon aisselle gauche, une famille de crapauds a pris résidence, et, quand l’un d’eux remue, il me fait des chatouilles. Prenez garde qu’il ne s’en échappe un, et ne vienne gratter, avec sa bouche, le dedans de votre oreille : il serait ensuite capable d’entrer dans votre cerveau. Sous mon aisselle droite, il y a un caméléon qui leur fait une chasse perpétuelle, afin de ne pas mourir de faim : il faut que chacun vive.

== Le projet ==

===Premières pistes===

Ce texte étant caractérisé par la difficulté qu'on éprouve à le lire, un des objectifs pourrait être de faire une mise en page montrant visuellement le côté très rugueux de la lecture (par exemple avec des paragraphes justifiés à droite, ou des variations régulières du corps, voire une édition en boustrophédon).

Un autre objectif pourrait, au contraire, être une mise en page transformant le texte en un long fil rectiligne qu'on psalmodie sans avoir aucune chance de le comprendre (par exemple avec un format paysage, un grand interligne, un faible espace inter-mots et un caractère condensé, pour que chaque ligne laisse le temps de se perdre dans le délire du texte.

Une troisième idée serait de souligner l'étrangeté du texte en mettant en valeur la richesse du vocabulaire (par exemple en faisant un comptage automatisé de fréquence des mots pour que les mots les plus rares s'affichent en lourd et épais et les mots très courants en gris, pour donner à la lecture un rythme heurté et révéler la complexité du vocabulaire de Ducasse.

===Parti retenu===

En fait, on peut rendre la magie de ce texte soit en plaçant des clous sur le chemin du lecteur pour détourner son attention, soit en lui savonnant la planche pour qu'il passe sans pause d'un mot à l'autre sans être autorisé à s'arrêter sur le sens.

Nous choisissons les clous, en superposant à la lecture des mots un rythme graphique qui vienne le contredire. Pour cela, nous avons retenu un script java qui permet de faire varier, de lettre en lettre, la force de corps du caractère.

== Les outils ==
jqIsoText: jQuery Text Effect Plugin :
Changer la taille des lettres dans le texte
http://workshop.rs/2010/01/jqisotext-jquery-text-effect-plugin/

===Wikisource===

===Éditeur de texte===
Text Edit, Geany, Sublime Text 2, Brackets
===Navigateur===
Firefox

== La production ==

===Étape 1 : récupérer le texte===
Récupérer le texte brut dans Wikisource, le coller dans un fichier HTML, baliser les titres avec h1, h2, h3.

===Étape 2 : bousculer la typographie===

Charger jqIsoText.js, script permettant de faire aller et venir la force de corps du texte, soit au sein de tout un texte traité d'un coup, soit mot par mot. Avec une variation du corps 15 au corps 30 appliquée mot par mot, voici un premier rendu (police IM Fell DW pica, corps variant entre 15 et 30) :

[[Fichier:IMfell 30 15.jpg|700px]]

Souci : le texte ne respecte plus la dimension du bloc d'affichage, et certaines lignes sont interminables.

* Textstroke
Alterner le fond des lettrages entre blanc et rouge.
Cela se fait en CSS , il fonctionne avec le javascript ( jqlsoText.js) ; par contre dans la conversion en PDF , le style CSS va surement disparaître.

[[Fichier:Textstroke.png|300px]]

[[Fichier:Chants.gif|700px]]

===Étape 3 : s'interroger sur la façon de concilier CSS et Javascript===

Faire mouliner le texte par Javascript pose une difficulté : le CSS permet encore de déterminer la police, mais plus, semble-t-il, de faire de la mise en pages.

Une des idées était de faire des pages étroites, pour que le rythme des lignes vienne se surajouter au rythme de la force de corps et du texte lui-même, comme sur l'exemple ci-dessous.

===Étape 4 : Problèmes rencontrés===

Le jQuery isotext pose problème pour la réaliser d'une mise en page en vu de l'impression du texte transformé.

En effet, les fichiers .js empêche/annule toute modification du style </br> (Permettant l'aération du texte)
ou encore empêche le css d'agir sur le html. (Permettant d'application une largeur au html, ou encore attribuer des marges au texte)

Divers tentatives n'ont pas permis de résoudre le problème. Comme par exemple, le positionnement du css en dernière ligne du <head> afin que celui-ci agisse en dernière position sur le html.

[[Fichier:Maldoror60mm.jpg|300px]]