{"id":2368,"date":"2015-01-01T17:13:05","date_gmt":"2015-01-01T16:13:05","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2368"},"modified":"2016-02-01T18:14:38","modified_gmt":"2016-02-01T17:14:38","slug":"pattern-4","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2368","title":{"rendered":"pattern 4"},"content":{"rendered":"<pre>var x, y;\r\n\r\nfunction setup() {\r\n\u00a0 createCanvas(1600, 600);\r\n\u00a0 noLoop();\r\n}\r\n\r\nfunction draw(){\r\n\u00a0 background(255);\r\n\u00a0 rectMode(CENTER);\r\n\u00a0 x = width\/2;\r\n\u00a0 y = height\/2;\r\n\u00a0 noFill();\r\n\u00a0 strokeWeight(2);\r\n\r\n\u00a0 for (var i = 0; i&lt; 10; i++) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 stroke(random(255), random(20, 225), random(255));\r\n\u00a0\u00a0\u00a0 rect(x + random(-4, 4), y + random(-4, 4), .8*width, .8*height);\r\n\u00a0 }\r\n\u00a0 for (var i = (.1*height); i &lt; (.9*height); i += 2) {\r\n\u00a0\u00a0\u00a0 strokeWeight(1);\r\n\u00a0\u00a0\u00a0 stroke(random(255), random(255), random(255));\r\n\u00a0\u00a0\u00a0 line(.1*width+ random(-6, 6), i+random(-4, 4), .9*width + random(-6, 6), i+ random(-4, 4));\r\n\u00a0 }\r\n}\r\n\r\nfunction mousePressed(){\r\n\u00a0 redraw();\r\n}<\/pre>\n<pre>function setup() {\r\n\u00a0createCanvas(800, 600);\r\n\u00a0\u00a0 background(\"#ff00ff\");\r\n\u00a0\u00a0 smooth();\r\n}\r\n\u00a0\r\nfunction draw_grid() {\r\n\u00a0 noFill();\r\n\u00a0 background(\"#ff00ff\");\r\n\u00a0 var incr = 50;\r\n\u00a0 for (var x=5+ incr\/2; x &lt; width; x +=incr) {\r\n\u00a0\u00a0\u00a0 for (var y =5+ incr\/2; y &lt; height; y += incr) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 if (random(20)&gt;18) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 strokeWeight(8);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 stroke(255);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 else {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 strokeWeight(2);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 stroke(\"#ff0090\");\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 ellipse(x, y, incr-10, incr-10);\r\n\u00a0\u00a0\u00a0 }\r\n\u00a0 }\r\n}\r\n\u00a0\r\nfunction draw() {\r\n}\r\n\u00a0\r\nfunction mousePressed() {\r\n\u00a0 draw_grid();\r\n\u00a0 \/\/save(\"image.png\");\r\n}<\/pre>\n<pre>var incr_x, incr_y, x, y, r;\r\nvar countLine = 0; \/\/ how many lines in a (vertical) row?\r\nvar countCross = 0; \/\/ how many crosses in a (vertical) row?\r\nvar margin = 5;\r\nvar counter = -1;\r\nvar isX = [];\r\nvar val;\r\nvar steps_x, steps_y; \/\/ number of rows and columns\r\nvar max = 4; \/\/ max number of symbols in a row, vertically!\r\n\u00a0\r\nfunction setup() {\r\n\u00a0 createCanvas(500, 500);\r\n\u00a0 stroke(0);\r\n\u00a0 strokeWeight(12);\r\n\u00a0 strokeCap(SQUARE);\r\n\u00a0\r\n\u00a0 steps_x = 10; \/\/number of columns\r\n\u00a0 steps_y = 12; \/\/number of lines\r\n\u00a0\r\n\u00a0 incr_x = width\/float(steps_x);\r\n\u00a0 incr_y = height\/float(steps_y);\r\n\u00a0\r\n\u00a0 drawPattern();\r\n}\r\n\u00a0\r\nfunction draw() {\r\n}\r\n\u00a0\r\nfunction drawPattern() {\r\n\u00a0 background(255);\r\n\u00a0 for (x = 0; x &lt; width; x += incr_x) {\r\n\u00a0\u00a0\u00a0 for (y = (incr_y)\/2; y &lt; height; y += incr_y) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 counter += 1;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 r = random(1);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 if (counter&gt;2*steps_y-1) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if (isX[counter-2*steps_y]+isX[counter-steps_y]== 2) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 val = 0;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 else if (isX[counter-2*steps_y]+isX[counter-steps_y]== 0) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 val = 1;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 else {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if (r &gt;0.6) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 val = 1;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 else {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 val = 0;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 else {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if (r &gt;0.5) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 val = 1;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 else {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 val = 0;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 if (countLine == max) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 val = 1;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 if (countCross == max) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 val = 0;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 isX = append(isX, val);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 if (isX[counter] == 1) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 isCross();\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 else {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 isLine();\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0 }\r\n\u00a0 }\r\n}\r\n\u00a0\r\n\u00a0\r\nfunction mouseClicked() {\r\n\u00a0 drawPattern();\r\n}\r\n\u00a0\r\nfunction isCross() {\r\n\u00a0 line(x+10, y+(incr_y)\/2-margin, x+(incr_x) - margin, y-(incr_y)\/2 +margin);\r\n\u00a0 line(x+10, y-(incr_y)\/2+margin, x+(incr_x) - margin, y+ (incr_y)\/2 -margin);\r\n\u00a0 countCross += 1;\r\n\u00a0 countLine =0;\r\n}\r\n\u00a0\r\nfunction isLine() {\r\n\u00a0 line(x +margin, y, x + (incr_x)-margin, y);\r\n\u00a0 countCross = 0;\r\n\u00a0 countLine +=1;\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>var x, y; function setup() { \u00a0 createCanvas(1600, 600); \u00a0 noLoop(); } function draw(){ \u00a0 background(255); \u00a0 rectMode(CENTER); \u00a0 x = width\/2; \u00a0 y = height\/2; \u00a0 noFill(); \u00a0 strokeWeight(2); \u00a0 for (var i = 0; i&lt; 10;&#8230; <a class=\"read-more\" href=\"https:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2368\">Lire la suite&#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2368"}],"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=2368"}],"version-history":[{"count":4,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2368\/revisions"}],"predecessor-version":[{"id":2372,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2368\/revisions\/2372"}],"wp:attachment":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2368"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2368"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}