{"id":2034,"date":"2015-01-03T22:26:56","date_gmt":"2015-01-03T21:26:56","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2034"},"modified":"2019-01-29T17:04:15","modified_gmt":"2019-01-29T16:04:15","slug":"exo-1","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2034","title":{"rendered":"Paul Klee"},"content":{"rendered":"

S\u00e9lectionnez une partie du tableau “Ch\u00e2teau et soleil” de Paul Klee et redessiner la en utilisant p5.js dans un sketch de 600 x 600 pixels.
\nUtilisez une partie int\u00e9ressante\/ambitieuse du tableau de Klee que vous “croperez” dans Gimp et chargerez dans p5.js.
\nPour lire les couleurs utiliser Gimp.
\nUtiliser<\/strong> les fonctions suivantes pour les trac\u00e9s: ligne (), triangle (), quad (), rect (), ellipse (), et arc ().
\n<\/em>Utiliser<\/strong> les fonctions stroke(), fill(),<\/em> et background()<\/em> dans votre sketch.
\nRendre<\/strong> un fichier zip qui contient uniquement les fichiers suivants :
\n_ Votre sketch p5.js<\/em> , qui nomm\u00e9 “sketch.js”<\/em>
\n_ La version recadr\u00e9e de l’image de r\u00e9f\u00e9rence
\n_ Un fichier html<\/em>, appel\u00e9e index.html<\/em> qui charge le fichier sketch.js\"Kunst<\/a><\/em><\/p>\n

Base \u00e0 utiliser pour l’exercice 1 pour sketch.js<\/em>. Ajouter le nom de l’image plac\u00e9e dans le m\u00eame dossier que le fichiers.
\nLa ligne de code\u00a0 println(mouseX+ ” : ” +mouseY); <\/em>permet d’afficher les coordonn\u00e9es de la souris dans la console.
\n<\/em><\/p>\n

[attachments include=\"2035\"]var img;\r\nfunction preload() {\r\n\u00a0 img = loadImage(\"nom_de_l_image\"); \r\n}\r\n\r\nfunction setup() {\r\n\u00a0 createCanvas(600, 600);\r\n\u00a0 image(img, 0, 0);\r\n}\r\n\r\nfunction draw() {\r\n\u00a0\u00a0 println(mouseX+ \" : \" +mouseY); \r\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"
S\u00e9lectionnez une partie du tableau “Ch\u00e2teau et soleil” de Paul Klee et redessiner la en utilisant p5.js dans un sketch de 600 x 600 pixels. Utilisez une partie int\u00e9ressante\/ambitieuse du tableau de Klee que vous “croperez” dans Gimp… Lire la suite…<\/a><\/p>\n","protected":false},"author":1,"featured_media":2035,"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\/2034"}],"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=2034"}],"version-history":[{"count":10,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2034\/revisions"}],"predecessor-version":[{"id":3536,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2034\/revisions\/3536"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/media\/2035"}],"wp:attachment":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2034"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2034"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}