SlideShare ist ein Scribd-Unternehmen logo
1 von 61
Downloaden Sie, um offline zu lesen
Processing Conceptos
Básicos
Parte 1
HISTORIA
INJERENCIA ACTUAL
PROGRAMACIÓN
PROCESSING
• LENGUAJE PRÁCTICO Y SENCILLO
• LENGUAJE ORIENTADO A OBJETOS
(ESTANDAR DE PROGRAMACIÓN HOY EN
DÌA)
2001
https://processing.org/
• LENGUAJE PRÁCTICO Y SENCILLO
• LENGUAJE ORIENTADO A OBJETOS
(ESTANDAR DE PROGRAMACIÓN HOY EN
DÌA)
2001
Ben Fry & Casey Reas
2001
Ben Fry
http://benfry.com
Casey Reas
https://processing.org/books/

http://reas.com
PROJECTS
http://www.newrafael.com/websites/
http://onecm.com/projects/mycelium/
http://wearechopchop.com/“unnamed-soundsculpture”/
http://wearechopchop.com/“unnamed-soundsculpture”/
PONG
http://benhem.com/games/wayfarer/
PROCESSING
Interfaz
• Espacio y herramientas asignado para trabajar
en el software.
Interfaz
• Espacio y herramientas asignado para trabajar en el software.
Canvas
Estructura del lenguaje
Visualizador
Selector de color
Void
()
{}
;
Estructura del lenguaje
Size
&
Draw
Estructura del lenguaje
Axis
“X” y “Y”
Estructura del lenguaje
2D primitives
Point(int,int);
Point(200,200);
Estructura del lenguaje
2D primitives
line(x,y,x2,y2);
line(30, 20, 85, 75);
Estructura del lenguaje
2D primitives
triangle(x, y, x1, y1, x2, y2);
triangle(30, 75, 58, 20, 86, 75);
Estructura del lenguaje
2D primitives
rect(x, y, int, int);
rect(30, 20, 55, 55);
Estructura del lenguaje
2D primitives
ellipse(x, y, int, int);
ellipse(56, 46, 55, 55);
ellipse(250,250,100,100);
Estructura del lenguaje
Color
Estructura del lenguaje
ColorRGB
R= red
G = green
B= Blue
Estructura del lenguaje
Color
0-255
0 = negro
255 = blanco
Estructura del lenguaje
Color
fill(153);
fill(100,50,200);
Estructura del lenguaje
Color
fill(100,50,200);
rect(100,100,50,50)
Estructura del lenguaje
Color
background(????);
Estructura del lenguaje
Estructura del lenguaje
Ejercicio # 1
recrear una pintura de pierre
mondrian
Transparencia
fill(255,0,0,)
fill(255,0,0,?)
ColorEstructura del lenguaje
//
/* ___ */
Estructura del lenguaje
Random
fill(random(0,255),0,0);
ColorEstructura del lenguaje
stroke(int);
strokeWeight(int);
noStroke();
fill(_,_,_);
noFill();
Estructura del lenguaje
noStroke();
strokeWeight(_);
mouseX,mouseY;
noFill;
Estructura del lenguaje
Ejercicio # 2
Crear una composición con
figuras primitivas triangulares
y transparencia.
RICHARD MIERNICZAK
mouse X
mouse Y
pmouseX
pmouseY
Estructura del lenguaje
previousmousePosition
= pmouseX & Y
Estructura del lenguaje
mousePressed
keyPressed
void keyPressed () {
background(255);
}
Estructura del lenguaje
width
Declaration :
ellipse(0,0,width,height);
ellipse(0,0,width/2,height/2);
Estructura del lenguaje
Variables
1-declare the variable!: (on top)
type = datatype
int = integr,4,3,5,6
float = decimal 5.434)
+ name;"any name"
Estructura del lenguaje
Variables
2- initialize the variable (insetup)
3- use the variable (indraw)
Estructura del lenguaje
Variables
variables can be:
1- declare TOP - function SETUP - execute
DRAW
2 declare + function in top + execute DRAW;
Estructura del lenguaje
RANDOM
Function
random (100);
0——>100
random(50,100);
50——->100;
Estructura del lenguaje
RANDOM
Function
random (100);
0——>100
random(50,100);
50——->100;
Print();

