Sunteți pe pagina 1din 60

APLICACIÓN Processing Español

https://www.youtube.com/watch?v=--rjvD7X-Jk

Processing es el software libre y de código abierto desarrollado por Ben Fry y Casey Reas en el
Laboratorio de Medios del MIT en 2001. Las funciones de Processing nos proporcionan las
herramientas para la elaboración de gráficos en pantalla que proveerá retroalimentación visual
inmediata y pistas en cuanto a lo que el código está haciendo. Y como cualquier otro lenguaje de
programación Processing emplea los mismos principios, estructuras y conceptos, que otros
lenguajes de programación, específicamente Java.
Todo lo que aprendas con Processing es programación real, no es sólo un lenguaje fácil para
empezar a programar. Processing tiene todos los fundamentos y conceptos básicos que tienen
otros lenguajes. Después de seguir este taller y aprender a programar, es posible seguir utilizando
Processing en tu vida académica o profesional como una herramienta de creación de prototipos y
producir. También puedes tomar los conocimientos adquiridos aquí y aplicarlo a aprender otros
lenguajes de programación y entornos de creación.

El aprendizaje de los conceptos básicos te ayudará a ser un ciudadano mejor informado en


tecnología a medida que trabajes en proyectos de colaboración con otros diseñadores y
programadores. Puede parecer una exageración para enfatizar el porqué, con respecto al
tratamiento. Después de todo el enfoque de este taller es principalmente el aprendizaje de los
fundamentos de la programación en un contexto gráfico. Sin embargo es importante tomar algún
tiempo para reflexionar sobre las razones detrás de la selección de un lenguaje de programación
para un taller de programación creativa, una clase, una tarea, una aplicación web, unas suites de
software y así sucesivamente. Nota ver animación vídeo minuto del 1 al 2.

Después de todo ahora te vas a hacer llamar a ti mismo programador en las fiestas de cumpleaños.
Esta pregunta te la van a plantear una y otra vez ¿Necesito la programación a fin de lograr el
proyecto X? ¿Qué lenguaje y que en torno de utilizar?

Yo digo sin ninguna duda que para ti el principiante la respuesta es Processing, su sencillez es
ideal para alguien que desea iniciarse la programación. Al final de este capítulo estarás preparado
para aprender los conceptos fundamentales de la programación. Pero la simplicidad no es donde
Processing termina, un viaje a través de la exposición en línea de Processing y descubrirás una
gran variedad de proyectos bonitos que innovadores desarrollados íntegramente con Processing.
https://processing.org/exhibition/ l
Al final de este taller tendrás todas las herramientas y conocimientos necesarios para tomar tus
ideas y convertirlas en proyectos de software del mundo real como las que se encuentran en la
exposición. Processing es genial tanto para el aprendizaje, cómo para la producción y hay muy
pocos entornos y lenguajes de programación de los que se pueda decir lo mismo.

-----------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------
https://www.youtube.com/watch?v=--rjvD7X-Jk

En su mayor parte este taller supone que tienes un conocimiento básico de cómo operar con tu
computadora personal. La buena noticia es que Processing está disponible para su descarga
gratuita. Dirígete a https://processing.org/ y visita la página de descarga. Una vez en la página de
descarga puedes ver qué el sistema tres versiones diferentes, cada una para un sistema operativo
diferente. En Windows por ejemplo existe una versión de Windows 32, Windows 64 bits. Luego en
Linux existen tres versiones y para Mac Os X solamente una.

Los sistemas operativos y los programas cambian por lo que si éste vídeo está obsoleto visita la
página de descarga del sitio para obtener la información que necesitas. En los momentos que
estamos realizando este vídeo ya puedes descargarte la versión 3 de Processing, el software de
Processing llegará como un archivo comprimido. Elige un buen directorio para almacenar la
aplicación por lo general C/Archivos de programa, en Windows y en Aplicaciones en Mac. Extrae
los archivos allí, busca el archivo ejecutable de Processing y ejecútalo.
https://www.youtube.com/watch?v=xjZtuUUZD4Q

El entorno de desarrollo de Processing, es un entorno simplificado y minimalista para escribir


