{"id":38,"date":"2014-03-31T06:42:16","date_gmt":"2014-03-31T06:42:16","guid":{"rendered":"http:\/\/medialabmx.org\/processing\/?page_id=38"},"modified":"2014-03-31T06:43:11","modified_gmt":"2014-03-31T06:43:11","slug":"introduccion","status":"publish","type":"page","link":"http:\/\/medialabmx.org\/processing\/","title":{"rendered":"Introducci\u00f3n"},"content":{"rendered":"<div align=\"justify\"><b>\u00bfQu\u00e9 es Processing?\u00a0<\/b><br \/>\n&#8220;Processing es un lenguaje de programaci\u00f3n y entorno de desarrollo integrado de c\u00f3digo abierto basado en Java, de f\u00e1cil utilizaci\u00f3n, y que sirve como medio para la ense\u00f1anza y producci\u00f3n de proyectos multimedia e interactivos de dise\u00f1o digital. Fue iniciado por Ben Fry y Casey Reas a partir de reflexiones en el Aesthetics and Computation Group del MIT Media Lab dirigido por John Maeda.&#8221; &#8220;Processing es desarrollado por artistas y dise\u00f1adores como una herramienta alternativa al software propietario.&#8221;<\/div>\n<div align=\"justify\">\n<p>En \u00e9ste curso estaremos recurriendo frecuentemente a la p\u00e1gina de processing, que se puede encontrar en la siguiente liga:<br \/>\n<a href=\"http:\/\/www.processing.org\/\">http:\/\/www.processing.org\/<\/a><\/p>\n<p>Lo primero que hay que hacer es descargar la \u00faltima versi\u00f3n del programa, de acuerdo con sus sistemas operativos, en \u00e9ste v\u00ednculo:<br \/>\n<a href=\"http:\/\/www.processing.org\/download\/\">http:\/\/www.processing.org\/download\/<\/a><\/p>\n<p><b>La interfaz de Processing:\u00a0<\/b><\/div>\n<p><img decoding=\"async\" title=\"interfaz\" alt=\"interfaz\" src=\"http:\/\/processing.mondonerd.com\/wp-content\/uploads\/2011\/04\/processing_PDE_version_1_5.png\" border=\"0\" hspace=\"0\" vspace=\"0\" \/><\/p>\n<p>La interfaz de Processing es muy sencilla debido a que \u00e9sta funciona principalmente como un editor de texto, que nos servira para compilar el c\u00f3digo de los programas que escribamos.<\/p>\n<p>En este momento nos fijaremos en 3 elementos principales:<\/p>\n<div><\/div>\n<p>a) el area blanca que ocupa la mayor parte de la interfaz: en \u00e9sta area ser\u00e1 donde escribamos nuestras lineas de c\u00f3digo.<\/p>\n<div><\/div>\n<p>b) el boton de &#8220;play&#8221; en la esquina superior izquierda de la interfaz: \u00c9ste bot\u00f3n sirve para indicarle a Processing que compile y ejecute el programa que acabamos de escribir.<\/p>\n<div><\/div>\n<p>c) la consola: es el area negra de la parte inferior, donde podremos recibir mensajes del programa que nos ayuden a inspeccionar su ejecuci\u00f3n.<\/p>\n<p><strong>\u00a0<\/strong><\/p>\n<p><strong>\u00bfC\u00f3mo empezamos a programar?<\/strong><\/p>\n<p>Un programa de computaci\u00f3n puede ser tan simple como una linea o tan complejo como miles de \u00e9stas, dependiendo de las funciones que \u00e9ste deba de cumplir. Aqui empezaremos por programas muy simples y despues iremos subiendo la complejidad de los mismos.<\/p>\n<div><\/div>\n<p>Para escribir un programa no hace falta m\u00e1s que escrbir una linea dentro del editor de texto de Processing. A cada linea le llamaremos &#8216;instruccion&#8217;, y cada una de estas instrucciones debe siempre terminar con &#8216;;&#8217;.<\/p>\n<p>ej.:<\/p>\n<p>int a= 0;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 es Processing?\u00a0 &#8220;Processing es un lenguaje de programaci\u00f3n y entorno de desarrollo integrado de c\u00f3digo abierto basado en Java, <span class=\"ellipsis\">&hellip;<\/span> <span class=\"more-link-wrap\"><a href=\"http:\/\/medialabmx.org\/processing\/\" class=\"more-link\"><span>Read More &rarr;<\/span><\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/medialabmx.org\/processing\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/medialabmx.org\/processing\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/medialabmx.org\/processing\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/medialabmx.org\/processing\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/medialabmx.org\/processing\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":2,"href":"http:\/\/medialabmx.org\/processing\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":40,"href":"http:\/\/medialabmx.org\/processing\/wp-json\/wp\/v2\/pages\/38\/revisions\/40"}],"wp:attachment":[{"href":"http:\/\/medialabmx.org\/processing\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}