mouse draw (practica de tarea)

void setup(){

size(400,400);

smooth();

background(0);

frameRate(30);

}

void draw(){

stroke(mouseX, 0 , mouseY); //puedo hacer esto mejor?

float distance = dist(pmouseX, pmouseY, mouseX, mouseY);

float maxStroke = 15;

strokeWeight(maxStroke - constrain(distance, 0, maxStroke));

line(pmouseX, pmouseY, mouseX, mouseY);

}

void mouseClicked(){

//dibuja un rectangulo donde el mouse fue clickeadorectMode(CENTER);

fill(mouseY, 255, mouseX);

noStroke();

rect(mouseX, mouseY, 30, 30);

}

void keyPressed(){

//presiona tecla para borrar el Background

background(0);

}

Trabajo en Lineas

primera prueba


void setup (){
 size(400,400);
 }

 void draw (){
  line (pmouseX,pmouseY,mouseX,mouseY);
  }

Trabajo en Clase de figuras

Trabajo en clase

Ejercicio libre Progressing

Resumen de paper del Libro processing

1. Hola 

Processing es la escritura de software para hacer imágenes, animaciones e interacción. La 

idea es escribir una sola línea de código y tener un circulo que se muestra en la pantalla. 

Añade unas líneas más de código y el circulo seguirá al mpise. Otra línea de código y el circulo 

cambia de color cuando el mouse es presionado. Llamamos a esto dibujar con un código. Tu 

escribes una línea, luego añades otra, otra y así sucesivamente. El resultado es un programa 

creado de una pieza a la vez. 

2. Dibujando y Prototipizando  

Dibujar es una forma de pensar; es rápido y divertido. El objetivo básico es explorar muchas 

ideas en un corto tiempo. En nuestro trabajo, usualmente empezamos por dibujar en un papel y 

luego movemos el resultado en un código. Ideas para animaciones e interacciones son 

usualmente dibujadas en storyboards con anotaciones. Luego de hacer algunos dibujos de 

software, la mejor idea es seleccionada y combinada en prototipos. Es un proceso cíclico de 

hacer pruebas y eso mejora que se mueva hacia delante y hacia atrás entre pantalla y papel.  

3. Flexibilidad 

Como un software de utilidad, Processing consiste de muchas herramientas que trabajan juntas 

en diferentes combinaciones. Como resultado, puede ser usado para hacks o para 

investigaciones profundas. Ya que el programa Processing puede ser tan corto como una línea 

o tan largo como miles de estas. Hay un espacio para el crecimiento y la variación. 

Más de 100 bibliotecas extienden Processing aún más en dominios como sonido, visión 

computacional y fabricación digital.  

4. Gigantes 

Personas han hecho fotos con computadores desde 1960 y hay mucho que aprender de esta 

historia. En la vida, todos estamos sobre los hombros de los gigantes y los titanes para 

Processing incluye pensadores de diseño, gráficos computacionales, arte, arquitectura, 

estadísticas y los espacios que hay entre ellos.  

Echa un vistazo a Sketchpad de Ivan Sutherland (1963), Dynabook de Alan Kay (1968) y los 

muchos artistas en Artist and Computer de Ruth Leavitt (Harmony Books, 1976). Los archivos 

de ACM SIGGRAPH proporcionan una visión fascinante de la historia de gráficos y software.  

5. Árbol Genealógico  

Como los lenguajes humanos, los lenguajes de programación pertenecen a familias de lenguas 

relacionadas. Processing es dialecto de un lenguaje llamado JAVA; la sintaxis del lenguaje es 

casi idéntica pero Processing añade funciones relacionadas con PostScript (una base de PDF) 

y OpenGl (especificación de gráficos 3D). Debido a estas características compartidas el 

aprendizaje de Processing es un paso básico para la programación en otros idiomas y 

mediante diferentes herramientas de software.  

6. Unirse  

Miles de personas utiliza cada día Processing. Como ellos, puedes descargar Processing sin 

costo. Incluso tienes la opción para modificar el código de Processing para satisfacer tus 

necesidades. Processing es un proyecto de software libre y en el espíritu de la comunidad nos 

animamos a participar por compartir tus proyectos y saber de ellos. Estos sitios están 

vinculados desde el sitio web http://www.processing.org/  

Demo 3

Demo 2

Demo 1

Trabajo en Clase de Processing

Bueno aqui  usamos por primera vez el programa que es llamado processing 

y logre descubrir algunas figuras .