Scribd
Cargar
92 vistas4 páginas

Introducción a Processing: Programación y Animaciones

Este documento proporciona una introducción al lenguaje de programación Processing, incluyendo estructuras básicas como funciones void setup() y draw(), formas de dibujar figuras y texto, manipular imágenes, y controlar interacciones con el ratón y teclado. También explica conceptos como variables, bucles, arrays y clases para crear animaciones y juegos interactivos.

Cargado por

Darwin Chicaiza Urbano
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
92 vistas4 páginas

Introducción a Processing: Programación y Animaciones

Este documento proporciona una introducción al lenguaje de programación Processing, incluyendo estructuras básicas como funciones void setup() y draw(), formas de dibujar figuras y texto, manipular imágenes, y controlar interacciones con el ratón y teclado. También explica conceptos como variables, bucles, arrays y clases para crear animaciones y juegos interactivos.

Cargado por

Darwin Chicaiza Urbano
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

PROCESSING

Lenguaje de programación animaciones, juegos

Estructura
File->Autoforma = sangrado automatico

void setup() {}  Se ejecuta una sola vez


void draw() {}  Se ejecuta siempre

Librerias
Sketch-> import library ->

Dibujando con processing


rectMode(center | corner);
corner  (0,0) Esquina superior izquierda
center  (0,0) en el centro

Color
HueSaturationBrightness Tono-Saturación-Brillo
RGB

stroke()  Color del borde


strokeWeight(6); Grosor del borde
noStroke();  Figura sin borde
fill(255,0,0)  Color de relleno
noFill();

Ventana
size(ancho,alto, P3D);
background(255,0,0); Un solo número escala de grises
// comentarios
/* comentarios*/

Figuras Básicas
rect(X,Y,ancho,alto);
ellipse(X,Y,ancho,alto);
line(X,Y,X,Y)
point(x,height/2);

Interacción con teclado y ratón

void draw() {
fill(0,0,0,40) Último número transparencia
rect(0,0,width,height); Tamañño de la pantalla
ellipse(mouseX,mouseY,60,60)
noCursor();  Borra el puntero
}
void mouseReleased() {
if(mouseButton == RIGHT) { ---- LEFT
código
}
}

Coordenadas anteriores del ratón


pmouseX
pmouseY

Teclado
if(key==’a’){
background(0,0,255);
}
println(key);

void keyReleased() {
if(key == ‘z’) {
código
}
}

if(keyCode == UP){ ---DOWN


código
}

Variables
Espacio en memoria RAM, guarda información

int x;  número
x=3;

Tipos de variables
Color  c= color(0,0,0);
Char  l=”a”;
String  p = “Gol”
boolean f=false;
float  a= 3.1415
Variable global  fuera de una función
Variable local  Dentro de una función

Cast  Convertir una variable a otra


Int a =3;
Float n = 3.1415;

A = int(n*2);

Imágenes
Sketch-Add File

PImage f; Variable permite guardar imagen


f=loadImage(“nombre.jpg”);
background(f);
image(f,100,100,60,60);
tint(255,0,0)  Tintar la imagen
copy(X,Y,ancho,alto,0,0,150,150) copiar trozo y ampliarlo
filter(GRAY); (BLUR,0)
blend();

Texto y tipografía
textSize()
textalign(LEFT); CENTER
text(“texto”,X,Y);

PFont f;
f = createFont(“Arial”, 39);
f = loadFont(“ff.vlw”)

Funciones
pow()  Potencia
sqrt()  raíz Cuadrada
sin() 
save()  guardar
random();

Arrays
int [ ] copo = new int(2);
Función

void nombre (int a, int b) {


código
}

BUCLES

For
for(i=0; i<10; i=i+1) { }

While
while() i<80) { }

Do While

Clases
Son definicones que incorporan variables y funciones. Pueden ser privadas y
publicas

class nombre {

}
Constructor: es una función que se llama de forma automática cuando se crea el
objeto

También podría gustarte