{"id":1995,"date":"2016-01-01T00:54:20","date_gmt":"2015-12-31T23:54:20","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=1995"},"modified":"2017-10-01T21:14:51","modified_gmt":"2017-10-01T20:14:51","slug":"p5-js-6-souris","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/p5js\/?p=1995","title":{"rendered":"\/ p5.js \/ 6 \/ structures conditionnelles"},"content":{"rendered":"<p style=\"text-align: center;\"><!--more--><\/p>\n<h4>Conditions<\/h4>\n<p>Les structures conditionnelles permettent d&#8217;enrichir les animations en cr\u00e9ant des conditions d&#8217;ex\u00e9cutions du programme.<\/p>\n<p><a href=\"http:\/\/www.lyceelecorbusier.eu\/p5js\/wp-content\/uploads\/sites\/25\/2016\/01\/if.png\" rel=\"attachment wp-att-2002\"><img loading=\"lazy\" width=\"240\" height=\"216\" class=\"size-full wp-image-2002 alignleft\" src=\"http:\/\/www.lyceelecorbusier.eu\/p5js\/wp-content\/uploads\/sites\/25\/2016\/01\/if.png\" alt=\"if\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<pre>function setup() {\r\ncreateCanvas(780, 200);\r\nstrokeWeight(4);\r\n}\r\nfunction draw() {\r\n\u00a0\u00a0 \u00a0if (mouseIsPressed == true){\r\nline(mouseX, mouseY, pmouseX, pmouseY);\r\n\u00a0}\r\n}<\/pre>\n<p><a href=\"http:\/\/www.lyceelecorbusier.eu\/p5js\/wp-content\/uploads\/sites\/25\/2016\/01\/ifesle.png\" rel=\"attachment wp-att-2005\"><img loading=\"lazy\" width=\"393\" height=\"232\" class=\"size-full wp-image-2005 alignleft\" src=\"http:\/\/www.lyceelecorbusier.eu\/p5js\/wp-content\/uploads\/sites\/25\/2016\/01\/ifesle.png\" alt=\"ifesle\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/p5js\/wp-content\/uploads\/sites\/25\/2016\/01\/ifesle.png 393w, https:\/\/www.lyceelecorbusier.eu\/p5js\/wp-content\/uploads\/sites\/25\/2016\/01\/ifesle-300x177.png 300w\" sizes=\"(max-width: 393px) 100vw, 393px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<pre>function setup() {\r\ncreateCanvas(780, 200);\r\nstrokeWeight(4);\r\n}\r\nfunction draw() {\r\n\u00a0\u00a0 \u00a0if (mouseX &lt; 390){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0stroke(255,0,0);\r\n\u00a0\u00a0 \u00a0}else{\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0stroke(0)\r\n\u00a0\u00a0 \u00a0}\r\nellipse(mouseX, mouseY, 30, 30);\r\n}<\/pre>\n<p>Dans cet exemple si \/ <em>if<\/em> la souris se trouve en x \u00e0 moins de 360 px alors le contour \/ <em>stroke<\/em>\u00a0 de l&#8217;<em>ellipse<\/em> est rouge (255,0,0);<br \/>\nSinon \/<em> else<\/em> le filet est noir (0).<\/p>\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\/1995"}],"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=1995"}],"version-history":[{"count":20,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/1995\/revisions"}],"predecessor-version":[{"id":3502,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/1995\/revisions\/3502"}],"wp:attachment":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1995"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1995"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1995"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}