código en tu equipo. Es casi tan fácil de usar como cualquier software de edición de textos como
Text Edit o Bloc de notas y se combina con un reproductor de medios. Cada sketch, los programas
de Processing se denominan sketch, tienen un nombre, un lugar donde se puede escribir código
y algunos botones para guardar, abrir o ejecutar boceto etc. Para asegurarte de que todo está
funcionando es una buena idea tratar de ejecutar uno de los ejemplos de Processing. Vete a
Archivo/Ejemplos y elige alguno de los sketches que Processing tiene como ejemplo.
Sketch
Una vez que hayas abierto el ejemplo haz clic en el botón “play”. Si una nueva ventana se abre al
ejecutar el ejemplo, significa que todo está listo.

FAQ

Si esto no ocurre visita las preguntas frecuentes en línea de Processing para posibles soluciones. La
página se puede encontrar en este enlace directo.
https://github.com/processing/processing/wiki/FAQ .
SKETCH EN PANTALLA COMPLETA

Los programas de processing también se pueden ver en pantalla completa, conocido como “modo
de presentación en Processing”. Éste está disponible a través de la opción del menú
Sketch/Presentar o pulsando la tecla Ctrl+Mayús+R, o pulsa la tecla shift+click el botón de
ejecución “play”. Presentación no cambia el tamaño de resolución de tu pantalla. Si deseas que el
boceto cubra toda la pantalla, debes utilizar sus dimensiones de pantalla con SIZE.
Y el
boceto ocupa toda la pantalla.

NUEVAS FUNCIONES

Quiero añadir que en Processing 3 se han incorporado un par de nuevas funciones que nos
permiten modificar el tamaño de nuestros sketches, estas son surface.setResizable (true) y
surface.setSize (width, height) sobre las cuales hablaremos más adelante. Si quieres saber las
mejoras y cambios que ha sufrido Processing con respecto a su versión anterior, haremos un video
especial al final de este capítulo.
https://www.youtube.com/watch?v=LnRvEdM01ak

SKETCHBOOK
Los programas de processing se denominan de manera informal cómo SKETCH= Bocetos en inglés,
guardando cierto espíritu con el prototipado rápido de gráficos y vamos a emplear este término a
lo largo de todo este taller. La carpeta donde se almacenan los sketches se llama sketchbook.

Técnicamente hablando cuando se ejecuta un sketch en Processing, se ejecuta como una


aplicación local en el equipo. Como veremos Processing también tiene una biblioteca JavaScript,
llamada p5 https://p5js.org/ que nos permitirá a visualizar nuestros sketches en un navegador
web o como aplicaciones independientes específicas de la plataforma, que podrías por ejemplo
poner a disposición para su descarga.

Ve al menú Archivo/Nuevo se generará un nuevo boceto en blanco denominado por fecha, es


buena idea ir al menú Archivo/Guardar como… y crear tu propio nombre de sketch. Algo
importante que debe saber es que Processing no permite ni espacios, ni guiones medios y su
nombre de sketches no puede comenzar con un número.
La primera vez que ejecuta este Processing, un directorio por defecto se creó para almacenar
todos los bocetos de la carpeta “mis documentos” en Windows y en documentos en IOS X.
Aunque puedes seleccionar cualquier directorio de tu disco duro, esta carpeta es el valor de
manera predeterminada. Es una buena carpeta para usar pero puedes cambiarla mediante la
apertura de las Preferencias de processing que están disponibles en el menú
Archivo/Preferencias: Ubicación del Sketchbook.
-----------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------
https://www.youtube.com/watch?v=rEJQu8VgGnE

Es hora de empezar a escribir algo de código, vamos a repasar algunas reglas sintácticas básicas.
Existen tres tipos de declaraciones que podemos escribir, las funciones, las operaciones de
asignación y las estructuras de control. Por ahora, cada línea de códigos será una llamada a una
función. Vamos a explorar las otras dos categorías en los próximos capítulos.

INTRODUCIENDO CÓDIGO EN PROCESSING

FUNCIONES

SIZE

Las funciones normalmente tienen un nombre, seguido de un conjunto de argumentos entre


paréntesis. Una función muy importante es size, especifica las dimensiones de la ventana que
deseas crear y toma dos argumentos: la anchura y la altura. La función size siempre debe ser el
primer argumento.
Hay algunos artículos adicionales a tener en cuenta. El editor de textos de Processing aporta color
a palabras conocidas. A veces conocidas como las palabras reservadas o palabras clave. Estas
palabras por ejemplo son las funciones de dibujo disponibles en la biblioteca de Processing, tipos
de variable y constantes, así como ciertas palabras que hereda de Java.

Palabras clave Funciones de Dibujo en color azul

