{"id":913,"date":"2019-08-19T19:34:58","date_gmt":"2019-08-19T17:34:58","guid":{"rendered":"http:\/\/quadern-tpi.recursos.uoc.edu\/4-4-2-exercici-1-art-optic-amb-snap\/"},"modified":"2019-10-15T15:52:46","modified_gmt":"2019-10-15T13:52:46","slug":"4-4-2-exercici-1-art-optic-amb-snap","status":"publish","type":"page","link":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/4-4-2-exercici-1-art-optic-amb-snap\/","title":{"rendered":"4.4.2. Ejercicio 1: arte \u00f3ptico con Snap!"},"content":{"rendered":"<p>Con los conocimientos de programaci\u00f3n que hemos adquirido con las gu\u00edas anteriores, ya somos capaces de generar creaciones que podr\u00edamos considerar arte \u00f3ptico. Observad que, cuando programamos un dibujo con Snap!, no solo la obra final puede tener sensaci\u00f3n de movimiento, sino que el propio proceso de dibujo ya es un movimiento que vemos en la pantalla (de esto hablaremos cuando lleguemos al arte procesual).<\/p>\n<p>Este primer ejercicio que os proponemos consiste en programar con Snap! un dibujo parecido al siguiente:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-236\" src=\"\/wp-content\/uploads\/2019\/08\/20.212_86.jpg\" alt=\"\" width=\"422\" height=\"262\" srcset=\"\/wp-content\/uploads\/2019\/08\/20.212_86.jpg 422w, \/wp-content\/uploads\/2019\/08\/20.212_86-300x186.jpg 300w\" sizes=\"(max-width: 422px) 100vw, 422px\" \/><\/p>\n<p>Como veis, son tres c\u00edrculos de diferentes colores. Pero si nos fijamos con detenimiento veremos que no son c\u00edrculos de color s\u00f3lido, sino que son generados a partir de l\u00edneas que van desde el centro hasta el per\u00edmetro.<\/p>\n<p>Hacer un c\u00edrculo de este estilo con Snap! es muy sencillo. Podemos hacer un bucle que repita ciento ochenta veces: dibuja una l\u00ednea, vuelve al centro y gira dos grados. De este modo, dado que giramos dos grados ciento ochenta veces, hacemos un c\u00edrculo entero (360). Este es el c\u00f3digo para hacer uno de estos c\u00edrculos:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1385 size-full\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_87_cast.jpg\" alt=\"\" width=\"757\" height=\"458\" srcset=\"\/wp-content\/uploads\/2019\/10\/20.212_87_cast.jpg 757w, \/wp-content\/uploads\/2019\/10\/20.212_87_cast-300x182.jpg 300w\" sizes=\"(max-width: 757px) 100vw, 757px\" \/><\/p>\n<p>Ahora intentad crear un dibujo de este estilo pero repitiendo varias veces las formas y cambi\u00e1ndolas de color para explorar los diferentes efectos \u00f3pticos que pueden ir surgiendo.<\/p>\n<p>Cuando teng\u00e1is un resultado que os guste, guardadlo y compartid el proyecto.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Con los conocimientos de programaci\u00f3n que hemos adquirido con las gu\u00edas anteriores, ya somos capaces de generar creaciones que podr\u00edamos considerar arte \u00f3ptico. Observad que, cuando programamos un dibujo con Snap!, no solo la obra final puede tener sensaci\u00f3n de movimiento, sino que el propio proceso de dibujo ya es un movimiento que vemos en [&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\/913"}],"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=913"}],"version-history":[{"count":3,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/913\/revisions"}],"predecessor-version":[{"id":1387,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/913\/revisions\/1387"}],"wp:attachment":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}