Segunda parte apuntes processing! clases, variables, constantes condicionales.

1. Estructura del lenguaje
mousePressed
keyPressed
void keyPressed () {
background(255);
}

2. Estructura del lenguaje
width
Declaration :
ellipse(0,0,width,height);
ellipse(0,0,width/2,height/2);

3. 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"

4. Estructura del lenguaje
Variables
2- initialize the variable (insetup)
3- use the variable (indraw)

5. Estructura del lenguaje
Variables
variables can be:
1- declare TOP - function SETUP - execute
DRAW
2 declare + function in top + execute DRAW;

6. Estructura del lenguaje
RANDOM
Function
random (100);
0——>100
random(50,100);
50——->100;

7. Estructura del lenguaje
RANDOM
Function
random (100);
0——>100
random(50,100);
50——->100;

8. Print();
Prinln();
println("circleX" +
circleX);
Estructura del lenguaje

9. operaciones
+,-,*,/,
Estructura del lenguaje

10. Conditions
Estructura del lenguaje
if (_?__){
———
———
———
}

11. Conditions
Estructura del lenguaje
? = boolean Expression
boolean Expression are relational
expressions

12. Estructura del lenguaje
> - mayor que
< - menor que
>= - mayor o igual a
<= - menor o igual a
== - igual o igual
!= - no igual
Conditions

13. Conditions
Estructura del lenguaje
if (6>5 ){
———
———
———
}
true
execute
if (6<5 ){
———
———
———
}
false
don´t
execute

14. Conditions
Estructura del lenguaje
if (mouseX > width/2) {
background (255,100,0);
}

15. Loading images
Estructura del lenguaje
PImage img;
img = loadImage(string);

16. Image is an object
Estructura del lenguaje
Un objeto encapsula datos y funcionalidad
data = pixels ·whidht/height ·
funcionality = image = rect(_,_,_,_);
imageMode(CENTER);

17. Image is an object
Estructura del lenguaje
Un objeto encapsula datos y funcionalidad
data = pixels ·whidht/height ·
funcionality = image = rect(_,_,_,_);
imageMode(CENTER);

18. tint(_,_,_);
Estructura del lenguaje
tint +mouseY

19. RenderVideo
Estructura del lenguaje
saveFrame(“text_####.png;
or
saveFrame(“output/text_#### .png;

20. RenderVideo
Estructura del lenguaje
tool—> moviemaker

21. Conditions 2
Estructura del lenguaje
if (posx > width || posx < 0) {
movex = movex * -1 ;
}

22. LOOPS
Estructura del lenguaje
WHILE
&
FOR

23. WHILE
Estructura del lenguaje
MIENTRAS ESTO SEA CIERTO EJECUTA ESTE CÓDIGO
while (True or false < ___){
Execute this code!
}

24. WHILE
Estructura del lenguaje
El proposito de while loop es decir
repite este código muchas veces

25. WHILE
Estructura del lenguaje
while(x < width){
x = x + 50;
line(x,0,x, height);
}

26. Classare template
Estructura del lenguaje
Class ball {
}

27. Objets
thinks itself
Estructura del lenguaje
while(x < width){
x = x + 50;
line(x,0,x, height);
}