{"id":2099,"date":"2015-01-10T19:27:14","date_gmt":"2015-01-10T18:27:14","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2099"},"modified":"2016-09-27T22:59:43","modified_gmt":"2016-09-27T21:59:43","slug":"exo-2","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2099","title":{"rendered":"Charles Csuri"},"content":{"rendered":"
\"randomwt9\"<\/h5>\n

Charles Csuri<\/strong> Random War,<\/em> 1967
\nComputer-processed drawing, silkscreen after plotter drawing
\nCharles A. Csuri est un artiste pionnier dans le domaine de l’art informatique et de l’animation num\u00e9rique. Autre\u00a0\u0153uvre de Charles Csuri dans le cadre du re-code project<\/p>\n

<\/strong><\/a><\/p>\n

D\u00e9finir<\/span> un th\u00e8me<\/span> puis<\/span> d\u00e9velopper un syst\u00e8me de<\/span> collage dans<\/span> p5.js<\/span><\/em> bas\u00e9 sur<\/span> ce th\u00e8me<\/span>.
\nChaque fois que<\/span> l’utilisateur clique, <\/span>votre<\/span> programme doit<\/span> g\u00e9n\u00e9rer un<\/span> nouveau collage<\/span>.<\/span>
\nLes<\/span> collages<\/span>\u00a0peuvent\u00a0combiner<\/span> les \u00e9l\u00e9ments suivants<\/span>: images<\/span>, typographie,<\/span> graphiques g\u00e9n\u00e9r\u00e9s<\/span>.<\/span>
\nUtiliser<\/span> une touche du clavier pour afficher une description de\u00a0<\/span>votre th\u00e8me<\/span>.<\/span><\/h5>\n

 <\/p>\n

Aide \u00e0 la r\u00e9alisation…<\/h4>\n
\u00a0<\/strong>ImageMode<\/span> (<\/span>CENTER<\/span>)<\/em> <\/strong>interpr\u00e8te les<\/span> 2e<\/sup> et 3e<\/sup> param\u00e8tres<\/span> de<\/span> l’image<\/em><\/span> (<\/span>)<\/em> comme le point central<\/span> de<\/span> l’image<\/span>.<\/span><\/div>\n
imageMode <\/span>(<\/span>CENTER<\/span>)<\/span>\r\nimage(img, 100, 100);\r\n<\/span><\/pre>\n
Cette fonction facilite le positionnement des images… parfois<\/div>\n
<\/div>\n
La fonction random(min, max);<\/em><\/strong> permet de rendre les donn\u00e9es al\u00e9atoires. Les 2 valeurs fixent la valeur minimum et la valeur maximum.
\nDans l’exemple ci-dessous random()<\/em> est utilis\u00e9 pour la couleur des cercles : fill (random(0,255), random(0,255) ,random(0,255));
\n<\/em><\/em>Pour la taille des cercles, \u00e0 l’aide d’une variable : var d = random(50,100);
\n<\/em><\/em>Pour la distribution des cercle sur y : ellipse(i,random(100, 500), d, d);<\/em><\/div>\n
function setup(){\r\n\u00a0 createCanvas (800,600);\r\n\u00a0 background(255);\r\n}\r\n\r\nfunction draw(){\r\n}\r\n\r\nfunction mousePressed (){\r\n\u00a0\u00a0 \u00a0\u00a0 background(255);\r\n\u00a0\u00a0 \u00a0\u00a0 noStroke();\r\n\u00a0 for(var i = 50; i<width-50; i += 50){\r\n\u00a0 fill(random(0,255),random(0,255),random(0,255));\r\n\u00a0 var d = random(50,100);\r\n\u00a0 ellipse(i,random(100, 500), d, d);\r\n\u00a0 }\r\n}<\/pre>\n
\u00a0Pour toutes les r\u00e9f\u00e9rences de p5.js : http:\/\/p5js.org\/reference\/<\/a><\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n","protected":false},"excerpt":{"rendered":"
Charles Csuri Random War, 1967 Computer-processed drawing, silkscreen after plotter drawing Charles A. Csuri est un artiste pionnier dans le domaine de l’art informatique et de l’animation num\u00e9rique. Autre\u00a0\u0153uvre de Charles Csuri dans le cadre du re-code project… Lire la suite…<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[],"_links":{"self":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2099"}],"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=2099"}],"version-history":[{"count":13,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2099\/revisions"}],"predecessor-version":[{"id":3177,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2099\/revisions\/3177"}],"wp:attachment":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2099"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2099"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}