Prinln();
println("circleX" +
circleX);
Estructura del lenguaje
operaciones
+,-,*,/,
Estructura del lenguaje
Conditions
Estructura del lenguaje
if (_?__){
———
———
———
}
Conditions
Estructura del lenguaje
? = boolean Expression
boolean Expression are relational
expressions
Estructura del lenguaje
> - mayor que
< - menor que
>= - mayor o igual a
<= - menor o igual a
== - igual o igual
!= - no igual
Conditions
Conditions
Estructura del lenguaje
if (6>5 ){
———
———
———
}
true
execute
if (6<5 ){
———
———
———
}
false
don´t
execute
Conditions
Estructura del lenguaje
if (mouseX > width/2) {
background (255,100,0);
}

Weitere ähnliche Inhalte

Ähnlich wie Processing conceptosb part1

METODOS DE ELEMENTOS DE PROGRAMACIÒN
METODOS DE ELEMENTOS DE PROGRAMACIÒNMETODOS DE ELEMENTOS DE PROGRAMACIÒN
METODOS DE ELEMENTOS DE PROGRAMACIÒNFreddy Cedeño
 
Lenguajes de Programacion
Lenguajes de ProgramacionLenguajes de Programacion
Lenguajes de ProgramacionAdrianGalarza
 
Programacion
ProgramacionProgramacion
Programacionleonadan
 
trabajo Computacion
trabajo Computacion trabajo Computacion
trabajo Computacion Eve Latorre
 
fundamentos de computación - software
fundamentos de computación -  softwarefundamentos de computación -  software
fundamentos de computación - softwareSantiago Jimenez
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informaticaAndres Torres
 
rafael reyesdiapositivas programacion de lenguajes basic
rafael reyesdiapositivas programacion de lenguajes basicrafael reyesdiapositivas programacion de lenguajes basic
rafael reyesdiapositivas programacion de lenguajes basicAndres Torres
 
Generalidades sobre el Desarrollo de Software
Generalidades sobre el Desarrollo de SoftwareGeneralidades sobre el Desarrollo de Software
Generalidades sobre el Desarrollo de SoftwareUniversidad del Zulia
 
La informática y sus cambios técnicos a través
La informática y sus cambios técnicos a travésLa informática y sus cambios técnicos a través
La informática y sus cambios técnicos a travésmiguel zaragoza gonzalez
 

Ähnlich wie Processing conceptosb part1 (11)

METODOS DE ELEMENTOS DE PROGRAMACIÒN
METODOS DE ELEMENTOS DE PROGRAMACIÒNMETODOS DE ELEMENTOS DE PROGRAMACIÒN
METODOS DE ELEMENTOS DE PROGRAMACIÒN
 
Lenguajes de Programacion
Lenguajes de ProgramacionLenguajes de Programacion
Lenguajes de Programacion
 
Programacion
ProgramacionProgramacion
Programacion
 
trabajo Computacion
trabajo Computacion trabajo Computacion
trabajo Computacion
 
fundamentos de computación - software
fundamentos de computación -  softwarefundamentos de computación -  software
fundamentos de computación - software
 
Actividad 4
Actividad 4 Actividad 4
Actividad 4
 
Rafael reyes
Rafael reyesRafael reyes
Rafael reyes
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
rafael reyesdiapositivas programacion de lenguajes basic
rafael reyesdiapositivas programacion de lenguajes basicrafael reyesdiapositivas programacion de lenguajes basic
rafael reyesdiapositivas programacion de lenguajes basic
 
Generalidades sobre el Desarrollo de Software
Generalidades sobre el Desarrollo de SoftwareGeneralidades sobre el Desarrollo de Software
Generalidades sobre el Desarrollo de Software
 
La informática y sus cambios técnicos a través
La informática y sus cambios técnicos a travésLa informática y sus cambios técnicos a través
La informática y sus cambios técnicos a través
 

Mehr von Jesús R. Ruiz

Audio para Animaciones y Motion Graphics
Audio para Animaciones y Motion Graphics Audio para Animaciones y Motion Graphics
Audio para Animaciones y Motion Graphics Jesús R. Ruiz
 
Creación de cartel para Grandes de la Identidad
Creación de cartel para Grandes de la IdentidadCreación de cartel para Grandes de la Identidad
Creación de cartel para Grandes de la IdentidadJesús R. Ruiz
 
Guia de Diseno sobre la Reticula Básica
Guia de Diseno sobre la Reticula BásicaGuia de Diseno sobre la Reticula Básica
Guia de Diseno sobre la Reticula BásicaJesús R. Ruiz
 
