{"id":1893,"date":"2016-01-01T00:57:30","date_gmt":"2015-12-31T23:57:30","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/?p=1893"},"modified":"2018-03-10T16:53:16","modified_gmt":"2018-03-10T15:53:16","slug":"colorier","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/p5js\/?p=1893","title":{"rendered":"\/ p5.js \/ 3 \/ colorier"},"content":{"rendered":"<p style=\"text-align: center;\"><!--more--><\/p>\n<p>Commen\u00e7ons pas les nuances de gris&#8230;<br \/>\np5.js permet d&#8217;utiliser 256 nuances de gris. 0 , l&#8217;absence de lumi\u00e8re = noir, 255, pleine lumi\u00e8re = blanc.<br \/>\nToutes les valeurs comprises entre 0 et 255 sont utilisables.<\/p>\n<pre>function setup() {\r\ncreateCanvas(800, 600);\r\nnoStroke();\r\n}\r\nfunction draw() {\r\nbackground(0);\r\nfill(255);\r\nrect(10, 10, 600, 100);\r\nfill(200);\r\nrect(20, 100, 600, 100);\r\nfill(100);\r\nrect(30, 190, 600, 100);\r\n}<\/pre>\n<p>Il est possible d&#8217;utiliser les param\u00e8tres RVB pour les couleurs.<\/p>\n<pre>function setup() {\r\ncreateCanvas(800, 600);\r\nnoStroke();\r\n}\r\nfunction draw() {\r\nbackground(0, 26, 51); \r\nfill(255, 0, 0); \r\nellipse(130, 180, 200, 200);\r\nfill(0, 255, 0); \r\nellipse(230, 160, 200, 200);\r\nfill(0, 0, 255);\r\nellipse(280, 220, 200, 200);\r\n}<\/pre>\n<p>Ajouter un 4e param\u00e8tre permet d&#8217;utiliser la transparence<\/p>\n<pre>function setup() {\r\ncreateCanvas(800, 600);\r\nnoStroke();\r\n}\r\nfunction draw() {\r\nbackground(0, 26, 51); \r\nfill(255, 0, 0, 200); \r\nellipse(130, 180, 200, 200);\r\nfill(0, 255, 0, 100); \r\nellipse(230, 160, 200, 200);\r\nfill(0, 0, 255, 100);\r\nellipse(280, 220, 200, 200);\r\n}<\/pre>\n<blockquote class=\"wp-embedded-content\" data-secret=\"1rdU6CzY6b\"><p><a href=\"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=3521\">Exercice Robot<\/a><\/p><\/blockquote>\n<p><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" src=\"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=3521&#038;embed=true#?secret=1rdU6CzY6b\" data-secret=\"1rdU6CzY6b\" width=\"600\" height=\"338\" title=\"\u00ab\u00a0Exercice Robot\u00a0\u00bb &#8212; \" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"UPVfshvBxl\"><p><a href=\"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2034\">Paul Klee<\/a><\/p><\/blockquote>\n<p><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" src=\"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2034&#038;embed=true#?secret=UPVfshvBxl\" data-secret=\"UPVfshvBxl\" width=\"600\" height=\"338\" title=\"\u00ab\u00a0Paul Klee\u00a0\u00bb &#8212; \" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p>&nbsp;<\/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\/1893"}],"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=1893"}],"version-history":[{"count":8,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/1893\/revisions"}],"predecessor-version":[{"id":3524,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/1893\/revisions\/3524"}],"wp:attachment":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1893"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1893"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}