Cursos
Blog
Recursos
Sobre Air Room
Inicio
Cursos
Blog
Recursos
Sobre Air Room
Contacto
Programación Creativa con Processing
01 Introducción
1.1 Taller introducción a la programación creativa con Processing
1.2 Processing S.O.S.
1.3 ¿Por qué aprender programación?
1.4 1.1 Teoría vs Práctica
1.5 1.2 Programación vs Ciencias de la Computación
1.6 1.3 Arte + ciencia = código creativo
1.7 1.4 MIT Media lab
1.8 1.5 ¿Que es Processing?
1.9 1.6 Bits y Bytes
1.10 1.7 Nemotécnica
1.11 1.8 Java
02 Processing IDE
2.1 2.1 Processing al rescate
2.2 2.2 ¿Cómo conseguir Processing?
2.3 2.3 La aplicación de Processing
2.4 2.4 Cuaderno de bocetos
2.5 2.5 Introduciendo código en Processing
2.6 2.6 Errores
2.7 2.7 La referencia de Processing
2.8 2.8 El botón “PLAY”
2.9 2.9 Tu primer sketch
2.10 2.10 Processing menú Archivo
2.11 2.11 Processing menú Editar
2.12 2.12 Processing menú Sketch
2.13 2.13 Processing menú Depuración
2.14 2.14 Processing menú Herramientas
2.15 2.15 Processing menú Ayuda
2.16 2.16 Processing preferencias
2.17 Novedades en Processing 3
03 Dibujo
3.1 3.0 Processing Dibujo: introdución
3.2 3.1 Dibujar una ventana: size(width, height);
3.3 3.2 Processing dibujar un punto: point(x, y);
3.4 3.3 Dibujar una línea: line(x1, y1, x2, y2)
3.5 3.4 Dibujar un triángulo: triangle(x1, y1, x2, y2, x3, y3)
3.6 3.5 Dibujar un polígono de 4 lados: quad(x1, y1, x2, y2, x3, y3, x4, y4)
3.7 3.6 Dibujar un rectángulo: rect(x, y, width, height)
3.8 3.7 Dibujar una elipse: ellipse(x, y, width, height)
3.9 3.8 Dibujar un arco
3.10 3.9 Curvas bezier
3.11 3.10 Orden de dibujo
3.12 3.11 Antialiasing: smooth() y noSmooth()
3.13 3.12 Definir el grosor del borde: strokeWeight() y noStroke()
3.14 3.13 Definir los atributos de línea: strokeJoin()
3.15 3.14 Definir los atributos de línea: strokeCap()
3.16 3.15 Color grises
3.17 3.16 Color grises: canal alpha
3.18 3.17 Color RGB
3.19 3.18 Modos de color: colorMode()
3.20 3.19 Color: canal Alpha
3.21 3.20 Formas personalizas: beginShape()
3.22 3.21 CURVAS: curveVertex() y bezierVertex()
3.23 3.22 Comentarios
3.24 3.23 Pantalla completa: fullScreen()
04 Variables
4.1 4.0 Variables – Introducción
4.2 4.1 Variables – Declaración e inicialización
4.3 4.2 Usando una variable
4.4 4.3 Variables de Processing
4.5 4.4 Matemáticas: Aritmética
4.6 4.5 Expresiones Relacionales
4.7 4.6 Bucles while
4.8 4.7 Bucles do while
4.9 4.8 Repetición: bucles for
4.10 4.9 Repetición: bucles for anidados
4.11 4.10 Variables locales vs globales
4.12 4.11 Matemáticas: curvas
4.13 4.12 Variables de color
4.14 4.13 surface.setResizable()
05 Interactivo
5.1 5.1 void setup y void draw
5.2 5.2 mouseX y mouseY
5.3 5.3 Estructuras condicionales
5.4 5.4 mousePressed y mouseButton
5.5 5.5 La función constrain()
5.6 5.6 La función dist()
5.7 5.7 La función map()
5.8 5.8 La técnica Easing
5.9 5.9 Operadores lógicos
5.10 5.12 Arrow keys
06 Medios
6.1 6.1 PImage
6.2 6.2 Tintar imágenes
6.3 6.3 Salvar Imágenes
6.4 6.4 Salvar frames
6.5 6.5 Salvar archivos en PDFs
6.6 6.6 Letras y palabras
6.7 6.7 Cargar Fuentes
6.8 6.8 Cargar SVG
6.9 6.9 Cargar y reproducir Audio
6.10 6.10 Conversión de Datos
07 Movimiento
7.1 7.1 Movimiento
7.2 7.2 Movimiento de A a B
7.3 7.3 Física 101
7.4 7.4 Números Aleatorios
7.5 7.5 La función noise()
7.6 7.6 Temporizadores
7.7 7.7 Trigonometría
7.8 7.8 Translate
7.9 7.9 Rotate y Scale
08 Funciones
8.1 8.1 Funciones
8.2 8.2 Creando Funciones
8.3 8.3 Argumentos Funciones
8.4 8.4 Return Type
8.5 8.5 Funciones Overloading
8.6 8.6 Funciones Fruto y Árbol
8.7 8.7 Funciones Rotación y Rebote
8.8 8.8 Función Polígono
8.9 8.9 Función Estrella
8.10 8.10 Crear un Mandala
8.11 8.11 Tablas de Mandalas
09 Objetos (POO)
9.1 9.1 POO Programación Orientada a Objetos
9.2 9.2 Clases y Objetos
9.3 9.3 class Cars
9.4 9.4 Constructores
9.5 9.5 PVector I
9.6 PROCESSING: 9.6 PVector II
9.7 PROCESSING: 9.7 PVector Animación
9.8 PROCESSING: 9.8 Encapsulación
9.9 PROCESSING: 9.10 Polimorfismo
5.7 La función map()
Lección 5.7
1 min
Processing
Ver en YouTube
Anterior
5.6 5.6 La función dist()
Siguiente
5.8 5.8 La técnica Easing
