lunes, 20 de septiembre de 2010

Processing 101

Primero descargen processing de la pagina web processing.org. Al abrir processing podran ver que la interfaz es bastante sencilla, solo tiene cinco botones, play, stop, save, open y export. Si ponen play veran que automaticamente se abre una ventana la cual tiene como defecto un tamaño de 300x300. Así es como se ve un programa de processing en blanco, completamente en default. En caso de haber un error en el código abajo de el espacio de texto processing va poner los errores encontrados en letras naranjas.




todos los programas de processing tienen la misma estructura

void setup(){
  este codigo se corre una vez
}

void draw(){
  este codigo se corre repetidamente
}

 Esta estructura se basa en un bloque setup(), el cual se ejecutara justo al iniciar la aplicación y no volverá a ser llamado, ademas de este también esta el bloque draw(), que será llamado cada frame. Por default processing corre a 40 frames por segundo, si se desea cambiar la configuración, se puede alterar poniendo el comando frameRate(numero de frames deseado); se recomienda que este comando se ponga en el setup().


Hay una gran cantidad de comandos los cuales permitirán crear los distintos programas, en caso de olvidar la manera de utilizar uno, solo es cuestión de seleccionarlo hacerle click derecho y elegir la opción find in reference, esto abrirá la pagina de la referencia de Processing, no es necesario estar conectado a internet para hacer esto.

Muchas veces cuando un programa crece uno comienza a olvidar porque fue que puso ciertos comandos, o que es lo que hacen algunas partes del código, para evitar este tipo de confusiones se usan los comentarios. Los comentarios son lineas en el código las cuales no son leídas por el computador, las cuales están hechas para guiar a las personas que lean el código.

Para decir si una linea se debe leer o no se ponen ciertos caracteres, que al ser leídos por el computado, le indican que lo que sigue debe ser ignorado. Si se quiere hacer que se ignore una linea se ponen // al inicio de esta. Si lo que se quiere es hacer que se ignore un segmento de mas de un renglon lo que se hace es que al iniciao del primer renglo a ignora se pone /* y al final del ultimo renglon a ignorar se pone */ este se usa para explicaciones mas largas.

void draw(){

  esta linea si se lee

  //esta linea no se lee
  
  /*
  estas lineas
  tampoco
  se pueden
  leer
  */

}


Otro tip para que el código que se escriba sea fácil de entender es el de usar tabulaciones al momento de escribirlo. por ejemplo si un código esta dentro de otro bloque de código, como por ejemplo el código dentro de draw(), esta practica no es necesaria y si no se hace el compilador no va a dar problemas, pero el código será más difícil de entender. Processing permite hacer la tabulación de forma automática, por medio de ctr+t. 

void draw(){

  

  /*el código insertado esta dos espacios mas adentro
  así se sabe que es código que se ejecuta dentro de draw() */

  //este comandos sirven para dibujar un cuadrado
  rect(20,20,100,100);
  
  

}









Para convertir el codigo ya en un archivo ejecutable, es bastante sencillo, solo hay que oprimir el boton de exportar  y processing creara el archivo .jar (ejecutable de java) y el html para que este corra en web.

Pero de esta forma solo va a ejecutar desde un navegador, si lo que quieren en que ejecute como una aplicación de escritorio, solo hay que elegir la pestaña de file en el menú y luego la opción de export aplication.









más proyectos en: flavourmachine.com

No hay comentarios:

Publicar un comentario