{"id":767,"date":"2019-08-19T10:34:53","date_gmt":"2019-08-19T08:34:53","guid":{"rendered":"http:\/\/quadern-tpi.recursos.uoc.edu\/1-4-9-exercici-3-nested-loops\/"},"modified":"2019-10-15T12:21:44","modified_gmt":"2019-10-15T10:21:44","slug":"1-4-9-exercici-3-nested-loops","status":"publish","type":"page","link":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/1-4-9-exercici-3-nested-loops\/","title":{"rendered":"1.4.9. Ejercicio 3: <em>nested loops<\/em>"},"content":{"rendered":"<p>Lo que tienen de interesante los bucles es que podemos poner unos dentro de otros (<em>nested loops<\/em>). Por ejemplo, podemos dibujar tres cuadrados usando dos bucles: uno para dibujar el mismo cuadrado y otro para repetirlo las veces que haga falta.<\/p>\n<p>El siguiente c\u00f3digo Snap! dibuja tres cuadrados girando 120\u00b0 cada vez que acaba uno y cambiando de color.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1283 size-full\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_14_cast.jpg\" alt=\"\" width=\"800\" height=\"437\" srcset=\"\/wp-content\/uploads\/2019\/10\/20.212_14_cast.jpg 800w, \/wp-content\/uploads\/2019\/10\/20.212_14_cast-300x164.jpg 300w, \/wp-content\/uploads\/2019\/10\/20.212_14_cast-768x420.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>El ejercicio que os proponemos es dibujar una figura parecida a la siguiente:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-94\" src=\"\/wp-content\/uploads\/2019\/08\/20.212_15.jpg\" alt=\"\" width=\"800\" height=\"600\" srcset=\"\/wp-content\/uploads\/2019\/08\/20.212_15.jpg 800w, \/wp-content\/uploads\/2019\/08\/20.212_15-300x225.jpg 300w, \/wp-content\/uploads\/2019\/08\/20.212_15-768x576.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Se trata exactamente de un hex\u00e1gono repetido dieciocho veces cambiando de color cada vez.<\/p>\n<p>Para crear un hex\u00e1gono, deber\u00e9is usar un \u00abRepite 6 veces\u00bb y tendr\u00e9is que descubrir qu\u00e9 \u00e1ngulo gir\u00e1is cada vez. Es muy sencillo: fijaos en que en el caso del cuadrado giramos 4 veces 90\u00b0 para conseguir hacer un total de 360\u00b0. Para dibujar cualquier pol\u00edgono regular, sencillamente deber\u00e9is mandar repetir tantas veces como lados tenga la figura, y en cada iteraci\u00f3n girar 360\u00b0 divididos por el n\u00famero de lados.<\/p>\n<p>Una vez que hay\u00e1is creado el hex\u00e1gono, solo har\u00e1 falta que a\u00f1ad\u00e1is otro bucle que lo rodee, definiendo cu\u00e1ntos hex\u00e1gonos dibujar\u00e9is, cu\u00e1ntos grados girar\u00e9is entre uno y otro, y c\u00f3mo har\u00e9is los cambios de colores.<\/p>\n<p>Si quer\u00e9is ir m\u00e1s r\u00e1pido, pod\u00e9is abrir el <a href=\"https:\/\/snap.berkeley.edu\/snapsource\/snap.html#present:Username=uoc_tpi&amp;ProjectName=Tres%20quadrats\" target=\"_blank\" rel=\"noopener noreferrer\">c\u00f3digo del ejemplo<\/a> de los tres cuadrados y modificarlo para que sean hex\u00e1gonos.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lo que tienen de interesante los bucles es que podemos poner unos dentro de otros (nested loops). Por ejemplo, podemos dibujar tres cuadrados usando dos bucles: uno para dibujar el mismo cuadrado y otro para repetirlo las veces que haga falta. El siguiente c\u00f3digo Snap! dibuja tres cuadrados girando 120\u00b0 cada vez que acaba uno [&hellip;]<\/p>\n","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-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/767"}],"collection":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments?post=767"}],"version-history":[{"count":3,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/767\/revisions"}],"predecessor-version":[{"id":1286,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/767\/revisions\/1286"}],"wp:attachment":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}