{"id":2080,"date":"2019-07-12T11:09:34","date_gmt":"2019-07-12T09:09:34","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/?page_id=2080"},"modified":"2019-07-12T11:09:34","modified_gmt":"2019-07-12T09:09:34","slug":"portada-reto-3-interacciones","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/portada-reto-3-interacciones\/","title":{"rendered":"Portada reto 3. Interacciones"},"content":{"rendered":"<div id=\"img1_javascript\" style=\"padding: 0; margin: 0; overflow-x:hidden; overflow-y:auto;\"><\/div>\r\n<script>\r\n\/*\r\n *  Autora: Roc\u00edo M\u00e1rquez \r\n *  Fecha: Febrero 2019\r\n *\/\r\n \r\n \r\n \/\/ PORTADA RETO 3 - Ejercicios\r\n \/\/ ^^^^^^^^^^^^^^^^^^^^^^^^^^^\r\n\r\n\r\n\/\/Creaci\u00f3n de variables\r\nvar widthRect;\r\nvar heightRect;\r\nvar colors = [\"#dbdbdb\",\"#58508d\",\"#bc5090\",\"#ff6361\",\"#ffa600\"];\r\nvar colorRects;\r\n\r\n\r\nfunction setup() {\r\n\tmida = document.getElementById('img1_javascript').offsetWidth;\r\n\tvar myCanvas = createCanvas(mida, mida);\r\n    myCanvas.parent(\"img1_javascript\");\r\n\twidthRect = mida; \r\n\theightRect = mida; \r\n\tcolorRects = colors[0];\t\r\n\r\n\tframeRate(10);\r\n}\r\n\r\n\r\nfunction draw() {\r\n\tbackground(50);\r\n\r\n\tnoStroke();\r\n\tfill(50);\r\n\trectMode(CENTER);\r\n\trect(widthRect\/2, heightRect-20, 400, 20);\r\n\tfill(255);\r\n  \ttextSize(12);\r\n\ttextAlign(CENTER);\t\r\n\t\/\/text('Move your mouse to move rects, and clic to change the rect colors', widthRect\/2, heightRect-20);\r\n\r\n\r\n  \tnoFill();\r\n\tstrokeWeight(0.6);\r\n\tstroke(colorRects);\r\n\tfor(var i=0; i<40; i++){\r\n\t\trectMode(CENTER);\r\n\t\trect(mouseX, mouseY, random(widthRect), random(heightRect));\r\n\t} \t \t\r\n}\r\n\r\n\r\nfunction mousePressed() {\r\n  \tcolorRects = colors[int(random(0,5))];\r\n}\r\n\r\n\r\n\r\nfunction windowResized() {\r\n\tmida = document.getElementById('img1_javascript').offsetWidth;\r\n\tresizeCanvas(mida, mida); \r\n\twidthRect = mida; \r\n\theightRect = mida; \r\n}\r\n\r\n\r\n\r\n\r\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page_portada.php","meta":{"inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages\/2080"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/comments?post=2080"}],"version-history":[{"count":1,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages\/2080\/revisions"}],"predecessor-version":[{"id":2082,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages\/2080\/revisions\/2082"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/media?parent=2080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}