{"id":2981,"date":"2016-09-11T15:20:13","date_gmt":"2016-09-11T14:20:13","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2981"},"modified":"2016-09-11T17:51:29","modified_gmt":"2016-09-11T16:51:29","slug":"p5-re-code-18","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2981","title":{"rendered":"\/ p5 \/ re-code 18"},"content":{"rendered":"\n<!-- iframe plugin v.5.1 wordpress.org\/plugins\/iframe\/ -->\n<iframe src=\"http:\/\/lyceelecorbusier.eu\/p5\/recode\/018-recode\" width=\"780\" height=\"780\" style=\"border: 1px solid #ddd;\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n\n<pre>var tiles = [7];\r\nvar windowSize = 780;\r\nvar tileSize = windowSize\/15;\r\n\r\nfunction setup(){\r\n createCanvas(windowSize,windowSize);\r\n createTiles();\r\n noLoop();\r\n\r\n}\r\n\r\nfunction draw(){\r\n background(255);\r\n imageMode(CENTER);\r\n for(var i = 0; i &lt; width; i+=tileSize){\r\n for(var j = 0; j &lt; height; j+=tileSize){\r\n var tile = floor(random(tiles.length));\r\n \/\/boolean bw = (random(2) &gt;= 1);\r\n var rotation = floor(random(4));\r\n push();\r\n translate(i,j);\r\n translate(tileSize\/2, tileSize\/2);\r\n rotate(PI*rotation\/2);\r\n image(tiles[tile], 0, 0);\r\n pop();\r\n }\r\n }\r\n}\r\n\r\nfunction createTiles(){\r\n var i = 0;\r\n pg = createGraphics(tileSize, tileSize);\r\n pg.background(0);\r\n pg.noStroke();\r\n pg.fill(255);\r\n pg.ellipse(0, 0, tileSize*2, tileSize*2);\r\n tiles[i++] = pg;\r\n \r\n pg1 = createGraphics(tileSize, tileSize);\r\n pg1.background(255);\r\n pg1.noStroke();\r\n pg1.fill(0);\r\n pg1.ellipse(0, 0, tileSize*2, tileSize*2);\r\n tiles[i++] = pg1;\r\n \r\n pg2 = createGraphics(tileSize, tileSize);\r\n pg2.background(0);\r\n pg2.noStroke();\r\n pg2.fill(255);\r\n pg2.rect(0, 0, tileSize, tileSize\/2);\r\n tiles[i++] = pg2;\r\n \r\n pg3 = createGraphics(tileSize, tileSize);\r\n pg3.background(255);\r\n pg3.noStroke();\r\n pg3.fill(0);\r\n pg3.rect(0, 0, tileSize, tileSize\/2);\r\n tiles[i++] = pg3;\r\n \r\n pg4 = createGraphics(tileSize, tileSize);\r\n pg4.background(0);\r\n pg4.noStroke();\r\n pg4.fill(255);\r\n pg4.triangle(0, 0, tileSize, 0, 0, tileSize);\r\n tiles[i++] = pg4;\r\n \r\n pg5 = createGraphics(tileSize, tileSize);\r\n pg5.background(255);\r\n pg5.noStroke();\r\n pg5.fill(0);\r\n pg5.triangle(0, 0, tileSize, 0, 0, tileSize);\r\n tiles[i++] = pg5;\r\n \r\n \/\/might happen less often than others...\r\n pg6 = createGraphics(tileSize, tileSize);\r\n pg6.background(0);\r\n tiles[i++] = pg6;\r\n \/\/PGraphics pg2 = createGraphics(width\/15, width\/15, P2D);\r\n}<\/pre>\n<h6>Version Simplifi\u00e9e<\/h6>\n<p><img loading=\"lazy\" width=\"779\" height=\"391\" class=\"aligncenter size-full wp-image-2986\" src=\"http:\/\/www.lyceelecorbusier.eu\/p5js\/wp-content\/uploads\/sites\/25\/2016\/09\/18B.jpg\" alt=\"18b\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/p5js\/wp-content\/uploads\/sites\/25\/2016\/09\/18B.jpg 779w, https:\/\/www.lyceelecorbusier.eu\/p5js\/wp-content\/uploads\/sites\/25\/2016\/09\/18B-300x151.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/p5js\/wp-content\/uploads\/sites\/25\/2016\/09\/18B-768x385.jpg 768w\" sizes=\"(max-width: 779px) 100vw, 779px\" \/><\/p>\n<pre>var tiles = [2];\r\nvar windowSize = 400;\r\nvar tileSize = windowSize\/5;\r\n\r\nfunction setup(){\r\n  createCanvas(windowSize,windowSize);\r\n  createTiles();\r\n  noLoop();\r\n}\r\n\r\nfunction draw(){\r\n  background(255);\r\n  imageMode(CENTER);\r\n  for(var i = 0; i &lt; width; i+=tileSize){\r\n    for(var j = 0; j &lt; height; j+=tileSize){ var tile = floor(random(tiles.length)); \/\/boolean bw = (random(2) &gt;= 1);\r\n      var rotation = floor(random(4));\r\n      push();\r\n      translate(i,j);\r\n      translate(tileSize\/2, tileSize\/2);\r\n      rotate(PI*rotation\/2);\r\n      image(tiles[tile], 0, 0);\r\n      pop();\r\n    }\r\n  }\r\n}\r\n\r\nfunction createTiles(){\r\n  var i = 0;\r\n  pg = createGraphics(tileSize, tileSize);\r\n  pg.background(0);\r\n  pg.noStroke();\r\n  pg.fill(255);\r\n  pg.ellipse(0, 0, tileSize*2, tileSize*2);\r\n  tiles[i++] = pg;\r\n  \r\n  pg1 = createGraphics(tileSize, tileSize);\r\n  pg1.background(255);\r\n  pg1.noStroke();\r\n  pg1.fill(0);\r\n  pg1.ellipse(0, 0, tileSize*2, tileSize*2);\r\n  tiles[i++] = pg1;\r\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>var tiles = [7]; var windowSize = 780; var tileSize = windowSize\/15; function setup(){ createCanvas(windowSize,windowSize); createTiles(); noLoop(); } function draw(){ background(255); imageMode(CENTER); for(var i = 0; i &lt; width; i+=tileSize){ for(var j = 0; j &lt; height; j+=tileSize){&#8230; <a class=\"read-more\" href=\"https:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2981\">Lire la suite&#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":2982,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[9,6],"tags":[],"_links":{"self":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2981"}],"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=2981"}],"version-history":[{"count":6,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2981\/revisions"}],"predecessor-version":[{"id":2989,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2981\/revisions\/2989"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/media\/2982"}],"wp:attachment":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2981"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}