{"id":1288,"date":"2019-07-08T14:11:12","date_gmt":"2019-07-08T12:11:12","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/?page_id=1288"},"modified":"2019-08-17T02:13:18","modified_gmt":"2019-08-17T00:13:18","slug":"1-9-processing","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/1-9-processing\/","title":{"rendered":"1.9. Processing"},"content":{"rendered":"<p>Es posible que, a estas alturas del curso, hay\u00e1is le\u00eddo en diferentes lugares la palabra <em>Processing<\/em> y os pregunt\u00e9is qu\u00e9 es. Vamos a verlo.<\/p>\n<div class=\"featured featured-blue\"><p>Se conoce como <a href=\"https:\/\/processing.org\/\" target=\"_blnak\">Processing<\/a> tanto un lenguaje como un entorno de programaci\u00f3n creado para acercar la programaci\u00f3n a personas del mundo del dise\u00f1o y las artes. Processing est\u00e1 basado en el lenguaje de programaci\u00f3n Java, del que, de alguna manera, es una especie de extensi\u00f3n que permite dibujar en la pantalla con facilidad.<\/p>\n<\/div>\n<p>A pesar de que los programas creados con Processing se pueden llegar a ejecutar en un navegador, no es f\u00e1cil ni lo m\u00e1s recomendable debido a que hay que instalar un <em>plugin<\/em> que permita la ejecuci\u00f3n de Java en el navegador.<\/p>\n<p>p5.js est\u00e1 creado por la fundaci\u00f3n Processing para poder incluir Processing en el navegador. Las instrucciones de dibujo de p5.js son las mismas que usa Processing y los cambios que hay entre los dos lenguajes vienen dados por las diferencias que hay entre JavaScript y Java. Afortunadamente, estos cambios no son muy grandes y pasar el c\u00f3digo de p5.js a Processing y viceversa no es complicado.<\/p>\n<p>A pesar de tener la misma base y el mismo objetivo, hay algunas diferencias remarcables entre Processing y p5.js. Processing tiene m\u00e1s a\u00f1os y es todo un entorno de programaci\u00f3n. En consecuencia, tiene bastantes extensiones que permiten, por ejemplo, crear pdf a partir del dibujo creado. Por su parte, p5.js est\u00e1 empezando, pero poco a poco va creciendo y ofreciendo opciones que antes estaban limitadas a Processing.<\/p>\n<p>La principal ventaja de p5.js es el hecho de poderse ejecutar de forma nativa en cualquier navegador. Gracias a esto, se pueden incluir animaciones e im\u00e1genes generadas en el momento en cualquier p\u00e1gina web.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Es posible que, a estas alturas del curso, hay\u00e1is le\u00eddo en diferentes lugares la palabra Processing y os pregunt\u00e9is qu\u00e9 es. Vamos a verlo. A pesar de que los programas creados con Processing se pueden llegar a ejecutar en un navegador, no es f\u00e1cil ni lo m\u00e1s recomendable debido a que hay que instalar un [&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\/1288"}],"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=1288"}],"version-history":[{"count":9,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages\/1288\/revisions"}],"predecessor-version":[{"id":3651,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages\/1288\/revisions\/3651"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/media?parent=1288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}