Processing/JS

Variables

Veremos las diferentes tipos de datos, como crearlas y asignarle valores.

Sintaxis:

int, float, boolean, true, false, = (assign), width, height

Los datos en el ordenador son almacenados con 0 y 1, el número  “0100000” puede ser la letra A o el número 65. Por eso es imprescindible indicar el tipo de dato para que pueda ser interpretado correctamente.

Int son números enteros, tales como 12, -120 o el 934
float son decimales, tales como el 12.8, -120.75, o el 934.82736.

En ambos los valores pueden ser positivos, negativos o 0.

boolean tiene tan sólo los valores true verdadero o false.

Una variable booleana se usa para tomar una decisión mediante la cual unas líneas de códigos son ejecutada o ignoradas.

Según el tipo de variable varia el número de bits:

boolean 1 bit true or false
byte 8 bits -128 to 127
char 16 bits 0 to 65535
int 32 bits -2,147,483,648 to 2,147,483,647
float 32 bits 3.40282347E+38 to -3.40282347E+38
color 32 bits 16,777,216 colors

Las características de una variable son:

  • Una variable se puede uasar varias veces durante la ejecución del programa.
  • Cada variable tiene dos partes una el nombre y otra el valor .
  • Además tiene un tipo de dato que es definido por su categoría.
  • Una variable debe declararse antes de ser usada.

int x; // Declara la variable x del tipo int
float y; // Declara lna variable y del tipo float
boolean b; // Declara la variable b del tipo boolean
x = 50; // Asigna el valor 50 a x
y = 12.6; // Asigna el valor 12.6 a y
b = true; // Asigna el valor true a b

Una variable también puede ser declarada y asignada en la misma línea:

int x = 50;
float y = 12.6;
boolean b = true;

Se puede declarer mas de una variable en una línea:

float x, y, z;
x = -3.9;
y = 10.1;
z = 124.23;

Es aconsejable, que las variables deberian tener nombres que describan su contenido, esto hace más facil entender los programas y reducir los comentarios.

Ejemplo int:

size(300, 300);
background(0);
stroke(153);
strokeWeight(4);
strokeCap(SQUARE);

int a = 50;
int b = 120;
int c = 180;

line(a, b, a+c, b);
line(a, b+10, a+c, b+10);
line(a, b+20, a+c, b+20);
line(a, b+30, a+c, b+30);

Las variables del Processing

El lenguaje processing almacena variables que se usan comunmente como el alto y ancho de la ventana (width y height).

Por ejemplo, si escribimos:

line(0, height*0.5, width, height*0.5);

Dibujaremos una línea que partirá por la mitad horizontalmente la ventana de salida.