Tomás Domínguez Mínguez - Processing

Vea un ejemplo para entenderlo mejor. En el siguiente código se define la variable miFuentede tipo PFont, a la que se asigna la fuente «Arial» (una de las que vienen incluidas en el entorno) con un tamaño de 20 píxeles. Una vez creada la fuente, se indica a Processing que la utilice para escribir el texto «Programar reduce el colesterol» (es broma) en la posición (50, 50).

El resultado obtenido es el siguiente:

Si no le gusta el aspecto que tiene, y quiere que el texto se muestre de color negro, más grande y con una tipografía en negrita, puede sustituir el código anterior por este otro:

El texto en negrita con un tamaño mayor se consigue con la sentencia createFont(“Arial Bold”, 32). El color negro del texto se obtiene con la sentencia fill(0), situada antes de escribir la frase. Ahora el resultado sería el siguiente:

NOTA.Las fuentes también pueden estar contenidas en archivos «.vlw». Si tuviera que utilizar una fuente que estuviera en uno de dichos archivos, tendría que guardarlo en el sketch folder del programa y, en vez de emplear la función createFont(), usaría loadFont(nombre del archivo ).

En Processing también puede alinear los textos. Para ello, utilizará los comandos:

Los valores que tomarán dichos argumentos serán:

* Alineación horizontal: LEFT, CENTERo RIGHT.

* Alineación vertical: TOP, BOTTOMo CENTER.

Imagine que quisiera situar el texto del ejercicio anterior en una ventana mayor, dejándolo completamente centrado, tal como se muestra a continuación:

Solo habría que modificar el código de la siguiente forma:

El principal cambio introducido en el código es el uso de la sentencia textAlign(CENTER, CENTER)en el bloque setup(), encargada de centrar horizontal y verticalmente el texto en la ventana.

Para finalizar, completará el emoticono que le ha acompañado a lo largo de toda esta sección con un mensaje.

El código utilizado para ello es el siguiente:

En el bloque setup()se ha añadido la sentencia textAlign()para centrar el texto horizontal y verticalmente sobre el punto de referencia que utilizará posteriormente en la sentencia text(). Con la función textSize()establecerá el tamaño de la fuente de dicho texto en 30 píxeles.

En el bloque draw()escribirá el texto en la parte inferior central.

Processing tiene una serie de comandos que permiten cambiar dónde y cómo dibujar objetos en pantalla. Se trata de los comandos de transformación, con los que podrá reposicionar un objeto en pantalla, cambiar su tamaño y su orientación.

Imagine que ha pintado un cuadrado de 20 píxeles de lado cuyo vértice superior izquierdo estuviera situado en el punto (0, 0) y quisiera desplazarlo 30 píxeles hacia la derecha y hacia abajo. Lo primero que se le ocurriría sería sumar 30 a las coordenadas x, y de dicha esquina y volver a pintarlo con la sentencia:

Pero hay otra forma más interesante de hacerlo, que es moviendo los ejes de coordenadas (en vez del cuadrado) con el siguiente comando:

Dicho esto, las siguientes sentencias obtendrían el mismo resultado, tal como se muestra gráficamente a continuación:

Pero ¿qué ventaja tiene esta forma de situar un objeto? A priori parece mucho más sencilla e intuitiva la primera. Aunque eso sea así en dibujos sencillos, en gráficos más complejos que quisiera posicionar o mover como un bloque resultaría muy engorroso. Para ejemplificar este hecho va a crear una animación en la que moverá el emoticono del capítulo anterior en sentido horizontal, haciéndolo rebotar sobre las paredes de la ventana.

¿Cómo sería el código del nuevo programa si no utilizara la transformación de la traslación? Échele un vistazo.