{"id":1592,"date":"2022-06-29T11:53:07","date_gmt":"2022-06-29T09:53:07","guid":{"rendered":"http:\/\/lab-interactivitat.recursos.uoc.edu\/?page_id=1592"},"modified":"2022-06-29T11:53:07","modified_gmt":"2022-06-29T09:53:07","slug":"1-1-10-clones","status":"publish","type":"page","link":"http:\/\/lab-interactivitat.recursos.uoc.edu\/es\/1-1-10-clones\/","title":{"rendered":"1.1.10. Clones"},"content":{"rendered":"<ul>\n<li><strong>Ejercicio 21. Mezclamos clones y efectos gr\u00e1ficos<\/strong><\/li>\n<\/ul>\n<p>En el reto 4 del <a href=\"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/4-4-4-exemple-creem-moviment-sobre-una-obra-de-georg-nees\/\" target=\"_blank\" rel=\"noopener noreferrer\"><em>Cuaderno de programaci\u00f3n e interacci\u00f3n<\/em><\/a> se explica qu\u00e9 son los clones y se ense\u00f1an ejemplos.<\/p>\n<p>En este ejercicio haremos una peque\u00f1a animaci\u00f3n con un solo personaje que crear\u00e1 clones de s\u00ed mismo, y cada clon se mover\u00e1 durante un tiempo, cambiar\u00e1 de color, se har\u00e1 m\u00e1s transparente y aumentar\u00e1 de medida, hasta que acabe desapareciendo.<\/p>\n<p>Este es el efecto que queremos producir:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-256\" src=\"\/wp-content\/uploads\/sites\/12\/2019\/10\/clons.gif\" alt=\"\" width=\"476\" height=\"388\" \/><\/p>\n<p>Para hacerlo, crearemos un solo personaje, que tenga forma de c\u00edrculo (con el mismo editor de dibujo del Snap!), duplicaremos el disfraz 3 veces, y cada disfraz lo editaremos y lo pintaremos de un color diferente.<\/p>\n<p>Despu\u00e9s crearemos un peque\u00f1o programa que, solo empezar, esconda el personaje y repita 100 veces \u00abcrear un clon de m\u00ed mismo\u00bb.<\/p>\n<p>Seguidamente, haremos un segundo programa dentro de este mismo personaje usando el acontecimiento \u00abcuando comience como clon\u00bb. Entonces tendremos que decir al personaje que apunte en una direcci\u00f3n aleatoria, y que repita varias veces lo siguiente: mu\u00e9vete adelante, hazte m\u00e1s transparente (\u00abcambiar efecto fantasma\u00bb), aumenta de medida y cambia al disfraz siguiente. Cuando acabe el bucle le diremos al clon que se borre a s\u00ed mismo.<\/p>\n<p>Os damos el primer programa hecho y el segundo desordenado para que lo complet\u00e9is.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-458\" src=\"\/wp-content\/uploads\/sites\/12\/2019\/11\/e19.png\" alt=\"\" width=\"693\" height=\"227\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ejercicio 21. Mezclamos clones y efectos gr\u00e1ficos En el reto 4 del Cuaderno de programaci\u00f3n e interacci\u00f3n se explica qu\u00e9 son los clones y se ense\u00f1an ejemplos. En este ejercicio haremos una peque\u00f1a animaci\u00f3n con un solo personaje que crear\u00e1 clones de s\u00ed mismo, y cada clon se mover\u00e1 durante un tiempo, cambiar\u00e1 de color, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1592","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"http:\/\/lab-interactivitat.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/1592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/lab-interactivitat.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/lab-interactivitat.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/lab-interactivitat.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/lab-interactivitat.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments?post=1592"}],"version-history":[{"count":1,"href":"http:\/\/lab-interactivitat.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/1592\/revisions"}],"predecessor-version":[{"id":1593,"href":"http:\/\/lab-interactivitat.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/1592\/revisions\/1593"}],"wp:attachment":[{"href":"http:\/\/lab-interactivitat.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=1592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}