{"id":120,"date":"2019-06-27T12:41:53","date_gmt":"2019-06-27T10:41:53","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/?page_id=120"},"modified":"2019-08-17T02:12:00","modified_gmt":"2019-08-17T00:12:00","slug":"1-9-processing","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/1-9-processing\/","title":{"rendered":"1.9. Processing"},"content":{"rendered":"<p>\u00c9s possible que a aquestes al\u00e7ades de curs hagueu llegit a diferents llocs la paraula <em>Processing<\/em> i us pregunteu qu\u00e8 \u00e9s. Vegem-ho.<\/p>\n<div class=\"featured featured-blue\"><p>Es coneix com a <a href=\"https:\/\/processing.org\/\" target=\"_blank\" rel=\"noopener\">Processing<\/a> tant un llenguatge com un entorn de programaci\u00f3 creat per a acostar la programaci\u00f3 a persones del m\u00f3n del disseny i les arts. Processing est\u00e0 basat en el llenguatge de programaci\u00f3 Java, del qu\u00e8, d\u2019alguna manera, \u00e9s una mena d\u2019extensi\u00f3 que permet dibuixar a la pantalla amb facilitat.<\/p>\n<\/div>\n<p>Tot i que els programes creats amb Processing es poden arribar a executar en un navegador, no \u00e9s f\u00e0cil ni el m\u00e9s recomanable, a causa que cal instal\u00b7lar un <em>plugin<\/em> que permeti l\u2019execuci\u00f3 de Java al navegador.<\/p>\n<p>p5.js est\u00e0 creat per la fundaci\u00f3 Processing per a poder incloure Processing al navegador. Les instruccions de dibuix de p5.js s\u00f3n les mateixes que fa servir Processing i els canvis que hi ha entre els dos llenguatges s\u00f3n el resultat de les difer\u00e8ncies que hi ha entre el JavaScript i el Java. Afortunadament, aquests canvis no s\u00f3n molt grans i passar el codi de p5.js a Processing i viceversa no \u00e9s complicat.<\/p>\n<p>Tot i tenir la mateixa base i el mateix objectiu, hi ha algunes difer\u00e8ncies remarcables entre Processing i p5.js. Processing t\u00e9 m\u00e9s anys i \u00e9s tot un entorn de programaci\u00f3. En conseq\u00fc\u00e8ncia, t\u00e9 for\u00e7a extensions que permeten, per exemple, crear un pdf a partir del dibuix creat. Per la seva banda, p5.js est\u00e0 comen\u00e7ant per\u00f2, a poc a poc, va creixent i oferint opcions que abans estaven limitades a Processing.<\/p>\n<p>L\u2019avantatge principal de p5.js \u00e9s el fet que es pot executar de forma nativa a qualsevol navegador. Gr\u00e0cies a aix\u00f2, es poden incloure animacions i imatges generades al moment a qualsevol p\u00e0gina web.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00c9s possible que a aquestes al\u00e7ades de curs hagueu llegit a diferents llocs la paraula Processing i us pregunteu qu\u00e8 \u00e9s. Vegem-ho. Tot i que els programes creats amb Processing es poden arribar a executar en un navegador, no \u00e9s f\u00e0cil ni el m\u00e9s recomanable, a causa que cal instal\u00b7lar un plugin que permeti l\u2019execuci\u00f3 [&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\/120"}],"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=120"}],"version-history":[{"count":6,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/pages\/120\/revisions"}],"predecessor-version":[{"id":3649,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/pages\/120\/revisions\/3649"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/media?parent=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}