{"id":1919,"date":"2016-01-01T00:55:55","date_gmt":"2015-12-31T23:55:55","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/?p=1919"},"modified":"2016-09-22T15:11:10","modified_gmt":"2016-09-22T14:11:10","slug":"iterations-integrees","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/p5js\/?p=1919","title":{"rendered":"\/ p5.js \/ 5 \/ it\u00e9rations int\u00e9gr\u00e9es"},"content":{"rendered":"

<\/p>\n

Une s\u00e9rie d’exemples et d’exercices bas\u00e9s sur une grille de rang\u00e9es et de colonnes pour g\u00e9n\u00e9rer des motifs en utilisant des variables et des boucles it\u00e9ratives.<\/p>\n

Exemples 1<\/p>\n

function setup() {\r\n\u00a0 createCanvas(windowWidth, windowHeight);\r\n\u00a0 noFill();\r\n}\r\n\r\nfunction draw() {\r\n\u00a0 background(255);\r\n\u00a0 for (x = 25; x < width-25; x += 50){\r\n\u00a0\u00a0\u00a0 for (y = 25; y < height-25; y += 50){\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 line(x-5, y-5, x+5, y+5);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 line(x+5, y-5, x-5, y+5);\r\n\u00a0\u00a0\u00a0 }\r\n\u00a0 }\r\n}<\/pre>\n
Exercice 1 : Modifier les valeurs afin d’agrandir les croix, de les rapprocher et les \u00e9loigner.<\/p>\n
Exemple 2 :<\/p>\n
function setup() {\r\n\u00a0 createCanvas(windowWidth, windowHeight);\r\n\u00a0 noFill();\r\n}\r\n\r\nfunction draw() {\r\n\u00a0 background(255);\r\n\u00a0 for (x = 25; x<width-25; x += 50){\r\n\u00a0\u00a0\u00a0 for (y = 25; y<height-25; y += 50){\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 ellipse (x, y, 15, 15);\r\n\u00a0\u00a0\u00a0 }\r\n\u00a0 }\r\n}<\/pre>\n
Exercice 2 : modifier les valeurs afin d’obtenir les motifs suivants\"iteration1\"<\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
Exercice 3 : Modifier le code afin d’obtenir le r\u00e9sultat suivant.<\/p>\n
\"iteration2\"<\/p>\n
Fran\u00e7ois Morellet<\/a><\/p><\/blockquote>\n