{"id":110,"date":"2019-06-27T12:33:19","date_gmt":"2019-06-27T10:33:19","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/?page_id=110"},"modified":"2019-08-17T01:59:35","modified_gmt":"2019-08-16T23:59:35","slug":"1-6-dibuix-lliure","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/1-6-dibuix-lliure\/","title":{"rendered":"1.6. Dibuix lliure"},"content":{"rendered":"<p>A banda de totes les funcions que ens permeten dibuixar formes, amb p5.js hi ha una manera de poder dibuixar qualsevol forma: indicant tots els punts que conformen la figura.<\/p>\n<p>Tot i que els exemples del llibre s\u00f3n prou clars (3-18 i 3-19), fem una ullada a les instruccions implicades:<\/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 l\u2019inici del dibuix lliure. Compte, no marca cap punt, es fa servir per a indicar que es comen\u00e7a el dibuix lliure. Podem indicar par\u00e0metres a aquesta funci\u00f3 per a canviar la manera com fa el dibuix. Podeu consultar el manual de refer\u00e8ncia per a veure les seves possibilitats (s\u00f3n unes quantes).<\/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> serveix per a indicar els punts que conformaran 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 dibuix lliure. Si no li indiquem cap par\u00e0metre, el dibuix quedar\u00e0 obert. Si li indiquem com a par\u00e0metre la constant CLOSE, tancar\u00e0 el dibuix dibuixant una l\u00ednia des del darrer punt fins al primer.<\/li>\n<\/ul>\n<h2>Comentaris<\/h2>\n<p>El cap\u00edtol 3 del llibre finalitza parlant sobre els comentaris. Malgrat que en aquests primers exercicis poden semblar poc importants, el cert \u00e9s que posar comentaris al codi que escrivim, \u00e9s la millor manera de deixar clar en tot moment qu\u00e8 fem o qu\u00e8 volem fer en aquell tros de codi.<\/p>\n<p>En JavaScript (i, per tant, en p5.js) els comentaris es posen posant \/\/ i escrivint el comentari a continuaci\u00f3. Tot el que hi hagi des de \/\/ fins al final de la l\u00ednia es considera un comentari i no s\u2019executa.<\/p>\n<p>En els comentaris acostumem a explicar qu\u00e8 fa aquell tros de codi o per qu\u00e8 serveix una determinada operaci\u00f3 que fem. Tamb\u00e9 es pot fer servir perqu\u00e8 no s\u2019executi una determinada instrucci\u00f3. Al llibre, trobareu alguns exemples d\u2019\u00fas dels comentaris.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A banda de totes les funcions que ens permeten dibuixar formes, amb p5.js hi ha una manera de poder dibuixar qualsevol forma: indicant tots els punts que conformen la figura. Tot i que els exemples del llibre s\u00f3n prou clars (3-18 i 3-19), fem una ullada a les instruccions implicades: beginShape() indica l\u2019inici del dibuix [&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\/wp-json\/wp\/v2\/pages\/110"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/comments?post=110"}],"version-history":[{"count":7,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/pages\/110\/revisions"}],"predecessor-version":[{"id":3642,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/pages\/110\/revisions\/3642"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/media?parent=110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}