{"id":621,"date":"2022-10-13T10:23:40","date_gmt":"2022-10-13T08:23:40","guid":{"rendered":"http:\/\/quadern-programacio.recursos.uoc.edu\/?page_id=621"},"modified":"2022-11-22T12:32:56","modified_gmt":"2022-11-22T10:32:56","slug":"portada-7-movimiento","status":"publish","type":"page","link":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/portada-7-movimiento\/","title":{"rendered":"Portada 7. Movimiento"},"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":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/621"}],"collection":[{"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments?post=621"}],"version-history":[{"count":2,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/621\/revisions"}],"predecessor-version":[{"id":1128,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/621\/revisions\/1128"}],"wp:attachment":[{"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}