programar con processing en...

Programar con Processing en Python

J.B. Hayet

CENTRO DE INVESTIGACION EN MATEMATICAS

Julio 2015

,J.B. Hayet Processing-Python Mode, Julio 2015 1 / 20

El “lenguaje” Processing

Processing:

Un dialecto de Java, muy simplificado.

Una IDE sencilla e intuitiva.

A priori ninguna dificultad para programadores en C, C++.

La meta es tocar a un publico que no sabe de lenguajes engeneral, enfocado a graficos interactivos, sonido, vıdeo,animacion. . .


El “lenguaje” Processing

Aplicaciones particularmente bien adaptadas:

ensenanza: rudimentos programacion hasta POO,

ensenanza: ilustracion animada de conceptos,

prototipaje rapido de aplicaciones, “sketches”

visualizacion de datos.


Una IDE reducida a lo esencial


Una IDE reducida a lo esencial

Una ventana de texto, para escribir el codigo.

Una consola.

Una ventana grafica, con el output del programa.

Interfaz de la IDE simplista:

En unos minutos, se entiende como funciona todo.


Sketches

El concepto de Sketch es el de “proyecto” de las IDEsnormales, es decir el un programa con una o varias unidades decompilacion.

A un Sketch corresponde a un directorio en un directorio deSketches.

Los archivos de los Sketches tienen extension .pde (Java) o.pyde (Python).

Los diferentes archivos aparecen como pestanas en la ventanadel codigo.


Librerıas disponibles

Integrados

Importacion de datos XML, SVG

Exportacion PDF, DXF, etc.

Video

Redes

Comunicacion serial

External Contributions

Sonido: Ess, Sonia

Computer Vision: JMyron, ReacTIVision,BlobDetection

Interface: proCONTROLL, Interfascia

. . .


Varios modos de programacion

Tres maneras de programar en Python (con el Python Mode)

Modo basico (dibujos estaticos, codigo secuencial).

Modo continuo (animacion, funciones).

Modo objeto (clases Python).

Se puede adaptar a la audiencia. . .



Modo basico, programacion imperativa

s i z e (512 ,512)background (255)noSt roke ( )f o r i i n range ( 1 0 0 ) :

f i l l ( random (255) , random (255) , random (255 ) )x = random (512)y = random (512)r e c t ( x , y , 5 0 , 50 )

Ciclos, llamadas a funciones, variables. . .



Modo continuo, programacion procedural

de f s e tup ( ) :s i z e (729 ,729)background (255)noSt roke ( )f rameRate (1 )

de f draw ( ) :drawCross (0 , 0 , 729 )



Modo continuo, programacion procedural

de f drawCross ( x , y ,w ) :i f w<1:

returnf i l l ( random (255) , random (255) , random (255 ) )r e c t ( x+w/3 , y+w/3 ,w/3 ,w/3)r e c t ( x , y+w/3 ,w/3 ,w/3)r e c t ( x+2∗w/3 , y+w/3 ,w/3 ,w/3)r e c t ( x+w/3 , y ,w/3 ,w/3)r e c t ( x+w/3 , y+2∗w/3 ,w/3 ,w/3)drawCross ( x , y ,w/3)drawCross ( x+2∗w/3 , y ,w/3)drawCross ( x , y+2∗w/3 ,w/3)drawCross ( x+2∗w/3 , y+2∗w/3 ,w/3)

Funciones, recursiones. . .,

J.B. Hayet Processing-Python Mode, Julio 2015 11 / 20


Modo continuo, programacion proceduralDos funciones invocadas por default:

setup() : al crear la ventana,

draw() : funcion de dibujo llamada en cada ciclo (frecuenciaadaptable. . . )

Simulacion dinamica. . .



Modo continuo, programacion procedural+ Handlers para eventos de raton, teclados. . .

mousePressed()

mouseReleased()

mouseMoved()

keyPressed()

...

Variables globales mouseX, mouseY, pmouseX, pmouseY. . .



Modo objeto: programacion orientada a objetos, clases. . .

Usar la applet de Processing en otro programa. . .

Usaremos clases en los talleres de robotica.



Implicit data types (int, float, boolean)

Arrays

Loops

Conditionals and Logical Operators

Strings

Variables and Scoping


Graficos

Es lo mas interesante del lenguaje:

se encarga de toda la parte generalmente tecnicamente delicadade inicializacion integrando varias modalidades graficas pordefault (2D, 3D, OpenGL. . . ),

muy facil de crear animaciones, visualizaciones dinamicas aunpara debutante,

graficos, sonidos, animacion son al centro del concepto.


Graficos


Graficos

Modo 2D

de f s e tup ( ) :s i z e (320 , 240)background (153)

de f draw ( ) :l i n e (0 , 0 , width , h e i g h t )


Graficos

Modo P3D

de f s e tup ( ) :s i z e (320 , 240 , P3D)

de f draw ( ) :background (0 )s t r o k e (255 ,0 , 0 )t r a n s l a t e ( width /2 , h e i g h t /2)ro ta t eX ( cos ( frameCount ∗ PI / 300))l i n e (0 , 0 , 0 , width , he i gh t , −200)l i n e (0 , 0 , 0,−width , he i gh t , −200)l i n e ( width , he i gh t , −200,−width , he i gh t , −200)


Features adicionales

Soporte para imagenes.Soporte para manejo de vıdeo.Unos esfuerzos para portar el OpenCV a Processinghttps://github.com/atduskgreg/opencv-processing


https://github.com/atduskgreg/opencv-processing

programar con processing en...

Documents