Introducción a Processing

8.667 visualizaciones

Publicado el

Introducción a Processing

Publicado en: Educación
0 comentarios
2 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
8.667
En SlideShare
0
De insertados
0
Número de insertados
7.568
Acciones
Compartido
0
Descargas
83
Comentarios
0
Recomendaciones
2
Insertados 0
No insertados

No hay notas en la diapositiva.

Introducción a Processing

  1. 1. Processing   Introducción    a  Processing   José  Pujol   IES  Vicente  Aleixandre  
  2. 2. Entorno  de  Desarrollo  
  3. 3. Pantalla   size(width,height); Pixeles: px width height
  4. 4. Colores   Escala grises 0 255 RGB R 0-255 G 0-255 B 0-255
  5. 5. Selector  de  colores  
  6. 6. Pantalla   size(500,400); background(125); background(grey); background(0-255); background(r,g,b); background(0-255,0-255,0-255);
  7. 7. Línea   line(x1,y1,x2,y2); line(0,0,100,100);
  8. 8. Color  y  grosor  Línea   stroke(R,G,B); strokeWeight(px); stroke(255,0,0); strokeWeight (10); line(0,0,100,100);
  9. 9. Formas   rect(x,y,ancho,alto); ellipse(x,y,ancho,alto);
  10. 10. Propiedades  de  la  Forma   size(300,300); background(255); stroke(0); strokeWeight(5); fill(0,100,250); ellipse(width/2,height/2,200,200); stroke(r,g,b); noStroke(); fill(r,g,b); noFill();
  11. 11. Ejercicio   q Dibuja  la  cara  de  un  animal:     •  Ordena  el  código  por  partes:  cara,  ojos,  boca,   nariz...   •  Empieza  por  lo  más  importante  y  luego  centrate  en   los  detalles   •  UJliza  fondo,  elipse,  color  y  ancho  de  línea,  color  de   relleno...  
  12. 12. Ejercicio  
  13. 13. void  set  up  y  draw   void setup(){ // se ejecuta una sola vez } void draw(){ // se ejecuta de forma infinita }
  14. 14. Posición  del  ratón   mouseX mouseY
  15. 15. Ejercicio     q Modifica  el  color  de  la  línea  según  su  posición       q Haz  que  solo  se  dibuje  la  úlJma  línea  
  16. 16. Ejercicio   q Crea  un  péndulo  que  siga  la  posición  del  ratón      
  17. 17. Condicionales   if (test){ // statement } if (test){ // statement A } else { // statement B } if (test){ // statement A } else if (test){ // statement B } else { // statement C }
  18. 18. Variables   int posx = 0; int variable de tipo entero posx nombre 0 valor float velocidad = 1.1; float variable de tipo coma flotante velocidad nombre 1.1 valor
  19. 19. Ejercicio   q Crea  un  cubo  que  avance  y  rebote  en  las  paredes   int posx=width/2; // variable posicion x cuadrado int vx=1; // variable velocidad cuadrado
  20. 20. KeyPressed   void keyPressed() { if (key=='s') { velocidadx=velocidadx+2; } }  
  21. 21. Texto   text ("texto", x, y); text (variable, x, y);
  22. 22. Atributos  Texto   textAlign (CENTER); textSize (px); textWidth (px); fill(R,G,B);
  23. 23. Ejercicio   q Crea  un  programa  que  cuente  el  número  de  segundos,   que  pasan  desde  que  este  se  inicia     Prueba  usando  la  función  millis()  
  24. 24. Imagen   PImage im; // variable de tipo PImage void setup() { im=loadImage ("foto.jpg"); } void draw() { image(im, 0, 0); }
  25. 25. Vector  con  Imágenes   // declaración de un array dos imagenes PImage im[]=new Pimage[2]; void setup() { im[0]=loadImage ("foto1.jpg"); im[1]=loadImage ("foto2.png"); } void draw() { image(im[i], 0, 0); }
  26. 26. Carpeta  datos   Juego   data   Juego.pde   foto1.jpg   foto2.png  

×