{"id":1275,"date":"2019-07-08T13:51:05","date_gmt":"2019-07-08T11:51:05","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/?page_id=1275"},"modified":"2019-08-17T02:02:12","modified_gmt":"2019-08-17T00:02:12","slug":"1-6-dibujo-libre","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/1-6-dibujo-libre\/","title":{"rendered":"1.6. Dibujo libre"},"content":{"rendered":"<p>Adem\u00e1s de todas las funciones que nos permiten dibujar formas, en p5.js hay una manera de poder dibujar cualquier forma: indicando todos los puntos que conforman la figura.<\/p>\n<p>A pesar de que los ejemplos del libro son bastante claros (3-18 y 3-19), demos un vistazo a las instrucciones implicadas:<\/p>\n<ul>\n<li><a href=\"https:\/\/p5js.org\/es\/reference\/#\/p5\/beginShape\" target=\"_blank\" rel=\"noopener\"><span style=\"font-family: Courier, Arial;\">beginShape()<\/span><\/a> indica el inicio del dibujo libre. Cuidado, no marca ning\u00fan punto, se usa para indicar que se empieza el dibujo libre. A esta funci\u00f3n le podemos pasar par\u00e1metros para cambiar la manera como hace el dibujo. Pod\u00e9is consultar el manual de referencia para ver sus posibilidades (son unas cuantas).<\/li>\n<li><a href=\"https:\/\/p5js.org\/es\/reference\/#\/p5\/vertex\" target=\"_blank\" rel=\"noopener\"><span style=\"font-family: Courier, Arial;\">vertex()<\/span><\/a> sirve para indicar los puntos que conformar\u00e1n la figura.<\/li>\n<li><a href=\"https:\/\/p5js.org\/es\/reference\/#\/p5\/endShape\" target=\"_blank\" rel=\"noopener\"><span style=\"font-family: Courier, Arial;\">endShape()<\/span><\/a> indica el final del dibujo libre. Si no le indicamos ning\u00fan par\u00e1metro, el dibujo quedar\u00e1 abierto. Si le pasamos como par\u00e1metro la constante <span style=\"font-family: Courier, Arial;\">CLOSE<\/span>, cerrar\u00e1 el dibujo dibujando una l\u00ednea desde el \u00faltimo punto hasta el primero.<\/li>\n<\/ul>\n<h2>Comentarios<\/h2>\n<p>El cap\u00edtulo 3 del libro finaliza hablando sobre los comentarios. A pesar de que en estos primeros ejercicios pueden parecer poco importantes, lo cierto es que poner comentarios en el c\u00f3digo que escribimos es la mejor manera de dejar claro en todo momento qu\u00e9 hacemos o qu\u00e9 queremos hacer en ese trozo de c\u00f3digo.<\/p>\n<p>En JavaScript (y por lo tanto en p5.js) los comentarios se hacen poniendo \/\/ y escribiendo el comentario a continuaci\u00f3n. Todo lo que haya desde \/\/ hasta el final de l\u00ednea se considera un comentario y no se ejecuta.<\/p>\n<p>En los comentarios solemos explicar qu\u00e9 hace ese trozo de c\u00f3digo o para qu\u00e9 sirve una determinada operaci\u00f3n que hacemos. Tambi\u00e9n se puede usar para que no se ejecute una determinada instrucci\u00f3n. En el libro encontrar\u00e9is algunos ejemplos de uso de comentarios.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adem\u00e1s de todas las funciones que nos permiten dibujar formas, en p5.js hay una manera de poder dibujar cualquier forma: indicando todos los puntos que conforman la figura. A pesar de que los ejemplos del libro son bastante claros (3-18 y 3-19), demos un vistazo a las instrucciones implicadas: beginShape() indica el inicio del dibujo [&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\/1275"}],"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=1275"}],"version-history":[{"count":10,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages\/1275\/revisions"}],"predecessor-version":[{"id":3643,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages\/1275\/revisions\/3643"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/media?parent=1275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}