Wed 10 Mar
Como Usar Processing Junto en una Aplicación Java
Una pequeña nota que describe como usar Processing para animar mas tus programas hechos en JavaMon 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.
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.
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!
Asi que ya tienen una introducción facil a Processing.