Archive of March 2009


Mon 30 Mar

Primeros Pasos

Processing es un lenguaje de programación, diseñado para ser facil de usar, rapido de aprender y orientado al multimedia. Es muy interactivo y sin duda muy divertido de usar. El primer paso para usar processing es descargalo de su pagina oficial, http://processing.org/download aqui puedes escojer si descargar la versión para tu plataforma en Java o sin Java (si tienes duda, descargala con Java). Despues del tipico proceso de instalación, ejecuta la aplicación y obtendras la ventana principal. Esta ventana es muy simple de usar, contiene la barra de menu, abajo una barra de herramientas; utilizas el boton 'play' para iniciar a ejecutar el codigo y el botón 'stop' para pararlo. Processing Nuevo Ya que te familiarizes un poco con la interfaz, comenzemos con el primer programa, ya que Processing esta orientado a ser visual desde el principio, en vez de a ser de texto, que tal si hacemos un circulo. ellipse (width/2,height/2 , 50,50); Dale correr y ahi está, un circulo. Circulo1 Como puedes ver la etiqueta elipse recibe varios atributos, los primeros 2 son la posición, en este le indicamos que queremos que este en 'width (ancho) / 2' o sea el centro horizontal, y en 'height/2' o sea el centro vertical. Luego especificamos el tamaño, tanto en X como en Y. Vamos un poco mas adelante con este codigo (los comentarios usan //

//=========================
// La instrucción size(), determina el tamaño de la ventana que queremos hacer
// Le determinamos el tamaño en pixeles y en la forma X,Y
size (400,400);

smooth(); //Para que los graficos tengan mejor calidad

// Le asignamos al Fondo el color Negro
background (0);

// Para los colores podemos usar hexadecimal tambien
stroke (#FFFFFF);

// El sistema de Coordenadas comienza en la esquina izquierda superior

point(100, 100);  // Creamos los puntos de
point(300, 100);  // un cuadrado definiendo
point(100, 300);  // cada punto en coordenadas
point(300, 300);

line (100,200 , 300,200); // de un punto xy a otro

noFill();

ellipse (width/2,height/2 , 100,100);
rect (100,100, 200,200); //rect utiliza una sintaxis un poco diferente, especificas donde quieres comenzar, y el tamaño del rectangulo
//=========================


Le damos ejecutar y listo! Pasos 1
Asi que ya tienen una introducción facil a Processing.