Cadena de efectos para voces en Adobe Audition
Cadena de efectos para voces en Adobe AuditionCadena de efectos para voces en Adobe Audition
Cadena de efectos para voces en Adobe AuditionJesús R. Ruiz
 
Conceptualización de un juego
Conceptualización de un juegoConceptualización de un juego
Conceptualización de un juegoJesús R. Ruiz
 
Principios del diseño 2parte
Principios del diseño 2partePrincipios del diseño 2parte
Principios del diseño 2parteJesús R. Ruiz
 
Errores en el diseño editorial
Errores en el diseño editorialErrores en el diseño editorial
Errores en el diseño editorialJesús R. Ruiz
 
Metodologia Identidad Corporativa
Metodologia Identidad CorporativaMetodologia Identidad Corporativa
Metodologia Identidad CorporativaJesús R. Ruiz
 
Identidad corporativa y señaletica
Identidad corporativa y señaleticaIdentidad corporativa y señaletica
Identidad corporativa y señaleticaJesús R. Ruiz
 
Principios del diseño
Principios del diseñoPrincipios del diseño
Principios del diseñoJesús R. Ruiz
 
Sistemas de impresión envases
Sistemas de impresión envasesSistemas de impresión envases
Sistemas de impresión envasesJesús R. Ruiz
 

Mehr von Jesús R. Ruiz (16)

Audio para Animaciones y Motion Graphics
Audio para Animaciones y Motion Graphics Audio para Animaciones y Motion Graphics
Audio para Animaciones y Motion Graphics
 
Creación de cartel para Grandes de la Identidad
Creación de cartel para Grandes de la IdentidadCreación de cartel para Grandes de la Identidad
Creación de cartel para Grandes de la Identidad
 
Guia de Diseno sobre la Reticula Básica
Guia de Diseno sobre la Reticula BásicaGuia de Diseno sobre la Reticula Básica
Guia de Diseno sobre la Reticula Básica
 
Cadena de efectos para voces en Adobe Audition
Cadena de efectos para voces en Adobe AuditionCadena de efectos para voces en Adobe Audition
Cadena de efectos para voces en Adobe Audition
 
Kapferers prism
Kapferers prismKapferers prism
Kapferers prism
 
Gestalt
GestaltGestalt
Gestalt
 
Conceptualización de un juego
Conceptualización de un juegoConceptualización de un juego
Conceptualización de un juego
 
Principios del diseño 2parte
Principios del diseño 2partePrincipios del diseño 2parte
Principios del diseño 2parte
 
Errores en el diseño editorial
Errores en el diseño editorialErrores en el diseño editorial
Errores en el diseño editorial
 
P&amp;psico del color
P&amp;psico del colorP&amp;psico del color
P&amp;psico del color
 
Señalética
SeñaléticaSeñalética
Señalética
 
Metodologia Identidad Corporativa
Metodologia Identidad CorporativaMetodologia Identidad Corporativa
Metodologia Identidad Corporativa
 
Contruir la marca
Contruir la marcaContruir la marca
Contruir la marca
 
Identidad corporativa y señaletica
Identidad corporativa y señaleticaIdentidad corporativa y señaletica
Identidad corporativa y señaletica
 
Principios del diseño
Principios del diseñoPrincipios del diseño
Principios del diseño
 
Sistemas de impresión envases
Sistemas de impresión envasesSistemas de impresión envases
Sistemas de impresión envases
 

Kürzlich hochgeladen

ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEhayax3
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfDanielaPrezMartnez3
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docAhilynBasabe
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGersonManuelRodrigue1
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosCristianGmez22034
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilmeloamerica93
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.docilvrosiebp
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
Bianchi_Susana_Historia_social_del_mundo-34-43.pdf
Bianchi_Susana_Historia_social_del_mundo-34-43.pdfBianchi_Susana_Historia_social_del_mundo-34-43.pdf
Bianchi_Susana_Historia_social_del_mundo-34-43.pdfAgustnRomeroFernndez
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfLeonardoDantasRivas
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxcalc5597
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfslaimenbarakat
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxJustoAlbertoBaltaSmi
 

Kürzlich hochgeladen (20)

ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Bianchi_Susana_Historia_social_del_mundo-34-43.pdf
Bianchi_Susana_Historia_social_del_mundo-34-43.pdfBianchi_Susana_Historia_social_del_mundo-34-43.pdf
Bianchi_Susana_Historia_social_del_mundo-34-43.pdf
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
 

Processing conceptosb part1