Entra en la carpeta datos de tu ordenador y dentro de ellas en la carpeta processing hay un fichero que se llama processing. Ejecútalo. Se abrirá una pantalla como esta:
Esto es algo parecido a scratch, pero no se desplazan bloques sino que se escriben órdenes.
Por ejemplo, la primera orden que vamos a ver es ellipse. Escribe en processing lo siguiente:
ellipse(50,50,30,30);
Dale al botón de play. Se abrirá una ventana gráfica como esta:
Cuando le das al play, processing siempre abre una ventana gráfica de 100x100, salvo que tú lo configures para que sea de otro tamaño.
La instrucción ellipse dibuja una elipse, que es una especie de círculo que puede ser alargado, o no, como en este caso que es un círculo, porque el ancho y el alto son iguales.
La instrucción ellipse(50,50,30,30); tiene cuatro parámetros (50,50,30,30) el primer 50 es la coordenada x del centro de la elipse. Ya has trabajado con coordenadas en scratch. En processing el punto 0,0 no está en el centro sino arriba a la izquierda. Cuanto mayor sea x, más a la derecha estará el punto, y cuanto mayor sea y, más abajo estará. (50,50) es el centro de la ventana que mide 100x100 por eso la elipse ha salido en el medio. Todas las instrucciones en processing deben acabar con un punto y coma.
Los dos 30 son el ancho y el alto de la elipse. Como son iguales, sale un círculo. Prueba a cambiar los parámetros uno a uno, a intentar predecir lo que va a pasar y compruébalo.
Normalmente en scratch en todos los videojuegos había un bucle por siempre. Aquí igual. Todos los programas tienen esta estructura:
void setup(){
}
void draw(){
}
Las instrucciones que están entre las llaves del setup sirven para configurar cosas al principio. Las instrucciones que están en el draw se ejecutan una y otra vez sin parar hasta que se cierra la ventana.
Si en el setup pones la siguiente instrucción:
size(700,700);
La ventana gráfica medirá 700x700
Haz un programa que cree una ventana gráfica de 800 x 800, y mediante una instrucción ellipse que meterás dentro del draw dibuja un círculo en el medio de 100 de ancho x 100 de alto
En realidad tu programa dibuja un circulo muchas veces, una detrás de otra.