Introducción a las formas primitivas, color, animación, texto y teclado en Mobile Processing

1. Introducción
a Mobile Processing
dennysregalado@gmail.com

2. ¿Qué es Mobile Processing (MP)?
 Es un proyecto Open
Source iniciado por
Francis Li.
 Herramienta que
permite la creación
de prototipos y
aplicaciones que se
ejecutan en
dispositivos móviles
que soportan Java

3. Processing: el origen de MP
 Usado por estudiantes,
artistas, diseñadores,
arquitectos, investigadores
y entusiastas, en el
proceso de aprendizaje,
creación de prototipos y
creación de productos.
 Desde el 2001 Ben Fry y
Casey Reas...
http://openprocessing.org

4. Características
 Puede ser ejecutado gracias J2ME
 Utiliza herramientas externas para compilar
(WTK)
 Utiliza un emulador
 Es un proyecto en continuo desarrollo abierto
 Incluye su propio ambiente de desarrollo
integrado (IDE)

5. Plataforma
@Imagen original de Marlon

6. ¿Qué necesito para usarlo?
 Descargar la última
version de de Java
(1.5 funciona).
 Descargar el Wireless
Toolkit for CLDC
(WTK), la herrmienta
de desarrollo para
mobiles de Java
http://java.sun.com/pr
oducts/j2mewtoolkit/

7. ¿Qué necesito para usarlo?
 Instalar Mobile
Processing del sitio
oficial
www.mobile.processin
g.org
 Establecer la ruta de
instalacion del WTK en
la pestaña ”mobile”
desde File-
>Preferences

8. ¿Cómo probar un sketch?
 Desde el IDE se
puede accesar a
varios ejemplos para
guiarse.
 Utiliza el emulador
del WTK para correr
las aplicaciones.

9. Estructura de Archivos
 Se genera una
carpeta con el mismo
nombre de nuestro
Sketch.
 En la carpeta data se
guardan las
imágenes y archivos
fuente .
 El .jar (File->Export
MIDlet) se encuentra
en la carpeta midlet.

10. API del Lenguaje
 API de Lenguaje
incluye ejemplos
sencillos.

11. Creador de Fuentes
 Es una herramienta
para generar archivos
fuente (instalados en
nuestro sistema) que
utilizaremos en
nuestro sketch.
 ”fuente.mvlw”

12. ¿POO o Estructurado?
 Organizar mejor el
código usando clases
 Escribir una función
en el sketch principal
sin tener que crear
una clase.
 Todo es público.

13. Dibujar es aburrido sin colores
 background(r,g,b)
 fill(r,g,b)
 stroke(r,g,b)
 noFill()
 NoStroke()

14. Formas Primitivas
 Rect
 Triangle
 Quad
 Ellipse

15. Trabajando con Texto
 Clase PImage
 Trabaja con
imágenes .PNG
 Se puede mostrar
sólo una región de la
imágen

16. Eventos del Teclado
 keyReleased()
 KeyPressed()
 La variable de sistema key contiene el último
código de tecla presionado.
 Para detectar las teclas de dirección, la
variable keyCode se estable a UP, DOWN,
LEFT o RIGHT.

17. Códigos del Teclado
 Hay que considerar
que cada fabricante
utiliza su propia
distribución del
teclado, por lo qué
este sketch
(Examples->keycode)
es muy útil para
hacer pruebas.

18. Animación
 Visualizar diferentes
regiones de la
imágen producen la
sensación de
movimiento.
 Variar las
propiedades de una
forma usando
millis().

19. Librerías Contribuidas
 MSensor Maudio3D

 Mmessaging
 Sound Mpush
  MVideo
 Mfiles M3D

 Messaging
 MNokiaUI
 MSockets MQRCode

 MWebServices
 MgamesII Phone
  MPIM
 Image2
 Msound Mbt

 MZXing
 Video MRest
  MWiimote
 Mlocation Bluetooth

 Msynth MclientServer

 Mobex XML


20. Trabajando con Texto
 La clase PFont
 textAlign: CENTER,
LEFT o RIGHT
 Cambiar el color de la
fuente con fill()

21. Obtener Datos del GPS
 Utilizando la librería
mlocation para
obtener datos del
GPS.
 ”How to use Mobile
Processing to get
GPS data with your
N95”

22. Yahoo! Maps Web Services
 http://local.yahooapis.com/MapsService/V1/map
Image?appid=ID--
&latitude=16.43&longitude=-95.02&zoom=2&i
mage_height=200&image_width=300

23. Usando datos del GPS
 Imágen obtenida a
partir de las
coordenas del GPS
usando los servicios
de Yahoo! Maps

24. Reloj de Turnos
 Reloj sencillo para
controlar turnos en
juegos de dos
personas (Ajedrez,
Scrabble...)

25. Juego Cinco o Más
 El objetivo del juego
es alinear cinco o
más esferas del
mismo color con la
mayor frecuencia
posible, haciendo que
desaparezcan.

26. What's Cooking?
 Es un software social
que ayuda a reunir a
personas que
comparten el gusto
por la cocina.
 Se centra en el placer
de comer juntos.

27. Links
 http://challenges.qumax.org
 www.mobile.processing.org
 http://java.sun.com/products/j2mewtoolkit/
 http://www.interaction-venice.com/projects/iuav07-08Lab1/projects/
 http://mjs.darkgreenmedia.com
 http://foro.visualp5.net