INFORMACIÓN DE TEXTO

A veces es útil mostrar información de texto en la ventana de mensajes de Processing que se


encuentra en la parte inferior. Esto se logra usando la función println. Println toma un
argumento, una cadena de caracteres entre comillas y lo muestra en la ventana de mensajes. Es
muy útil para saber el valor de una variable durante la ejecución de un programa.
COMENTARIOS

Puedes escribir comentarios en tu código. Los comentarios son líneas de texto que ignora
Processing cuando el programa se está ejecutando. Los comentarios en programación
normalmente se utilizan como recordatorios para saber que está haciendo cada parte del código.
Los comentarios de una sola línea se crean con dos barras inclinadas. Los comentarios sobre
múltiples líneas están marcados por / * seguido de los comentarios y terminando con * /. Puedes
ver un ejemplo en pantalla. Intenta adquirir el hábito de escribir comentarios en tu código. Usa
comentarios para todo, el código es muy difícil de leer y entender sin comentarios. No necesitas
tener un comentario en cada línea de código pero cuanto más se incluyan, más fácil será revisar y
reutilizar el código más tarde. Los comentarios también te obligan a entender cómo funciona el
código que se está programando. Si no sabes lo que el código está haciendo ¿cómo se puede
escribir un comentario sobre él?

https://www.youtube.com/watch?v=W51XB9Smx7Y

FUNCIÓN SIZE
La función size determina el tamaño de nuestra ventana. El punto (0, 0) se encuentra en la
esquina superior izquierda de nuestra ventana de reproducción. Los parámetros tanto para la
ANCHURA en el eje X como para la ALTURA en el eje Y debes determinarlo en píxeles.

ERRORES TIPOGRÁFICOS

Los programas que hemos hecho hasta ahora han funcionado porque no hemos cometido ningún
error tipográfico. Los errores tipográficos son muy comunes en programación, si cometemos un
error de sintaxis nuestro programa no va a funcionar. Si hay un error no se abrirá la ventana de
dibujo y mostrará en su lugar el mensaje de error, por eso decimos que Processing es que "case
sesitive". Processing distingue entre mayúsculas y minúsculas.

Si en lugar de size (200, 200) que escribes Size, con la primera mayúscula Size (200, 200),
Processing te informará de un fallo. Si se producen varios errores simplemente te alertará del
primero que encuentre y normalmente, una vez que se corrige ese error, se mostrará el siguiente
error en tiempo de ejecución, esto es algo así como una limitación desafortunada ya que a
menudo es útil tener acceso a una lista completa de errores al escribir un programa. Esto es
simplemente una de las ventajas y desventajas que recibimos de un entorno simplificado como
Processing.

-----------------------------------------------------------------------------------------------------------------------------------
-----------------------
https://www.youtube.com/watch?v=GEvSNOOhzco&list=PLtyMmy0eKyqFsLPesmz7y4EznkZFJrGu
u&index=17

LA REFERENCIA DE PROCESSING
Las funciones que hemos utilizado son parte de la biblioteca de Processing ¿Cómo sabemos qué el
“ellipse” no se escribe elipse o que “rect” toma cuatro argumentos? Una gran cantidad de estos
detalles son intuitivos y esto habla de la fortaleza de Processing como lenguaje de programación
para principiantes. Sin embargo la única manera de saberlo con seguridad es mediante la lectura
de la REFERENCIA en línea. Si bien vamos a cubrir muchos de los elementos de la referencia a lo
largo de este taller, de ninguna manera es un sustituto de la referencia y ambos serán necesarios
para que puedas aprender Processing.

En la web oficial https://processing.org/ bajo el enlace “reference” puedes navegar por todas las
funciones disponibles por categoría o por orden alfabético.
Si vemos la página para rect ofrece documentación completa para la función rect incluyendo,
"Name" que es el nombre de la función; "Example" que son ejemplos, un resultado visual en su
caso;

"Descripción" qué es una descripción amable de lo que hace la función "Sintax" que es sintaxis
exacta de cómo escribir la función;
"Parameters", estos son los elementos que van dentro de los paréntesis, te dice qué tipo de
datos acepta, un número, un carácter etc. y lo que ese elemento representa. A éstos también se
refieren a veces como argumentos.

"Return" a veces una función envía datos de un tipo concreto, en lugar de dibujar una forma, este
apartado te informa del tipo de datos que devuelve. "Related" nos ofrece información sobre
funciones relacionadas con la función que estamos viendo, algunas funciones trabajan en equipo
entonces Processing te ofrece un listado aquí.

