1 Introduccin a Processing Toca escribir Durante los

1 - Introducción a Processing

Toca escribir Durante los últimas semanas, hemos estado trabajando con bloques y herramientas que movíamos con el ratón. A partir de ahora, trabajaremos con el teclado. 1

Código Cuando programamos con el teclado y escribimos funciones, lo que obtenemos se conoce como código. Existen diferentes maneras de hacer las mismas cosas mediante código, es lo que se conoce como lenguaje de programación. La mayoría de lenguajes, eso si, utilizan nombres en inglés, pero suelen usar todos las mismas palabras, por lo que no suele resultar un problema una vez se aprende. 2

¿Dónde trabajamos? Hasta ahora, todas las herramientas que usábamos eran online, pero a partir de ahora trabajaremos con un tipo de programa llamado IDE. 3

IDE: Editor Es donde escribiremos el código de nuestro programa. En él, podremos ver que a qué línea corresponde lo que escribimos, lo cual resultará útil en caso de errores. 4

IDE: Ejecutar y Parar Tenemos dos botones en el IDE: • Ejecutar: Cuando lo apretamos, se ejecutará el código que hayamos escrito. • Parar: Detendrá la ejecución del programa. 5

IDE: Consola Siempre que pidamos al usuario texto o queramos que se imprima algo por pantalla (es decir, que el ordenador muestre texto), lo hará mediante la consola. 6

IDE: Errores Es la parte del IDE que nos mostrará los errores que pueda tener nuestro código. En el, se mostrará tanto el error (con una descripción) como el fichero y la línea en la que se encuentra. 7

Lenguaje de programación Ahora que ya sabemos como funciona el programa, podemos empezar a trabajar con el lenguaje “Processing”. Antes de empezar, explicaremos algunas características comunes en la mayoría de lenguajes y que deberemos tener en cuenta a partir de ahora. 8

Gramática Cuando escribimos un programa, debemos tener en cuenta diversos factores. No todos son imprescindibles en todos lenguajes, por eso los explicaremos desde el punto de vista de Processing. • Punto y coma (; ): todas líneas que escribamos, deben acabar con ese símbolo. • Llaves ({ }): siempre que escribamos una función, un condicional o un bucle, lo queramos que ocurra debe estar entre llaves. 9

Variables Hasta ahora, todas las variables que hemos usado eran iguales, pero en la mayoría de lenguajes, existen diferentes tipos de variables, pero destacaremos tres: • Enteros (int): son los números sin decimales. Se suelen utilizar para bucles. • Flotantes (float): son los números con decimales. Se suelen utilizar para la mayoría de casos en los que hacen falta números. • Cadenas de texto (string): son las variables que usamos para guardar texto, tanto caracteres (letras) como números, pero no podrán usarse para calcular. 10

Sintaxis Una vez sabemos eso, ya podemos empezar a escribir código. Como ya hemos comentado anteriormente, cada lenguaje de programación tiene su propias palabras que utiliza para realizar una función. Es lo que se conoce como sintaxis. Ahora, explicaremos varios puntos sobre la sintaxis de Processing. 11

Sintaxis: variables Para los diferentes tipos de variables, existen palabras que el lenguaje utiliza para saber que tipo creamos. En este caso, las palabras en cuestión serian int, para enteros; float, para flotantes; y String, para texto. Es importante saber que las mayúsculas y minúsculas si afectan al programa. Un ejemplo de creación de variable seria el siguiente: int coches; 12

Sintaxis: operadores Processing tiene varias formas de hacer cálculos y guardar los resultados. Los más usados son los siguientes: • Simples (+, -, *, /): hacen la operación entre los elementos (números y variables) de cada lado. Por ejemplo: x=5+7; guardará en x el resultado de esa suma. • Con variables (+=, -=, *=, /=): hacen la operación entre la variable que ponemos a la izquierda y la que ponemos a la derecha, cambiando el valor de la variable de la izquierda. Por ejemplo: x*=2; multiplicará por 2 el valor de x y lo guardará en x. • Incremento i decremento (++, --): suma (o resta) una unidad a la variable que ponemos a la izquierda. Por ejemplo: x--; disminuirá en 1 el valor de x. 13

Sintaxis: condicionales (I) Para usar un condicional, primero hemos de saber las palabras que utiliza el lenguaje: • if: es el equivalente a “si… entonces”. Es la palabra que inicia el condicional y el más simple de los que veremos. • else if: es el equivalente a “si no, si… entonces”. Esta la utilizaremos cuando queramos añadir nuevos casos al condicional con el que estamos trabajando. • else: es el equivalente a “si no, entonces…”. Seria el último caso, en el que ninguno de los casos anteriores se cumple. 14

Sintaxis: condicionales (II) Un ejemplo de condicional en Processing seria el siguiente: if(x==1){ print("caso 1"); }else if(x==2){ print("caso 2"); }else if(x==3){ print("caso 3"); }else{ print("caso distinto"); } 15

Sintaxis: bucles Hasta ahora, solo usábamos un tipo de bucle, solo fijándonos en cuando queríamos que acabase (al cumplirse una condición, al hacerse varias veces o no parar nunca). En Processing, existen varios tipos, dependiendo de cual de esas tres formas queramos usar. 16

Sintaxis: bucle for (I) El bucle for se utiliza cuando queremos realizar una acción un número determinado de veces. Su sintaxis es la siguiente: for(i=0; i<n; i++) Donde i es el contador y n el número de veces que se realizará la acción. 17

Sintaxis: bucle for (II) Como podemos ver, las condiciones del bucle se dividen en 3 partes: • i=0: inicia el contador a un valor determinado. Normalmente, el nombre de la variable es i, j, k. • i<n: la condición que esperamos que se cumpla. Si queremos que el bucle se realice 3 veces, podemos poner i<3, ya que cuando sea 4, dejará de cumplirse. • i++: es la acción que se realizará al final de cada bucle. En este caso, sumará 1 al contador. 18

Sintaxis: bucle while El bucle while se realizará hasta que ocurra una determinada condición. Su sintaxis es la siguiente: while([condición]) Tendremos que asegurarnos de que la condición se pueda cumplir dentro del bucle, ya que sino no podremos salir nunca y el programa se quedará atascado en el bucle. 19

Ejemplos Ahora que ya hemos visto lo básico sobre Processing, vamos a ver algunos ejemplos para ver su funcionamiento y su utilidad. 20