{"id":469,"date":"2022-10-06T19:39:27","date_gmt":"2022-10-06T17:39:27","guid":{"rendered":"http:\/\/quadern-programacio.recursos.uoc.edu\/?page_id=469"},"modified":"2022-10-13T09:46:05","modified_gmt":"2022-10-13T07:46:05","slug":"anexo-4-la-libreria-de-p5-js","status":"publish","type":"page","link":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/anexo-4-la-libreria-de-p5-js\/","title":{"rendered":"Anexo 4. La librer\u00eda de P5.js"},"content":{"rendered":"<p>El siguiente paso es bajarnos la librer\u00eda de P5.js. Como vimos en el apartado 1, P5.js es una librer\u00eda de JavaScript y debemos tenerla en nuestro ordenador para poderla usar.<\/p>\n<p>Afortunadamente, es software libre y se puede redistribuir libremente. As\u00ed que podemos ir a la p\u00e1gina del proyecto y baj\u00e1rnosla directamente. En concreto, en este <a href=\"https:\/\/p5js.org\/es\/download\/\" target=\"_blank\" rel=\"noopener\">enlace<\/a>.<\/p>\n<p>Ah\u00ed veremos varias opciones; tenemos que bajar un poco y seleccionar p5.min.js:<\/p>\n<figure id=\"attachment_316\" aria-describedby=\"caption-attachment-316\" style=\"width: 650px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"wp-image-316\" src=\"\/wp-content\/uploads\/2022\/10\/PID_00290094_138.jpg\" alt=\"\" width=\"650\" height=\"284\" srcset=\"\/wp-content\/uploads\/2022\/10\/PID_00290094_138.jpg 768w, \/wp-content\/uploads\/2022\/10\/PID_00290094_138-300x131.jpg 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><figcaption id=\"caption-attachment-316\" class=\"wp-caption-text\">Figura 139<br \/>Fuente: elaboraci\u00f3n propia.<\/figcaption><\/figure>\n<p>Una vez descargado el archivo p5.min.js, deber\u00edamos copiarlo en la carpeta js que hab\u00edamos creado en nuestro espacio de trabajo.<\/p>\n<figure id=\"attachment_318\" aria-describedby=\"caption-attachment-318\" style=\"width: 378px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"size-full wp-image-318\" src=\"\/wp-content\/uploads\/2022\/10\/PID_00290094_139.jpg\" alt=\"\" width=\"378\" height=\"172\" srcset=\"\/wp-content\/uploads\/2022\/10\/PID_00290094_139.jpg 378w, \/wp-content\/uploads\/2022\/10\/PID_00290094_139-300x137.jpg 300w\" sizes=\"(max-width: 378px) 100vw, 378px\" \/><figcaption id=\"caption-attachment-318\" class=\"wp-caption-text\">Figura 140<br \/>Fuente: elaboraci\u00f3n propia.<\/figcaption><\/figure>\n<p>Ya casi lo tenemos todo. Nos falta un archivo HTML que nos sirva de inicio para crear nuestros programas.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El siguiente paso es bajarnos la librer\u00eda de P5.js. Como vimos en el apartado 1, P5.js es una librer\u00eda de JavaScript y debemos tenerla en nuestro ordenador para poderla usar. Afortunadamente, es software libre y se puede redistribuir libremente. As\u00ed que podemos ir a la p\u00e1gina del proyecto y baj\u00e1rnosla directamente. En concreto, en este [&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\/469"}],"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=469"}],"version-history":[{"count":2,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/469\/revisions"}],"predecessor-version":[{"id":589,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/469\/revisions\/589"}],"wp:attachment":[{"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}