FIND IN REFERENCE
Processing también tiene una función muy útil aquí, “Find in reference”. Haz doble clic en
cualquier palabra clave para seleccionarla y accede al menú "Find in references" (Buscar en la
referencia) o selecciona la palabra clave y pulsa Ctrl +Mayus+ F. Y te lleva directamente a la
biblioteca y a la función seleccionada. Muy interesante.
https://www.youtube.com/watch?v=8eVG-oMwJLU

Todo lo que uno tiene que hacer para ejecutar un programa es presionar el botón play. Es una
bonita metáfora y la hipótesis es que estamos cómodos con la idea de jugar con animaciones,
películas, música, y otros medios de comunicación. Los programas de Processing tienen como
salida de medio, gráficos en tiempo real. Así que ¿porque no jugar con ellos? Sin embargo es
importante tomar un momento y considerar el hecho de que lo que estamos haciendo aquí no es
lo mismo que sucede en un iPod.

Los programas de Processing comienzan como texto que se traducen en código máquina y luego
son ejecutados para funcionar. Todos estos pasos suceden en secuencia al pulsar el botón de
reproducción. Vamos a examinar estos pasos uno por uno.

Paso 1. Traducir a Java. Processing es realmente Java. Para que el código se ejecute primero debe
ser traducido al código Java.

El paso 2. Compilar a código Java en bites. El código java creado en el paso 1 es sólo como un
archivo de texto, con la extensión .java en lugar de .pde. Para que el equipo la comprenda debe
traducirse a lenguaje de máquina. Este proceso de traducción se conoce como COMPILACIÓN. En
el caso de Java, el código se compila en un lenguaje de máquina especial conocido como “Código
de Bytes de Java”. Puede funcionar en diferentes plataformas Mac, Windows, teléfonos celulares,
PDA etc. siempre y cuando en la máquina este en marcha un Servidor Virtual de Java, aunque
esta capa extra a veces puede hacer que los programas se ejecuten un poco más lentos de lo que
podrían de otro modo, siendo multiplataforma eso una gran característica de java. Si deseas
obtener más información sobre cómo funciona esto visita la página de java,
https://www.java.com/es/ .

Paso 3. Ejecución. El programa compilado termina en un archivo .jar. Un archivo jar es un archivo
histórico de java que contiene los programas compilados de java. Clases: imágenes, fuentes y
otros archivos de datos. El archivo jar es ejecutado por la máquina virtual de java y lo que hace es
que la ventana de la pantalla aparezca.

https://www.youtube.com/watch?v=Ujw5haq1gCI
Con una sola línea de código Processing crea un simple programa. Evidentemente no hace nada,
pero incluso sin ninguna línea de código Processing abre una ventana vacía de 100 x100 pixeles.
Sé que está elipse no parece muy excitante, vamos a introducir un poco más de código y lo
comentamos. Este programa crea una ventana de 720 píxeles de ancho, por 220 píxeles de alto y
cuando comienza dibuja elipses allá donde se sitúe el ratón. Cuando el ratón es presionado la
elipse se dibuja de color negro. Vamos a ir viendo con detenimiento cada parte a lo largo del taller,
de momento corre este código mueve el ratón cliquea para experimentar con él.

https://www.youtube.com/watch?v=Ex2wgO1VpG8

Como todas las aplicaciones processing tiene una serie de menús en la parte superior que vamos a
ver rápidamente para no dejarnos nada en el tintero. Comenzamos con el menú archivo. El menú
archivo contiene los siguientes apartados:

-Nuevo que crea un nuevo sketch en blanco.

-Abrir que abre uno de tus sketches en el disco duro.


- Recientes te muestra los programas más recientes que has guardado en tu disco duro.

- Sketchbook es que es el lugar donde se guardan tus archivos de Processing de manera


predeterminada.

-Ejemplos son un listado con programas de ejemplo para inspirarte.

- Cerrar cierra el sketch.

-Guardar guarda tu sketch,

-Guardar como…guarda el sketch actual con otro nombre.

-Exportar aplicación te permite exportar tu sketch como aplicación de escritorio para Windows,
Mac Os X o Linux. Cuando elegimos la opción exportar aplicación se nos abre un menú donde
podemos indicar para qué plataforma queremos exportar Windows, Mac Os X o Linux. También
nos da la opción si queremos que la aplicación se reproduzca a pantalla completa. Para
asegurarnos que la aplicación correrá en el ordenador del cliente, Processing nos da la opción de
incrustar Java con nuestro programa. Sólo en Mac Os X*.

