http:\/\/www.reaper.fm\/sdk\/js\/js.php<\/a><\/p>\nPour ceux qui connaissent ShaderToy ou Processing, JSFX est un \u00e9quivalent audio, utilisable directement dans Reaper \ud83d\ude42
\nJe m’y suis tout de m\u00eame int\u00e9ress\u00e9 de plus pr\u00e8s, et autant faire d’une pierre deux coups: j’ai d\u00e9cid\u00e9 d’\u00e9crire
\nun article en fran\u00e7ais sur ce que j’apprend de cet outil \ud83d\ude42<\/p>\n
Note: je passe volontairement certaines parties pr\u00e9sent\u00e9es par la documentation officielle pour rester simple, j’aborderai ces d\u00e9tails peut-\u00eatre plus tard.<\/p>\n
Cr\u00e9er un effet<\/h2>\n
Pour cr\u00e9er un nouvel effet, ouvrez la fen\u00eatre \u00ab\u00a0Add FX\u00a0\u00bb, \u00ab\u00a0File -> Create new JS FX…\u00a0\u00bb
\n![\"Screenshot](\"http:\/\/zylannprods.fr\/tutorials\/jsfx\/create_new_js_fx.png\")
<\/p>\n
Choisissez le nom de votre effet:
\n![\"Screenshot](\"http:\/\/zylannprods.fr\/tutorials\/jsfx\/js_effect_name.png\")
<\/p>\n
Reaper va cr\u00e9er votre effet avec quelques sliders de base, histoire de pas partir de rien.
\n![\"Screenshot](\"http:\/\/zylannprods.fr\/tutorials\/jsfx\/effect_ui_01.png\")
<\/p>\n
Si vous le testez, \u00e9videmment, il ne fait rien de sp\u00e9cial. Pour \u00e7a, il va falloir mettre les mains dans le cambouis \ud83d\ude00
\nCliquez sur Edit…
\n![\"Screenshot](\"http:\/\/zylannprods.fr\/tutorials\/jsfx\/default_code.png\")
<\/p>\n
D\u00e9cortiquons le code qui nous est fourni comme point de d\u00e9part \ud83d\ude42<\/p>\n
Description<\/h2>\n
Chaque effet JS doit commencer par cette ligne:<\/p>\n
desc:new effect<\/code><\/div>\nC’est une courte description qui sera utilis\u00e9e comme nom dans la liste des effets.
\nAussi, comme Reaper sauvegarde l’effet sans extension, c’est ce qui lui permet de savoir que le fichier est un effet JSFX.<\/p>\n
Sliders<\/h2>\nslider1:0<0,100,1>parameter1
\nslider2:0<0,100,1>parameter2
\nslider3:0<0,100,1>parameter3
\nslider4:0<0,100,1>parameter4
\nslider5:0<0,100,1>parameter5<\/code><\/div>\nS’ensuit une liste des sliders, qui d\u00e9finissent les param\u00e8tres que l’on peut changer en temps r\u00e9el depuis l’interface ou automatiser.
\nEn JS, ces param\u00e8tres portent forc\u00e9ment le nom \u00ab\u00a0slider\u00a0\u00bb suivi de leur num\u00e9ro, m\u00eame si leur valeur ne change qu’entre deux ou trois nombres.<\/p>\n
La syntaxe d’un slider est la suivante:<\/p>\n
slider[num\u00e9ro]:[valeur par d\u00e9faut]<[minimum], [maximum], [pas]>titre<\/code><\/div>\nTous les sliders (et toutes les variables) sont des nombres flottants (\u00e0 virgule).<\/p>\n
Les sections de code<\/h2>\n
Une fois que l’on a d\u00e9fini une description et des param\u00e8tres, on peut impl\u00e9menter des sections, ou des m\u00e9thodes virtuelles pour ceux qui sont habitu\u00e9s \u00e0 la programmation orient\u00e9 objet \ud83d\ude42<\/p>\n
@init<\/span>
\nbpos=0;
\n@slider<\/span>
\nsomething=slider1*srate;<\/p>\n@block<\/span>
\nblah+=samplesblock;<\/p>\n@sample<\/span>
\nspl0=spl0;
\nspl1=spl1;<\/code><\/div>\nCes sections sont appel\u00e9es \u00e0 des moments diff\u00e9rents pour ex\u00e9cuter diff\u00e9rentes t\u00e2ches:<\/p>\n
\n@init<\/code>: appel\u00e9 \u00e0 chaque fois que l’on lance la lecture ou que l’on appuie sur CTRL+S dans l’\u00e9diteur de code<\/li>\n@slider<\/code>: appel\u00e9 apr\u00e8s @init<\/code> ou \u00e0 chaque fois que l’utilisateur modifie un slider<\/li>\n@block<\/code>: appel\u00e9 pendant la lecture \u00e0 chaque bloc de samples. Un bloc aura une taille diff\u00e9rente en fonction de vos options, entre 128 et 2048.<\/li>\n@sample<\/code>: appel\u00e9 \u00e0 chaque \u00e9chantillon sonore (sample en anglais), le plus souvent 44100 fois par seconde. C’est le bloc le plus int\u00e9ressant, car c’est ici que l’on peut modifier le son avec les variables spl0<\/code>..spl63<\/code>.<\/li>\n<\/ul>\nD’autres sections existent dans la doc, j’y reviendrai \u00e0 l’occasion \ud83d\ude42<\/p>\n
Jouer avec le bloc @sample<\/h2>\n
Un moyen simple de commencer \u00e0 modifier le son consiste \u00e0 jouer un peu avec le bloc @sample<\/code>.
\nComme dit plus haut, dans ce bloc nous avons acc\u00e8s aux variables spl0<\/code> et spl1<\/code> (autant que de canaux, ici on s’int\u00e9ressera seulement \u00e0 la st\u00e9r\u00e9o).
\nCes variables contiennent la valeur des \u00e9chantillons sonores que re\u00e7oit notre effet.<\/p>\nL’impl\u00e9mentation de base est la suivante:<\/p>\n
spl0 = spl0;
\nspl1 = spl1;<\/code><\/div>\nQui, vous l’aurez devin\u00e9, ne fait qu’envoyer en sortie ce qu’on re\u00e7oit en entr\u00e9e.
\nIl est possible de faire des op\u00e9rations sur ces variables comme dans tout langage de programmation:<\/p>\n
![\"Screenshot](\"http:\/\/zylannprods.fr\/tutorials\/jsfx\/edit_button.png\")
<\/p>\n![\"Screenshot](\"http:\/\/zylannprods.fr\/tutorials\/jsfx\/srate.png\"\/)
<\/p>\n![\"Screenshot](\"http:\/\/zylannprods.fr\/tutorials\/jsfx\/compteur.png\")
<\/p>\n