{"id":2461,"date":"2016-02-11T19:58:59","date_gmt":"2016-02-11T18:58:59","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2461"},"modified":"2016-09-09T17:01:26","modified_gmt":"2016-09-09T16:01:26","slug":"2461","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2461","title":{"rendered":"\/p5.js \/ P_2_1_1_02"},"content":{"rendered":"<p style=\"text-align: center;\"><!--more-->\n<!-- iframe plugin v.5.1 wordpress.org\/plugins\/iframe\/ -->\n<iframe src=\"http:\/\/lyceelecorbusier.eu\/p5\/generative\/P_2_1_1_02\/\" width=\"780\" height=\"780\" style=\"border: 1px solid #ddd;\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n\n<pre style=\"text-align: left;\">\/\/ P_2_1_1_02\r\n\/\/\r\n\/\/ Generative Gestaltung, ISBN: 978-3-87439-759-9\r\n\/\/ First Edition, Hermann Schmidt, Mainz, 2009\r\n\/\/ Hartmut Bohnacker, Benedikt Gross, Julia Laub, Claudius Lazzeroni\r\n\/\/ Copyright 2009 Hartmut Bohnacker, Benedikt Gross, Julia Laub, Claudius Lazzeroni\r\n\/\/\r\n\/\/ http:\/\/www.generative-gestaltung.de\r\n\/\/\r\n\/\/ Licensed under the Apache License, Version 2.0 (the \"License\");\r\n\/\/ you may not use this file except in compliance with the License.\r\n\/\/ You may obtain a copy of the License at http:\/\/www.apache.org\/licenses\/LICENSE-2.0\r\n\/\/ Unless required by applicable law or agreed to in writing, software\r\n\/\/ distributed under the License is distributed on an \"AS IS\" BASIS,\r\n\/\/ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n\/\/ See the License for the specific language governing permissions and\r\n\/\/ limitations under the License.\r\n\/**\r\n\u00a0* changing strokeweight on diagonals in a grid with colors\r\n\u00a0* \u00a0\u00a0 \u00a0 \r\n\u00a0* MOUSE\r\n\u00a0* position x\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 : left diagonal strokeweight\r\n\u00a0* position y\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 : right diagonal strokeweight\r\n\u00a0* left click\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 : new random layout\r\n\u00a0* \r\n\u00a0* KEYS\r\n\u00a0* s\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 : save png\r\n\r\n\u00a0* 1\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 : round strokecap\r\n\u00a0* 2\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 : square strokecap\r\n\u00a0* 3\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 : project strokecap\r\n\u00a0* 4\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 : color left diagonal\r\n\u00a0* 5\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 : color right diagonal\r\n\u00a0* 6\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 : transparency left diagonal\r\n\u00a0* 7\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 : transparency right diagonal\r\n\u00a0* 0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 : default\r\n\u00a0*\/\r\n\u00a0\r\nvar tileCount = 20;\r\nvar actRandomSeed = 0;\r\nvar alphaLeft = 100;\r\nvar alphaRight = 100;\r\nvar state = 0;\r\n\r\nfunction setup() {\r\n\u00a0 createCanvas(780, 780);\r\n\u00a0 colorMode(HSB, 360, 100, 100, 100);\r\n\u00a0 var actStrokeCap = ROUND;\r\n\u00a0 strokeCap(actStrokeCap);\r\n}\r\n\r\nfunction draw() {\r\n\u00a0 background(360);\r\n\u00a0 smooth();\r\n\u00a0 noFill();\r\n\u00a0 randomSeed(actRandomSeed);\r\n\u00a0 for (var gridY=0; gridY&lt;tileCount; gridY++) {\r\n\u00a0\u00a0\u00a0 for (var gridX=0; gridX&lt;tileCount; gridX++) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 var posX = width\/tileCount*gridX;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 var posY = height\/tileCount*gridY;\r\n\u00a0\u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 if (state == 0){\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 var colorRight = color(305, 64, 58);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 var colorLeft = color(319, 96, 89);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }else if (state == 1){\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var colorRight = color(99, 89, 95);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var colorLeft = color(23, 91, 89);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }else if (state == 2){\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var colorRight = color(195, 96, 92); \r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var colorLeft = color(219, 80, 69);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }else if (state == 3){\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var colorRight = color(126, 95, 37);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 var colorLeft = color(126, 91, 84);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 var toggle = int(random(0,2));\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 if (toggle == 0) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 stroke(colorLeft, alphaLeft);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 strokeWeight(mouseX\/10);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 line(posX, posY, posX+width\/tileCount, posY+height\/tileCount);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 if (toggle == 1) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 stroke(colorRight, alphaRight);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 strokeWeight(mouseY\/10);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 line(posX, posY+width\/tileCount, posX+height\/tileCount, posY);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0 }\r\n\u00a0 }\r\n\u00a0 }\r\n\r\n\r\nfunction mouseIsPressed() {\r\n\u00a0 actRandomSeed = int(random(100000));\r\n}\r\n\r\n\r\nfunction keyTyped(){\r\n\u00a0 if (key == 's' || key == 'S') save(\"P_2_1_1_02.png\");\r\n\u00a0 if (key == '0'){\r\n\u00a0\u00a0\u00a0 state = 0;\r\n\u00a0 }\r\n\u00a0 if (key == '1'){\r\n\u00a0 var actStrokeCap = ROUND;\r\n\u00a0 strokeCap(actStrokeCap);\r\n\u00a0 } \u00a0\r\n\u00a0 if (key == '2') {\r\n\u00a0 var actStrokeCap = SQUARE;\r\n\u00a0 strokeCap(actStrokeCap);\r\n\u00a0 }\r\n\u00a0 if (key == '3') {\r\n\u00a0 var actStrokeCap = PROJECT;\r\n\u00a0 strokeCap(actStrokeCap);\r\n\u00a0 } \r\n\u00a0 if (key == '4'){\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 state = 1;\r\n\u00a0\u00a0\u00a0 }else if (key == '5'){\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 state = 2;\r\n\u00a0\u00a0\u00a0 }else if (key =='6'){\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 state = 3;\r\n\u00a0\u00a0\u00a0 }\r\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":2462,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,6],"tags":[],"_links":{"self":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2461"}],"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=2461"}],"version-history":[{"count":7,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2461\/revisions"}],"predecessor-version":[{"id":2515,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2461\/revisions\/2515"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/media\/2462"}],"wp:attachment":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}