{"id":2052,"date":"2019-07-11T11:02:57","date_gmt":"2019-07-11T09:02:57","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/?page_id=2052"},"modified":"2019-07-11T11:02:57","modified_gmt":"2019-07-11T09:02:57","slug":"portada-repte-4-moviments","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/portada-repte-4-moviments\/","title":{"rendered":"Portada repte 4. Moviments"},"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 4 - Ejercicios\r\n \/\/ ^^^^\r\n\r\n\r\n\r\nvar r = 200; \/\/ Radio de la curva\r\nvar anguloSen = 0;\r\nvar anguloCos = 0;\r\nvar elipseWH = 30;\r\nvar x = 0;\r\nvar y = 0;\r\n\r\n\r\nfunction setup() {\r\n\t\tmida = document.getElementById('img1_javascript').offsetWidth;\r\n\tvar myCanvas = createCanvas(mida, mida);\r\n    myCanvas.parent(\"img1_javascript\");\r\n}\r\n\r\n\r\nfunction draw() {\r\n\t\/\/ A\u00f1adimos alpha al color de fondo, porque con la transparencia podemos ver las posiciones anteriores de la elipse\r\n\tbackground(255,255,255,3); \r\n\r\n\r\n\t\/\/ Incrementamos el \u00e1ngulo para mover la ellipse\r\n\tanguloCos += 0.01; \r\n\tanguloSen += 0.01;\r\n\r\n\r\n\tx = windowWidth * cos(anguloCos); \r\n\ty = windowHeight * cos(anguloSen); \r\n\telipseWH = r * sin(anguloSen); \r\n\r\n\tnoStroke();\r\n\tfill(0,0,120);\r\n\r\n\tfor(var i = 0; i < 20; i += 1){\r\n\t\tellipse(x * (random(10)), y + (random(10)), elipseWH, elipseWH); \r\n\t}\r\n\r\n}\r\n\r\n\r\nfunction windowResized() {\r\n\tmida = document.getElementById('img1_javascript').offsetWidth;\r\n\tvar myCanvas = createCanvas(mida, mida);\r\n    myCanvas.parent(\"img1_javascript\");\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\/wp-json\/wp\/v2\/pages\/2052"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/comments?post=2052"}],"version-history":[{"count":1,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/pages\/2052\/revisions"}],"predecessor-version":[{"id":2054,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/pages\/2052\/revisions\/2054"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/media?parent=2052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}