Nota: En esta versión 3.2.3 ya existe esta opción también para Windows.
-Configurar página sirve para configurar tu documento en la impresora e imprimir. Imprime tu
documento en papel.

-----------------------------------------------------------------------------------------------------------------------------------
--------------------------

https://www.youtube.com/watch?v=gwdiY6SLU64
El menú editar es muy parecido al de cualquier editor de texto con algunas pequeñas diferencias.

-Deshacer nos permite ir deshaciendo los últimos pasos realizados. Ctrl + Z.

-Rehacer es lo contrario que deshacer, nos permite avanzar sobre los pasos desechos.

- Cortar corta el texto seleccionado, lo borra y lo guarda memoria.

- Copiar copia el texto seleccionado y lo guardan memoria.

- Copiar como HTML nos permite copiar un texto y le añade formato HTML para poder copiar
nuestro código en una web.

- Pegar sirve para pegar el texto que tenemos guardado en la memoria.

- Autoformato tabula y organiza automáticamente nuestro código para que sea más flexible.

-Comentar/Descomentar el texto seleccionado sirve para que el compilador no profese el texto


seleccionado.
-Aumentar indentación aumenta la tabulación.

-Reducir indentación reduce la tabulación.

-Buscar… nos permite buscar una palabra en nuestro código.


-Busca siguiente añade otra búsqueda.

-Buscar anterior vuelve sobre una búsqueda anterior.

-Usar selección para buscar busca el texto que tengamos seleccionado en todo nuestro código.

Todas estas funciones de buscar… son para buscar una palabra en todo nuestro código y también
lo podemos usar para reemplazarlas por otras.

https://www.youtube.com/watch?v=mzJzlwuhpOw

El menú sketch contiene las siguientes opciones:

- Ejecutar compila nuestro código y lo presenta en la ventana de visualización. Es lo mismo que


pulsar el “botón play”.
- Presentar es una presentación a pantalla completa pero nuestro programa seguirá manteniendo
el tamaño que le dimos en el código. En Processing 3 ya hemos comentado que existen nuevas
funciones que estudiaremos con detenimiento más adelante para poder modificar el tamaño de
nuestra reproducción de manera interactiva, pero presentar seguirá presentando el tamaño que
le hayamos especificado en la función size y rellenará al resto de nuestra pantalla de color gris
oscuro.

- Tweak es una novedad en Processing 3 aunque existía Processing 2 como modo de reproducción
que podías importar. Ahora está integrado dentro de la aplicación de modo que Tweak nos
permite modificar los valores incluidos en el void draw de manera interactiva mientras en
aplicación está corriendo. Cuando terminemos de editar y pulsemos stop o detener, Processing 3
nos preguntará si queremos salvar los cambios realizados o volver a la versión anterior.

- Detener equivale a pulsar el botón stop y detiene la reproducción de nuestra aplicación.


- Importar biblioteca…

Este menú también ha sufrido mejoras en la versión Processing 3, ahora están integrados en la
misma: bibliotecas, modos, herramientas y ejemplos.

Libraries

La importación de bibliotecas “Libraries”, nos permite ampliar las capacidades de Processing.


Modos
Los modos determinan en qué modo correrá nuestra aplicación. Por defecto lo hace en Java pero
aquí podemos elegir que lo haga en Android, en CoffeeScript etc. Como nota añadir que el modo
Javascript parece que en esta versión 3 de Processing, dejará de funcionar decantándose
definitivamente por p5.js que veremos más adelante en nuestro taller. p5.js es una biblioteca de
JavaScript que nos permite escribir código Processing en la web. La estudiaremos con mayor
detenimiento durante el taller y probaremos algunos ejemplos en páginas web.

Tools

Atento a esto, investigar Herramientas/Añadir herramienta….

También amplía las capacidades de Processing con herramientas de terceros. Desde selectores de
color que nos facilita la elección de colores y su traducción a colores hexadecimal o HSB a… por
ejemplo una herramienta para crear archivos de vídeo.
¡¡¡ATENCIÓN A ESTO!!! https://nixsensor.com/free-color-converter/ conversor de colores online.

Ejemplos ¡¡¡ATENCIÓN A ESTO!!!

