Inicio > Programing > Creando animaciones con Processing es cuestion de niños

Creando animaciones con Processing es cuestion de niños

Processing-09
Todo comienza en una charla con mi amiga Nancy acerca de unas tareas de programación que está realizando y me comenta “estoy aprediendo a programar en processing” y yo con mi cara de “what!!!!!!”, entonces le pido que me platique más acerca de ese tal processing y resulta ser un lenguaje de programación para crear objetos gráficos en base a figuras geométricas e incluso permite realizar animaciones, el único detalle es que está desarrollado en Java e incluso se parece mucho a java, pero no deja de ser una interesante herramienta, además de que con processing se asemeja un poco a python.

Instalando Processing

Lo primero es descargar el archivo adecuado ya sea para windows, linux o mac desde el sitio http://processing.org/download.

Hay un tutorial que también describe el proceso de instalación http://processing.org/learning/gettingstarted.

Yo por su puesto lo he instalado en mi querido Linux Mint, por lo que me he descargado el archivo processing-2.0b7-linux64.tgz que tras descomprimir me ha creado la carpeta processing-2.0b7, en esta carpeta hay un archivo llamado processing que al dar doble click y luego en ejecutar se abre la siguiente ventana
Processing-01

Perfecto esto ya ha funcionado sin más problema, ahora toca ver que se puede hacer, así que voy a seguir la guía de inicio.

Hola mundo!

Y como ya es tradición a realizar el clásico “Hola mundo!” que en este caso es una elipse redonda (alguien se le ocurrió llamar a estas elipses círculos, lo que es no tener nada que hacer!).

Para hacer crear una elipse con centro en el punto (50, 50) y con 80 de alto y ancho se escribe en el editor el siguiente comando:

ellipse(50, 50, 80, 80);

Processing-02
Se puede observar que ha aparecido una nueva ventana (llamada ventana de salida) y es donde se muestra la elipse bien redonda.

Esta forma de trabajar me recuerda a pilas que está basado en python.

Interacción con el usuario

Ahora la guía junior no pide borrar lo escrito anteriormente del editor y escribir el siguiente código:

void setup() {
  size(480, 120);
}

void draw() {
  if (mousePressed) {
    fill(0);
  } else {
    fill(255);
  }
  ellipse(mouseX, mouseY, 80, 80);
}

Y en la ventana de salida sucede que… mejor pongo unas imágenes estilo caricatura a ver si se capta la idea

1er Acto

1er Acto

Processing-04

Processing-05

Processing-06

En palabras lo que sucede es que se van pintado elipses circulares de color blanco con borde negro al ir moviendo el ratón y al dar click, el relleno de la elipse se cambia a negro… fascinante!!! la interacción con el usuario es así de simple?

Exportar en Javascript y Android

Según la guía junior dice que es posible exportar el proyecto a javascript o android, pero hay que seguir las guías correspondientes a cada caso, pero resulta interesante saber que sería posible hacer que mi aplicación funcione en mi android por medio de cualquiera de ambas tecnologías.

Ejemplos, muchos ejemplos listos para comer

Pensando que en la única forma de aprender a programar en processing es programando y viendo código funcional, el equipo de desarrollo se ha encargado de incluir toda una serie de ejemplos completamente funcionales que se puede acceder desde el menú File -> Examples y para muestra aquí el código correspondiente al ejemplo llamado Conditionals1

/**
 * Conditionals 1. 
 * 
 * Conditions are like questions. 
 * They allow a program to decide to take one action if 
 * the answer to a question is true or to do another action
 * if the answer to the question is false. 
 * The questions asked within a program are always logical
 * or relational statements. For example, if the variable 'i' is 
 * equal to zero then draw a line. 
 */
 
size(640, 360);
background(0);

for(int i = 10; i < width; i += 10) {
  // If 'i' divides by 20 with no remainder draw the first line
  // else draw the second line
  if(i%20 == 0) {
    stroke(255);
    line(i, 80, i, height/2);
  } else {
    stroke(153);
    line(i, 20, i, 180); 
  }
}

Rpocessing-07

Processing-08

Y finalmente hay una referencia completa de todos los comando disponibles del lenguaje de processing que se puede revisar en línea o también se puede consultar desde el menú Help -> Reference.

Me parece tiene potencial sobre todo en el segmento educativo, pero finalmente el niño creativo es el que dictará en que más se puede aplicar.

y tu niño interior ¿para que lo aplicaría?

Salu2+

Anuncios
  1. yto
    3 octubre, 2015 en 14:07

    gracias!

  1. No trackbacks yet.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

PiKon

3D Printing + Raspberry Pi Camera = PiKon Telescope

gvSIG blog

gvSIG project blog

Python Adventures

Welcome to the Jungle!

A %d blogueros les gusta esto: