{"id":422,"date":"2022-10-06T10:44:43","date_gmt":"2022-10-06T08:44:43","guid":{"rendered":"http:\/\/quadern-programacio.recursos.uoc.edu\/?page_id=422"},"modified":"2022-10-06T10:44:43","modified_gmt":"2022-10-06T08:44:43","slug":"7-1-introduccion-y-objetivos","status":"publish","type":"page","link":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/7-1-introduccion-y-objetivos\/","title":{"rendered":"7.1. Introducci\u00f3n y objetivos"},"content":{"rendered":"<p>En el anterior tema, con la introducci\u00f3n de la interacci\u00f3n empezamos a poder mover elementos de nuestros <em>sketches <\/em>haciendo que las formas que dibujamos sigan por ejemplo la posici\u00f3n del rat\u00f3n.<\/p>\n<p>En este tema aprenderemos a crear animaciones que no dependan de nuestra interacci\u00f3n. Sabiendo que nuestros <em>sketches<\/em> se ejecutan a raz\u00f3n de 60 <em>frames<\/em> por segundo, podemos crear variables cuyos valores vayan cambiando a lo largo de la ejecuci\u00f3n del programa para animar distintos par\u00e1metros de nuestro dibujo: posici\u00f3n, tama\u00f1o, color o cualquier otro par\u00e1metro susceptible de variar en el tiempo.<\/p>\n<p>Comenzaremos creando movimientos lineales sencillos y decidiendo qu\u00e9 ocurre cuando nuestros objetos alcanzan los l\u00edmites de nuestro <em>canvas<\/em>. A continuaci\u00f3n, introduciremos algunas nociones b\u00e1sicas de trigonometr\u00eda que nos permitir\u00e1n crear movimientos ondulatorios y circulares. Para terminar, exploraremos las posibilidades que nos ofrece la aleatoriedad para crear movimientos m\u00e1s org\u00e1nicos, utilizando <span class=\"courier\">random()<\/span> y <span class=\"courier\">noise()<\/span>.<\/p>\n<p>A lo largo de este tema, alcanzaremos los siguientes objetivos:<\/p>\n<ul>\n<li>Crear movimientos lineales.<\/li>\n<li>Determinar condiciones de borde en nuestro <em>canvas<\/em>.<\/li>\n<li>Crear movimientos ondulatorios y circulares utilizando <span class=\"courier\">sin()<\/span> y <span class=\"courier\">cos()<\/span>.<\/li>\n<li>Crear movimientos aleatorios con <span class=\"courier\">random()<\/span> y <span class=\"courier\">noise()<\/span>.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>En el anterior tema, con la introducci\u00f3n de la interacci\u00f3n empezamos a poder mover elementos de nuestros sketches haciendo que las formas que dibujamos sigan por ejemplo la posici\u00f3n del rat\u00f3n. En este tema aprenderemos a crear animaciones que no dependan de nuestra interacci\u00f3n. Sabiendo que nuestros sketches se ejecutan a raz\u00f3n de 60 frames [&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-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/422"}],"collection":[{"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments?post=422"}],"version-history":[{"count":1,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/422\/revisions"}],"predecessor-version":[{"id":423,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/422\/revisions\/423"}],"wp:attachment":[{"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}