Nos permite descargar códigos de ejemplo de los libros más populares de Processing, mostrar
carpetas de sketches.

---------------------

Por ejemplo, Processing guardará las bibliotecas, los archivos de ejemplo y los programas que
hemos creado, en una carpeta situada en tu carpeta de documentos. Si quieres ver su contenido
utiliza esta opción.
Añadir archivo

Añadir archivo sirve para añadir archivos multimedia a nuestro programa. Cuando pulsamos esta
opción, Processing nos abre un gestor de archivos para que le indiquemos que archivó queremos
añadir a nuestro sketch. De manera automática Processing genera una carpeta que denomina
data dentro del sketch y guarda una copia del archivo que le dejemos indicado. Imágenes, audio,
etc. se suelen guardar en esta carpeta.

Por último, si tenemos varios archivos de profesión abiertos, al final del menú sketch tenemos la
opción de seleccionar él sketch es en el cual queremos trabajar.

https://www.youtube.com/watch?v=kHH9tX6oz98

Processing 3 incluye un nuevo menú llamado Depuración que contiene los siguientes elementos:

-Activar o desactivar depurador, activa o desactiva el depurador. Ten en cuenta que el botón play
y cambiará a depuración. Aparecerán nuevos botones: depurar, saltar, continuar y detener.
Aparte de una ventana separada para la visualización de los valores de las variables.

-Continuar, avanza el código hasta el siguiente punto de interrupción.

-Saltar, avanza una línea de código cada vez. Ten en cuenta que una vez que el código llega al final
de la llamada defunción actual, el depurador volver a seguir.

-Ingresar, avanza el depurador en el interior de una llamada de función. Esto sólo funciona para
las funciones definidas por el usuario en el sketch.

-Salir, avanza el depurador exterior de una función al área de llamadas, esto funciona para las
funciones definidas por el usuario en el boceto.

-Activar/desactivar punto de interrupción, agrega o elimina un punto de interrupción cuando se


añade un punto de interrupción. El número de línea se sustituye por el símbolo que ves en

pantalla.

Profundizaremos más y mejor en este menú a medida que avancemos en el taller. Ahora como no
sabemos demasiado sobre Processing, todo esto nos suena a chino. Cuando ya estemos haciendo
nuestras propias funciones pues… probaremos con detenimiento para qué sirve el nuevo
depurador incluido el Processing 3.

Sincronicidad,
capicúa.

https://www.youtube.com/watch?v=HVPAIJtJVnM
El menú herramientas de Processing tiene los siguientes elementos:

-Crear fuente: convierte fuentes dentro de un formato comprensible por Processing vlw y las
añade a nuestra carpeta de sketch. Al pulsarlo abre una caja de diálogo que te permite elegir
fuentes, su tamaño, si queremos aplicar antialiasing, suavizado y que caracteres queremos
generar.

La cantidad de memoria requerida para la fuente será determinada por su tamaño y los caracteres
que incluiremos en ella. Las fuentes de Processing son tratadas como imágenes, cuanto mayor sea
su tamaño mayor cantidad de recursos consumirá. Las fuentes también pueden ser creadas en el
código con la función createFont (),
-Selector de colores:

Abre una interfaz para seleccionar colores de manera visual. Para cada color los valores HSB, RGB
y HEXADECIMAL son mostrados. Los valores HEXADECIMALES pueden ser copiados directamente
en nuestro código con el botón copiar.

-Archivar sketch archiva una copia de la versión actual de nuestro documento en formato
comprimido Zip. El archivo es guardado en la misma carpeta que se encuentre nuestro sketch.

- Instalar “processing-java”, (eliminado en las versiones actuales) instala el programa de


Processing-java, lo que permite ejecutar Processing en el modo java desde la línea de comandos.
Hay dos opciones de instalación, la instalación del programa dentro de su directorio home de un
sudario local, que permite a todos los usuarios acceder al sistema, o definida por el usuario en
todo el sistema, que requiere una contraseña administrativa.

-Creador de películas crea películas de QuickTime desde una secuencia de imágenes. Las opciones
incluyen el tamaño, el frame rate, comprensión y también puedes incluir un archivo de audio. Si
tienes instaladas las herramientas de terceros aparecerán a continuación, como la del imagen que
te muestro que aparecen cuatro herramientas extras.
-Añadir herramienta abre un menú contextual que en Processing 3 es el mismo menú con el que
se instalan las bibliotecas, donde podrás instalar nuevas herramientas de terceros para ampliar
las capacidades de Processing.
https://www.youtube.com/watch?v=qtBSgxzcopk

