{"id":3064,"date":"2016-01-01T00:39:57","date_gmt":"2015-12-31T23:39:57","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=3064"},"modified":"2016-09-20T09:25:36","modified_gmt":"2016-09-20T08:25:36","slug":"p5-js-21-gestion-du-son-partie-2","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/p5js\/?p=3064","title":{"rendered":"\/ p5.js \/ 21 \/ gestion du son \/ partie 2"},"content":{"rendered":"<p><!--more--><\/p>\n<h5><a href=\"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=3047\">&#8230; retour<\/a><\/h5>\n<h6>6 \/ Il est possible de faire du bruit (noise) avec p5.js&#8230;<\/h6>\n\n<!-- iframe plugin v.5.1 wordpress.org\/plugins\/iframe\/ -->\n<iframe src=\"http:\/\/lyceelecorbusier.eu\/p5\/son\/07-son\" width=\"780\" height=\"300\" style=\"border: 1px solid #ddd;\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n\n<pre>var noise;\r\n\r\nfunction setup() {\r\n createCanvas(780, 300);\r\n noise = new p5.Noise(); \r\n noise.start();\r\n}\r\n\r\nfunction draw() {\r\n background(236,36,94);\r\n \r\n var vol = map(mouseX, 0, width, 0, 1);\r\n noise.amp(vol);\r\n vol = constrain(vol, 0, 1);\r\n noStroke();\r\n fill(36,236,94);\r\n ellipse(mouseX, 150, 50, 50);\r\n}<\/pre>\n<h6>7 \/ Varier la fr\u00e9quence d&#8217;un oscillateur<\/h6>\n\n<!-- iframe plugin v.5.1 wordpress.org\/plugins\/iframe\/ -->\n<iframe src=\"http:\/\/lyceelecorbusier.eu\/p5\/son\/08-son\" width=\"780\" height=\"300\" style=\"border: 1px solid #ddd;\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n\n<pre>var osc;\r\n\r\nfunction setup() {\r\n createCanvas(780, 300);\r\n\r\n osc = new p5.SinOsc();\r\n osc.start();\r\n osc.amp(1);\r\n}\r\n\r\nfunction draw() {\r\n background(255);\r\n var freq = map(mouseX, 0, width, 40, 1200);\r\n osc.freq(freq);\r\n noStroke();\r\n fill(236,36,94);\r\n ellipse(mouseX, 150, 60, 60);\r\n}<\/pre>\n<h6>8 \/ Une enveloppe est une s\u00e9rie de fondus, d\u00e9finies comme paires temps \/ valeur. L&#8217;enveloppe est utilis\u00e9e pour &#8220;lire&#8221; une note en contr\u00f4lant l&#8217;amplitude de sortie d&#8217;un oscillateur.<\/h6>\n\n<!-- iframe plugin v.5.1 wordpress.org\/plugins\/iframe\/ -->\n<iframe src=\"http:\/\/lyceelecorbusier.eu\/p5\/son\/09-son\" width=\"780\" height=\"300\" style=\"border: 1px solid #ddd;\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n\n<pre>var osc;\r\nvar envelope;\r\n\r\nvar scaleArray = [60, 62, 64, 65, 67, 69, 71, 72];\r\nvar note = 0;\r\n\r\nfunction setup() {\r\n createCanvas(780, 300);\r\n osc = new p5.SinOsc();\r\n envelope = new p5.Env(0.01, 0.5, 1, 0.5);\r\n \r\n}\r\n\r\nfunction draw() {\r\n background(236,36,94);\r\n cursor(HAND);\r\n if (frameCount % 60 == 0) {\r\n var midiValue = scaleArray[note];\r\n var freqValue = midiToFreq(midiValue);\r\n osc.freq(freqValue);\r\n\r\n envelope.play(osc);\r\n note = (note + 1) % scaleArray.length;\r\n }\r\n}\r\n\r\nfunction mousePressed(){\r\n osc.start();\r\n}<\/pre>\n<h5><a href=\"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=3072\">suite&#8230;<\/a><\/h5>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[],"_links":{"self":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/3064"}],"collection":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3064"}],"version-history":[{"count":6,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/3064\/revisions"}],"predecessor-version":[{"id":3075,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/3064\/revisions\/3075"}],"wp:attachment":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3064"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3064"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}