{"id":2954,"date":"2016-09-10T14:56:18","date_gmt":"2016-09-10T13:56:18","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2954"},"modified":"2016-09-10T16:10:57","modified_gmt":"2016-09-10T15:10:57","slug":"p5-re-code-12","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2954","title":{"rendered":"\/ p5 \/ re-code 12"},"content":{"rendered":"<p>Inspir\u00e9 par <a href=\"http:\/\/www.lyceelecorbusier.eu\/p5\/recode\/COMPUTER_GRAPHICS_AND_ART_May1978.pdf\" target=\"_blank\">Computer Graphics and Art vol3 n\u00b02<\/a> page 31, &#8220;Unimaginable Images&#8221; (from the &#8220;196 Trapeziums Series&#8221;) de\u00a0<a href=\"http:\/\/www.veramolnar.com\/\" target=\"_blank\">Vera Molnar<\/a><\/p>\n\n<!-- iframe plugin v.5.1 wordpress.org\/plugins\/iframe\/ -->\n<iframe src=\"http:\/\/lyceelecorbusier.eu\/p5\/recode\/012-recode\" width=\"780\" height=\"780\" style=\"border: 1px solid #ddd;\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n\n<pre>\/\/ This sketch is part of the ReCode Project - http:\/\/recodeproject.com\r\n\/\/ From Computer Graphics and Art vol3 no2 pg 31\r\n\/\/ Unimaginable Images (from the \"196 Trapeziums Series\")\r\n\/\/ by Vera Molnar\r\n\/\/ \r\n\/\/ \r\n\/\/ Quin Kennedy\r\n\/\/ 2012\r\n\/\/ Creative Commons license CC BY-SA 3.0\r\n\r\nvar numTiles = 14;\r\nvar gutterRelativeSize = .5;\r\nvar windowSize = 780;\r\n\/\/we need space for each tile, \r\n\/\/space for each gutter above each tile, \r\n\/\/and space for the final gutter (below of the bottom row)\r\n\r\n\r\nfunction setup(){\r\n var tileSize = floor(windowSize\/(numTiles*(1+gutterRelativeSize)+gutterRelativeSize));\r\n var gutterSize = floor(tileSize*gutterRelativeSize);\r\n var actualWinSize = (tileSize+gutterSize)*numTiles+gutterSize;\r\n createCanvas(actualWinSize, actualWinSize);\r\n noLoop();\r\n}\r\n\r\nfunction draw(){\r\n background(255);\r\n stroke(0);\r\n var tileSize = floor(windowSize\/(numTiles*(1+gutterRelativeSize)+gutterRelativeSize));\r\n var gutterSize = floor(tileSize*gutterRelativeSize);\r\n \/\/strokeWeight(2);\r\n strokeJoin(ROUND);\r\n noFill();\r\n \/\/for each grid cell...\r\n for(var i = 0, gi = gutterSize; i &lt; numTiles; i++, gi += gutterSize+tileSize){\r\n for(var j = 0, gj = gutterSize; j &lt; numTiles; j++, gj += gutterSize+tileSize){\r\n drawTrapezium(gi+tileSize\/2, gj+tileSize\/2);\r\n }\r\n }\r\n}\r\n\r\nfunction drawTrapezium(xCenter, yCenter){\r\n var tileSize = floor(windowSize\/(numTiles*(1+gutterRelativeSize)+gutterRelativeSize));\r\n\r\n var topScale = random(-2, 2);\r\n var bottomScale = random(-2, 2);\r\n var halfTile = tileSize\/2.;\r\n quad(xCenter - tileSize\/2 + random(-tileSize, tileSize), yCenter - halfTile,\r\n xCenter + tileSize\/2 + random(-tileSize, tileSize), yCenter - halfTile,\r\n xCenter + tileSize\/2 + random(-tileSize, tileSize), yCenter + halfTile,\r\n xCenter - tileSize\/2 + random(-tileSize, tileSize), yCenter + halfTile);\r\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Inspir\u00e9 par Computer Graphics and Art vol3 n\u00b02 page 31, &#8220;Unimaginable Images&#8221; (from the &#8220;196 Trapeziums Series&#8221;) de\u00a0Vera Molnar \/\/ This sketch is part of the ReCode Project &#8211; http:\/\/recodeproject.com \/\/ From Computer Graphics and Art vol3 no2&#8230; <a class=\"read-more\" href=\"https:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2954\">Lire la suite&#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":2961,"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\/2954"}],"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=2954"}],"version-history":[{"count":4,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2954\/revisions"}],"predecessor-version":[{"id":2960,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2954\/revisions\/2960"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/media\/2961"}],"wp:attachment":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2954"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2954"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2954"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}