El menú Ayuda contiene los siguientes elementos:

- Bienvenida a Processing te proporciona información de las novedades incluidas en la versión 3


de Processing.

-Entorno, te proporciona información del entorno de programación con Processing. Es lo que


viene a ser este capítulo pero te lo muestra dentro de la web de Processing.
file:///C:/Program%20Files/Proccesing/processing-
3.2.3/modes/java/reference/environment/index.html

- Referencia abre la página oficial de Processing con la referencia a las funciones. Incluye
referencias al lenguaje, entorno de programación y bibliotecas.

file:///C:/Program%20Files/Proccesing/processing-3.2.3/modes/java/reference/index.html . Te
lleva a la Biblioteca de todas las funciones ordenadas por categorías y demás.

-Buscar en la referencia
Seleccionando un elemento en el editor de textos de Processing y seleccionando buscar en
referencia abre la página de dicho elemento en tu navegador. Es muy útil cuando necesitas saber
qué tipo de datos o la cantidad de datos necesarios de una función en concreto.

Referencia de Bibliotecas, cuando instales bibliotecas de terceros, desde aquí podrás entrar en su
manual para saber cómo funcionan y sacarles el máximo partido.

Referencia de Herramientas. Del mismo modo cuando instales herramientas de terceros, desde
aquí podrás entrar en su web y aprender cómo funcionan.
Primeros Pasos abre una página oficial de Processing donde aprenderás en lo básico para
comenzar a programar.

https://processing.org/tutorials/gettingstarted/

Resolución de problemas. Una página donde poder solucionar diferentes problemas a la hora de
instalar o ejecutar Processing.

Preguntas Frecuentes, un listado con las preguntas más frecuentes de los usuarios de Processing.

The Processing Fundation. Abre una página web de la fundación de Processing fundada en 2012,
con la doble misión de la alfabetización de software de las Artes Visuales y la alfabetización visual
dentro de los campos relacionados con la tecnología.

Visitar Processing.org abre la página oficial de Processing.

https://www.youtube.com/watch?v=OY61ZJ7VTT0
En el menú Processing podemos acceder a las Preferencias…
El entorno de desarrollo de Processing PDE, es altamente configurable. Las preferencias más
comunes se pueden modificar en la ventana de preferencias que se encuentran en el menú
Archivo en Windows y Linux y en el menú Processing en Mac. La lista completa de preferencias se
guarda en el archivo preferences.txt, este archivo se puede abrir y editar y directamente sólo
cuando Processing no se está ejecutando. Puedes encontrar este archivo en tu ordenador
mediante la lectura de la esquina inferior izquierda de la ventana de preferencias.

Ubicación del sketchbook. Cualquier carpeta puede ser usada como sketchbook. Introduce una
nueva localización o selecciona buscar para seleccionar la carpeta que quieres utilizar.

Idioma. Selecciona el idioma a usar en los menús. Necesitarás restaurar processing para que se
haga efectivo.

Fuente de consola y el editor elige a una fuente de texto para tu editor de textos y la consola.
Tamaño de letra en el editor, aquí puedes cambiar el tamaño de letra en el editor. Tamaño de
letra en la consola aquí puedes cambiar el tamaño de letra en la consola.

Color de fondo en modo presentación, elige el color de fondo con el que se rellenará tu pantalla
en el modo presentación, entre el tamaño de tu sketch y tu resolución de pantalla.

Usar textos suavizado en la ventana del editor, por defecto esta opción está activa. Necesitarás
reiniciar Processing para ver los cambios.
Habilitar el ingreso de caracteres complejos te permite escribir en japonés, hebreo y otros
lenguajes. Necesitará reiniciar processing para ver los cambios.

Comprobar errores de forma continua, Processing evalúa de forma continua nuestro programa y
nos avisa de los errores potenciales en nuestro código.

Autocompletado de código control-espacio. Es una de las novedades de Processing 3 que nos


ayuda al completar el código cuando no estamos escribiendo programas.

Sugerir declaraciones de importación. Esta opción tampoco bien explicada en la web y no he


conseguido saber para qué sirve.

Aumentará memoria máxima disponible. Esta opción nos permite limitar la cantidad de memoria
máxima que utilizará la Processing.

Eliminar directorio anterior al exportar. Cuando está marcada, que es el comportamiento


