{"id":1997,"date":"2019-07-10T16:13:51","date_gmt":"2019-07-10T14:13:51","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/?page_id=1997"},"modified":"2019-07-27T22:44:22","modified_gmt":"2019-07-27T20:44:22","slug":"4-1-introduccion","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/4-1-introduccion\/","title":{"rendered":"4.1. Introducci\u00f3n"},"content":{"rendered":"<p>En este reto trabajaremos tres temas bastante diferentes.<\/p>\n<p>Por un lado, veremos c\u00f3mo importar im\u00e1genes y adaptarlas a nuestras necesidades. Esto nos abre muchas posibilidades porque podremos a\u00f1adir fotograf\u00edas o im\u00e1genes a nuestras creaciones. No obstante, presenta un inconveniente: para poder importar im\u00e1genes no podremos usar el editor de p5.js, por lo cual tendremos que usar el entorno local de programaci\u00f3n que definimos en el reto anterior.<\/p>\n<p>El segundo tema que veremos ser\u00e1 c\u00f3mo escribir textos en el <em>canvas<\/em> usando diferentes tipograf\u00edas que, o bien tendremos en nuestro servidor, o bien aprovecharemos las que est\u00e9n disponibles en internet.<\/p>\n<p>El tercer y \u00faltimo tema que trabajaremos en este reto es el movimiento. Si bien ya hab\u00edamos visto c\u00f3mo cambiar de lugar nuestros dibujos, ahora veremos c\u00f3mo simular movimiento.<\/p>\n<p>Los cap\u00edtulos del libro que trabajan estos tres temas son el 7 \u00abMedia\u00bb\u00a0y el 8 \u00abMotion\u00bb.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En este reto trabajaremos tres temas bastante diferentes. Por un lado, veremos c\u00f3mo importar im\u00e1genes y adaptarlas a nuestras necesidades. Esto nos abre muchas posibilidades porque podremos a\u00f1adir fotograf\u00edas o im\u00e1genes a nuestras creaciones. No obstante, presenta un inconveniente: para poder importar im\u00e1genes no podremos usar el editor de p5.js, por lo cual tendremos que [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages\/1997"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/comments?post=1997"}],"version-history":[{"count":8,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages\/1997\/revisions"}],"predecessor-version":[{"id":2960,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages\/1997\/revisions\/2960"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/media?parent=1997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}