{"id":368,"date":"2022-10-04T14:46:48","date_gmt":"2022-10-04T12:46:48","guid":{"rendered":"http:\/\/quadern-programacio.recursos.uoc.edu\/?page_id=368"},"modified":"2022-10-04T14:54:07","modified_gmt":"2022-10-04T12:54:07","slug":"3-3-variables-del-sistema","status":"publish","type":"page","link":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/3-3-variables-del-sistema\/","title":{"rendered":"3.3. Variables del sistema"},"content":{"rendered":"<p>P5 nos proporciona una serie de variables predefinidas que nos facilitan el trabajo. Unas de las m\u00e1s utilizadas son <span class=\"courier\">width<\/span> y <span class=\"courier\">height<\/span>, que almacenan los valores de ancho y alto de nuestro <em>canvas. <\/em>Al ser variables del sistema, no es necesario que las declaremos, puesto que P5 ya lo ha hecho por nosotros.<\/p>\n<p><figure id=\"attachment_90\" aria-describedby=\"caption-attachment-90\" style=\"width: 800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"size-full wp-image-90\" src=\"\/wp-content\/uploads\/2022\/10\/PID_00290094_028.jpg\" alt=\"\" width=\"800\" height=\"307\" srcset=\"\/wp-content\/uploads\/2022\/10\/PID_00290094_028.jpg 800w, \/wp-content\/uploads\/2022\/10\/PID_00290094_028-300x115.jpg 300w, \/wp-content\/uploads\/2022\/10\/PID_00290094_028-768x295.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-90\" class=\"wp-caption-text\">Figura 28. Variables del sistema: <span class=\"courier\">width<\/span> y <span class=\"courier\">height<\/span><br \/>Fuente: elaboraci\u00f3n propia.<\/figcaption><\/figure>En la figura 28 estamos dibujando una l\u00ednea desde el punto (0, 0) hasta el punto (<span class=\"courier\">width<\/span>, <span class=\"courier\">height<\/span>), de manera que la l\u00ednea siempre cruzar\u00e1 todo el <em>canvas<\/em> independientemente de los par\u00e1metros que le demos a <span class=\"courier\">createCanvas()<\/span>.<em><br \/>\n<\/em><br \/>\nOtra de las variables predefinidas que nos encontramos en P5 es <span class=\"courier\">PI<\/span>, la constante trigonom\u00e9trica. Nos puede resultar bastante \u00fatil a la hora de, por ejemplo, dibujar arcos.<\/p>\n<p><figure id=\"attachment_92\" aria-describedby=\"caption-attachment-92\" style=\"width: 800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"size-full wp-image-92\" src=\"\/wp-content\/uploads\/2022\/10\/PID_00290094_029.jpg\" alt=\"\" width=\"800\" height=\"359\" srcset=\"\/wp-content\/uploads\/2022\/10\/PID_00290094_029.jpg 800w, \/wp-content\/uploads\/2022\/10\/PID_00290094_029-300x135.jpg 300w, \/wp-content\/uploads\/2022\/10\/PID_00290094_029-768x345.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-92\" class=\"wp-caption-text\">Figura 29. Variables del sistema: <span class=\"courier\">PI<\/span><br \/>Fuente: elaboraci\u00f3n propia.<\/figcaption><\/figure>Pod\u00e9is repasar c\u00f3mo se dibujan los arcos acudiendo a su <a href=\"https:\/\/p5js.org\/es\/reference\/#\/p5\/arc\" target=\"_blank\" rel=\"noopener\">referencia<\/a> en la web de P5.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>P5 nos proporciona una serie de variables predefinidas que nos facilitan el trabajo. Unas de las m\u00e1s utilizadas son y , que almacenan los valores de ancho y alto de nuestro canvas. Al ser variables del sistema, no es necesario que las declaremos, puesto que P5 ya lo ha hecho por nosotros. En la figura [&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\/368"}],"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=368"}],"version-history":[{"count":3,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/368\/revisions"}],"predecessor-version":[{"id":371,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/368\/revisions\/371"}],"wp:attachment":[{"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}