predeterminado, Processing elimina la carpeta completa de exportación antes de volver a crearla y
añade los nuevos medios que hayamos añadido.

Comprobar actualizaciones al iniciar. Busca online si existen nuevas versiones de profesión para
descargar.

Ejecutar sketch en la pantalla. Si estás trabajando con más de un monitor Processing te permite
elegir 1 para ejecutar tus sketches.

Aquí os voy a comentar las novedades de Processing 3. Los principales cambios son Renderizado
Reconstruido tanto openGl (P2D y P3D) son más rápidos. Algunas mejoras de rendimiento
también se han incluido en Java2D. Hay un nuevo procesador llamado FX2D que ofrece enormes
aceleraciones para el dibujo en 2D, especialmente con la alta densidad en las pantallas de
“retina”.
Autocompletar. Tenemos un nuevo editor. La ventana principal del editor incluye ahora
“autocompletar” que se puede activar en preferencias como ya hemos comentado.

Un Depurador fácil de usar completo.


El modo Tweak que también se ha incorporado en la versión 3.

Existe una nueva interfaz quedado expedita entado un cambio de imagen bastante importante.

Soporte para Pantallas de Alta Resolución. Processing ha incorporado nuevos métodos que se
llaman pixelDensity () y displayDensity () que hacen que sea más fácil crear bocetos que
funcionarán bien pantallas de alta resolución, como las “Pantallas de Retina”. Suena bastante
simple cuando se pone así pero esto es un cambio bastante grande.
Contribution Manager (Manager unificado de contribuciones). Existían diferentes ventanas
separadas para la instalación de bibliotecas, modos y herramientas. Ahora una sola ventana
administrador de contribuciones nos ayuda a gestionar la instalación y actualización para todas las
contribuciones de terceros y además de incluir los ejemplos.

Sketchbook Migración. Si tienes una carpeta sketchbook Processing 2, Processing 3 te preguntará


si deseas crear una nueva carpeta sketchbook 3 específica o compartir la existente.

Cosas que pueden hacer que tus bocetos de la versión 2 no funcionen. No utilices variables en
size, si tienes que cambiar el tamaño de tres que he hecho utiliza la nueva función surface.setSize
(w, h), que es el único camino seguro para alterar el tamaño de sketch. Una breve demostración
en la que puedes cambiar el tamaño y cada vez que pulsas una tecla modificar el tamaño de la
ventana vamos a verla en pantalla.
Applet se ha ido, java.awt.Applet de Jaba ya no es la clase utilizada por PApplet, por lo que
cualquier boceto que haga uso de métodos de subprograma, específicos o asuman que un Applet
es un objeto de componentes de java.awt tendrá que ser reescrito.

Smooth () sólo una vez. Smooth () y noSmooth () sólo se puede utilizar en setup () y sólo una vez
por cada sketch. Ten en cuenta que Smooth () se ha activado de forma predeterminada desde la
versión 2, por lo que es poco probable que lo necesites usar.

Se ha incorporado un nuevo renderizador FX2D que ha mejorado mucho el rendimiento de los


gráficos en 2d. Tiene muchas mejoras sobre el procesador predeterminado, aunque parece que
aún tiene algunos problemillas así que no está activo como predeterminado.
Nuevo método fullSceen (). Resulta más fácil de ejecutar así que Processing 3 dispone de un modo
de pantalla completa.

La clase pVector ahora es compatible con los métodos de encadenamiento.

SGV Export funciona igual que el PDF Export.


Un nuevo método settings () que se llama detrás de las escenas. La mayoría de los usuarios nunca
utilizará en esto, pero si estás utilizando processing si sus preprocesador, es decir eclipse o un
entorno de desarrollo similar, puedes poner cualquier llamada al size (), fullSceen (), noSmooth ()
o pixelDensity () en este método. Puedes encontrar más información en la referencia. Processing
también ha incorporado un nuevo icono para la aplicación.
Cambios. Las bibliotecas de vídeo y de sonido ya no se incluyen en la descarga porque han crecido
demasiado y deben que instalarse por separado. Usa Sketch/Importar biblioteca…/Añadir
biblioteca…para instalar cualquiera de ellos. Se han eliminado un montón de fallos. Sólo deciros
que aplicaremos todas estas nuevas funciones a lo largo de infinidad de ejercicios en nuestro taller
de programación creativa con Processing, ahora en la versión 3.

S-ar putea să vă placă și