Cómo programar para Android con Processing

Publicado por en Tutoriales el 04/10/2010
Comentarios: 0

Todos conocemos o casi el entorno Processing en parte gracias a Arduino. Es un entorno de programación que sirve para programar una multitud de cosas de forma fácil y rápida sin preocuparnos demasiado por las entrañas del hardware utilizado. Pues la buena noticia es que ahora es posible programar para Android, el sistema operativo para móviles de Google, utilizando Processing.

A continuación os dejo algo más de información para comenzar a programar para Android con Processing

Instalación de Android SDK

Lo primero que debemos tener obviamente es el SDK de Android que podemos descargar aqui:

http://developer.android.com/sdk

Debes descomprimir el archivo zip en un directorio y abrir el directorio "tools" y ejecutar el archivo ejecutable "Android" que abrirá el AVD Manager tal y como se muestra aqui:

Aqui necesitaremos añadir el repositorio de Android e instalar todos sus componentes. Para eso, debemos hacer click sobre la izquierda en "Available Packages" y marcar la opción central que aparece en pantalla. El manager conectará con el repositorio de android y mostrará los componentes disponibles para descargar:

Aqui podemos seleccionar todos los elementos para tener el sistema de desarrollo completo. Una vez instalado, necesitamos instalar una versión especial para Android de Processing.

Instalar Processing para Android

Podemos descargarlo aqui:

http://wiki.processing.org/w/Android

Una vez descargado, copialo en un directorio y ejecuta Processing.

Hello World para Android con Processing

Lo primero que debemos hacer en una aplicación básica para probar el funcionamiento general. Ésta en concreto dibuja un circulo en medio de la pantalla. Aqui el código:

void setup() {
   size(480,800);

   smooth();
   noStroke();
   fill(255);
   rectMode(CENTER);     //This sets all rectangles to draw from the center point
};

void draw() {
   background(#FF9900);
   rect(width/2, height/2, 150, 150);
};

Si pulsamos el boton "Run" (Ejecutar) Processing compilará nuestro programa en un archivo Applet temporal de Java que se ejecutará en una ventana individual. Para los que ya conocen Processing, es la forma habitual de trabajo. Para compilarlo para Android, debemos selecionar "Android Mode" en el menu y podremos ver la plicación en el emulador al pulsar como "Run":

NOTA: La primera ver que ejecutes el emulador, se mostrará un mensaje indicando que Android SDK no ha sido instalada. Pulsa "Yes" y selecciona el directorio de los archivos del SDK que previamente has copiado en un directorio. Una vez hecho, ejecuta tu programa otra vez.

Ten en cuenta que el emulador tarda su tiempo en inicializarse  y ejecutar el programa por lo que ten paciencia :)

Tenemos ya todo el sistema funcionando y es por supuesto muy emocionante, pero aqui falta algo no? Vamos ejecutar nuestro programa en un dispositivo Android real!

Ejecutar el programa en un dispositivo Android

Para que funcione, es importante que tu dispositivo android tenga la opción "USB debugging" activada". Puedes activarla en Configuración -> Aplicaciones -> Desarrollo. Si utilizas Windows, consulta ésta guía si tienes problemas para conectar.

Ahora conecta tu dispositivo por USB y selecciona Sketch -> Present desde el menu:

Si todo va bien, debes ver tu aplicación funcionando en tu dispositivo! Emocionante verdad? :) Dado que es una aplicación básica, es emocionante hasta cierto punto asi que vamos a darlo un toque interactivo haciendo que la aplicación responda a interacciones del usuario:

/*

World's simplest Android App!
blprnt@blprnt.com
Sept 25, 2010

*/

//Build a container to hold the current rotation of the box
float boxRotation = 0;

void setup() {
  //Set the size of the screen (this is not really necessary in Android mode, but we'll do it anyway)
  size(480,800);
  //Turn on smoothing to make everything pretty.
  smooth();
  //Set the fill and stroke colour for the box and circle
  fill(255);
  stroke(255);
  //Tell the rectangles to draw from the center point (the default is the TL corner)
  rectMode(CENTER);

};

void draw() {
  //Set the background colour, which gets more red as we move our finger down the screen.
  background(mouseY * (255.0/800), 100, 0);
  //Chane our box rotation depending on how our finger has moved right-to-left
  boxRotation += (float) (pmouseX - mouseX)/100;

  //Draw the ball-and-stick
  line(width/2, height/2, mouseX, mouseY);
  ellipse(mouseX, mouseY, 40, 40);

  //Draw the box
  pushMatrix();
    translate(width/2, height/2);
    rotate(boxRotation);
    rect(0,0, 150, 150);
  popMatrix();
};

Ahora debemos pulsar sobre Sketch -> Present una vez más y veremos la aplicación asi:

Ahora podremos rotar el rectangulo con nuestro dedo y fundar las bases para la dominación mundial con nuestras aplicaciones para Android hechas con Processing !!! No os olvideis por supuesto de consultar la Wiki de Processing para Android para conocer más a fondo todas las posibilidades.

Por supuesto, al primero que nos envíe una foto con el logo de BricoGeek.com sobre su móvil, tendrá un regalo seguro de la tienda. Asi que a programar se ha dicho!!! :) -> contacto [ arroba ] bricogeek.com

Artículo original aqui

Si te ha gustado, compártelo con tus amigos!
Google Plus 

Ver comentarios antiguos...