{"id":773,"date":"2019-08-19T10:38:57","date_gmt":"2019-08-19T08:38:57","guid":{"rendered":"http:\/\/quadern-tpi.recursos.uoc.edu\/1-4-11-exemple-de-bucles-per-a-dibuixar-linies-ens-inspirem-en-erwin-steller\/"},"modified":"2020-09-15T12:21:56","modified_gmt":"2020-09-15T10:21:56","slug":"1-4-11-exemple-de-bucles-per-a-dibuixar-linies-ens-inspirem-en-erwin-steller","status":"publish","type":"page","link":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/1-4-11-exemple-de-bucles-per-a-dibuixar-linies-ens-inspirem-en-erwin-steller\/","title":{"rendered":"1.4.12. Ejemplo de bucles para dibujar l\u00edneas: nos inspiramos en Erwin Steller"},"content":{"rendered":"<figure id=\"attachment_100\" aria-describedby=\"caption-attachment-100\" style=\"width: 800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"size-full wp-image-100\" src=\"\/wp-content\/uploads\/2019\/08\/20.212_18.jpg\" alt=\"\" width=\"800\" height=\"796\" srcset=\"\/wp-content\/uploads\/2019\/08\/20.212_18.jpg 800w, \/wp-content\/uploads\/2019\/08\/20.212_18-150x150.jpg 150w, \/wp-content\/uploads\/2019\/08\/20.212_18-300x300.jpg 300w, \/wp-content\/uploads\/2019\/08\/20.212_18-768x764.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-100\" class=\"wp-caption-text\"><em>Bin\u00e4rer Baum<\/em> (1988). Print b\/w<\/figcaption><\/figure>\n<p>Tomando como referencia la obra del artista digital y matem\u00e1tico <a href=\"http:\/\/dada.compart-bremen.de\/item\/agent\/124\" target=\"_blank\" rel=\"noopener noreferrer\">Erwin Steller<\/a>, intentaremos hacer un programa con Snap! que dibuje una obra inspirada en sus creaciones.<\/p>\n<p>El resultado que obtendremos ser\u00e1 este:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-102\" src=\"\/wp-content\/uploads\/2019\/08\/20.212_19.png\" alt=\"\" width=\"833\" height=\"625\" srcset=\"\/wp-content\/uploads\/2019\/08\/20.212_19.png 833w, \/wp-content\/uploads\/2019\/08\/20.212_19-300x225.png 300w, \/wp-content\/uploads\/2019\/08\/20.212_19-768x576.png 768w\" sizes=\"(max-width: 833px) 100vw, 833px\" \/><\/p>\n<p>Para conseguirlo, construiremos un programa que usa tres bucles:<\/p>\n<figure id=\"attachment_1290\" aria-describedby=\"caption-attachment-1290\" style=\"width: 509px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"wp-image-1290 size-full\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_20_cast.jpg\" alt=\"\" width=\"509\" height=\"472\" srcset=\"\/wp-content\/uploads\/2019\/10\/20.212_20_cast.jpg 509w, \/wp-content\/uploads\/2019\/10\/20.212_20_cast-300x278.jpg 300w\" sizes=\"(max-width: 509px) 100vw, 509px\" \/><figcaption id=\"caption-attachment-1290\" class=\"wp-caption-text\"><a href=\"https:\/\/snap.berkeley.edu\/snapsource\/snap.html#present:Username=uoc_tpi&amp;ProjectName=Steller\" target=\"_blank\" rel=\"noopener noreferrer\">C\u00f3digo del programa<\/a>.<\/figcaption><\/figure>\n<p>Al pulsar la bandera verde limpiamos la pantalla, subimos el l\u00e1piz y fijamos el color en negro, situ\u00e1ndonos en el punto desde el que empezaremos a dibujar y apuntando en direcci\u00f3n 180\u00b0 (hacia abajo). Al pulsar la tecla 1 ejecutamos el primer bucle, que dibuja 40 l\u00edneas de arriba hacia abajo, separadas por 10 pasos. Al pulsar la tecla 2 ejecutamos el segundo bucle, que dibuja 45 l\u00edneas de arriba hacia abajo (pero solo en la mitad superior), separadas por 8,88 pasos entre s\u00ed. Finalmente, al pulsar la tecla 3, ejecutamos el tercer bucle, que dibuja 50 l\u00edneas de arriba hacia abajo (pero en la mitad inferior), separadas por 8 pasos.<\/p>\n<figure id=\"attachment_106\" aria-describedby=\"caption-attachment-106\" style=\"width: 800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"size-full wp-image-106\" src=\"\/wp-content\/uploads\/2019\/08\/20.212_21.jpg\" alt=\"\" width=\"800\" height=\"221\" srcset=\"\/wp-content\/uploads\/2019\/08\/20.212_21.jpg 800w, \/wp-content\/uploads\/2019\/08\/20.212_21-300x83.jpg 300w, \/wp-content\/uploads\/2019\/08\/20.212_21-768x212.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-106\" class=\"wp-caption-text\">Ejecuci\u00f3n despu\u00e9s de pulsar 1, 2 y 3.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Tomando como referencia la obra del artista digital y matem\u00e1tico Erwin Steller, intentaremos hacer un programa con Snap! que dibuje una obra inspirada en sus creaciones. El resultado que obtendremos ser\u00e1 este: Para conseguirlo, construiremos un programa que usa tres bucles: Al pulsar la bandera verde limpiamos la pantalla, subimos el l\u00e1piz y fijamos el [&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\/773"}],"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=773"}],"version-history":[{"count":5,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/773\/revisions"}],"predecessor-version":[{"id":1516,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/773\/revisions\/1516"}],"wp:attachment":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}