| slug | title | description |
|---|---|---|
/environment |
Entorno |
The Processing Environment includes a text editor, a compiler, and a display window. It enables the creation of software within a carefully designed set of constraints. |
El Entorno de Desarrollo Processing (Processing Development Environment PDE) facilita la escritura de programas de Processing. Los programas son escritos en el Editor de Texto y ejecutados al presionar el botón de Ejecutar. En Processing, un programa de computadora es llamado un sketch. Los Sketches son almacenados en el Sketchbook, el cual es un directorio en tu computadora.
Los Sketches pueden dibujar gráficos bi y tri-dimensionales. El renderer por default es para dibujar gráficos bidimensionales. El renderer P3D hace posible dibujar gráficos tridimensionales, he incluye como controlar la cámara, la iluminación y los materiales. El renderer P2D es un renderer más rápido pero menos preciso para dibujar gráficos gráficos bidimensionales. Ambos renderers, ( P2D y P3D) son acelerados si tu computadora cuenta con una tarjeta gráfica compatible con OpenGL.
Las capacidades de Processing son incrementadas por las Bibliotecas y Herramientas. Las bibliotecas hacen posible que los sketches hagan cosas más allá de lo posible con el código de Processing. Hay cientos de bibliotecas proporcionadas por la comunidad Processing que pueden ser agregadas a tus sketches para permitir nuevas funcionalidades como reproducir sonidos, hacer visión computacional o trabajar con geometría 3D avanzada. Las herramientas extienden al Entorno dede Desarrollo Processing y ayudan a crear sketches más facilmente al proveer interfaces para tareas como seleccionar colores.
Processing tiene diferentes modos de programación para hacer posible la distribución de sketches en diferentes plataformas, programando en diferentes formas. El modo Java es el default, otros modos de programación pueden ser descargados al seleccionar "Añadir Modo..." desde el menú ubicado en la esquina superior derecha del Entorno de Desarrollo Processing.
El Entorno de Desarrollo Processing consiste de un editor de textos simple, un área de mensajes, una consola de texto, pestañas para administrar archivos, una barra de herramientas con botones para acciones comunes y una serie de menús. Las opciones de los menús cambian dependiendo del modo. El modo default en Java es documentado aquí.
Los programas escritos usando Processing son llamados sketches. Estos sketches son escritos en el editor de texto, el cual tiene funcionalidades como cortar y pegar texto, así como buscar y reemplazar.
El área de mensajes da retroalimentación al guardar y exportar archivos, y también muestra errores. La consola despliega la salida de texto de los sketches de Processing, incluyendo mensajes de error completos y salida de texto de los sketches a través del uso de funciones print() y println(). (Nota que la consola funciona bien para mensajes ocasionales, pero no esta diseñada para salida en tiempo real y a alta velocidad)
Los botones en la barrade herramientas pueden ejecutar y detener programas,
-
Ejecutar
- Ejecuta el setch. En modo Java, compila el código y abre una nueva ventana.
-
Detener
- Termina de ejecutar el sketch.
Comandos adicionales se encuentrar en los seis menús: Archivo, Editar, Sketch, Depuración, Herramientas, Ayuda. Estos menús son dependientes del contexto, lo que significa que sólo las entradas relevantes para el trabajo que se quiere hacer estan disponibles.
- Nuevo
- Crea un nuevo sketch en una nueva ventana, nombrada con la fecha actual de acuerdo al formato `sketch_AAMMDDa`.
- Abrir...
- Abrir un sketch en una nueva ventana.
- Recientes
- Selecciona un sketch para abrir desde una lista de sketchs recientemente cerrados.
- Sketchbook
- Abre una nueva ventana para mostrar una lista de los sketches presentes en el sketchbook.
- Ejemplos...
- Abre una nueva ventana para mostrar una lista de los ejemplos.
- Cerrar
- Cierra el sketch en la ventana situada más al frente. En caso de que este sea el último sketch, se te preguntará si deseas salir. Para evitar este aviso, usa Salir en vez de Cerrar cuando quieras salir de la aplicación.
- Guardar
- Guarda el skectch abierto en su estado actual.
- Guardar como...
- Guarda el sketch abierto actualmente, con la opción de darle un nombre distinto. No reemplaza la versión previa del sketch.
- Exportar Aplicación
- Exporta una aplicación Java como un archivo ejecutable y abre el directorio que contiene los archivos exportados.
- Configurar Página
- Configura la página para impresión.
- Imprimir (Ctrl+P)
- Imprime el código localizado en el editor de texto.
- Preferencias
- Cambia algunas cosas de como Processing trabaja. ( Esta entrada está localizada en el menú de Processing en Mac OS X.)
- Salir
- Sale del Entorno de Programación Processing y cierra todas las ventanas de Processing. ( Esta entrada está localizada en el menú de Processing en Mac OS X.)
- Deshacer
- Revierte el último comando o lo último que se escribió. Este comando se cancela al elegir Editar » Rehacer.
- Rehacer
- Revierte la acción del último comando Deshacer. Esta opción sólo esta disponible si ha existido una accion Deshacer.
- Cortar
- Remueve y copia el texto seleccionado al portapapeles ( un buffer de texto que no se despliega en pantalla).
- Copiar
- Copia el texto seleccionado en el portapapeles.
- Copiar como HTML
- Formatea el código en HTML de la misma manera en que aparece en el entorno Processing y lo copia en el portapapeles para que pueda ser pegado en otro lugar.
- Pegar
- Inserta el contenido del portapapeles en la ubicación del cursos, y reemplaza cualquier texto seleccionado.
- Seleccionar Todo
- Selecciona todo el texto del archivo que este actualmente abierto en el editor de texto.
- Autoformato
- Intenta formatear el código en una disposicion más accesible para los humanos. Anteriormente llamado _Beautify_.
- Comentar/Descomentar
- Comenta el texto seleccionado. Si el texto seleccionado esta comentado, entonces lo descomenta.
- Aumentar Identación(Ctrl+])
- Identa el texto seleccionado dos espacios.
- Reducir Identación(Ctrl+[)
- Si el texto esta identado, remueve dos espacios de la identación.
- Buscar...
- Busca una ocurrencia de texto dentro del archivo abierto en el editor de texto y da la opción de reemplazarlo con un texto diferente.
- Buscar siguiente
- Busca la siguiente ocurrencia de un texto dentro del archivo abierto en el editor de texto.
- Buscar anterior
- Busca la ocurrencia anterior de un texto dentro del archivo abierto en el editor de texto.
- Usar selección para buscar
- Usa el texto seleccionado actualmente como la entrada de texto a buscar en Buscar siguiente y Buscar anterior.
- Ejecutar
- Ejecuta el código (compila el código, abre una ventana para desplegarlo, y ejecuta el skectch dentro de ella)
- Presentar
- Ejecuta el código en el centro de la pantalla con un fondo de color sólido. Da click en el boton "Detener" (localizado en la parte inferior izquierda) o presiona la tecla Escape para salir de la presentación. Cambia el color de fondo en Preferencias.
- Tweak
- Ejecuta el código de tal forma que algunos colores y valores de variables pueden ser modificados mientras el código corre. El sketch necesita ser guardado antes de que pueda ser ejecutado como un sketch en Tweak.
- Detener
- Si el código esta corriendo, detiene la ejecución. Los programas escritos sin la función draw() son detenidos automáticamente despues de dibujar.
- Importar biblioteca
- Agrega las declaraciones import necesarias al inicio del sketch actual. Por jemplo, al seleccionar Sketch » Importar biblioteca » pdf se agrega la declaración "import processing.pdf.\*;" al inicio del archivo. Estos enunciados son necesarios para usar las bibliotecas. Selecciona Añadir bibliotecas ... para abrir el administrador de bibliotecas e instalar nuevas bibliotecas.
- Mostrar carpeta del sketch
- Abre el directorio del sketch actual.
- Añadir archivo...
- Abre una ventana para navegar por los archivos. Selecciona una imagen, fuente u otros archivos de medios para agregarlo al directorio "data" del sketch.
- Activar Depurador
- Activa el depurador. Nota que el boton Ejecutar cambiará a Depurar. Dos nuevos botones, Continuar y Saltar aparecerán, junto a otra ventana para ver el valor de las variables.
- Continuar
- Avanza por el código hasta el próximo punto de interrupción.
- Saltar
- Avanza por el código una línea a la vez. (Nota que una vez que el código alcance el final de la función llamada, el depurador pasará a "continuar".)
- Ingresar
- Avanza al depurador dentro del interior de una llamada de función. Sólo sirve para funciones definidas por el usuario dentro del sketch.
- Salir
- Saca al depurador de la llamada de función actual. Sólo sirve para funciones definidas por el usuario dentro del sketch.
- Activar/Desactivar punto de interrupción
- Añade o quita un punto de interrupción. Cuando el punto de interrupción es añadido el número de línea es reemplazado por el símbolo: `<>`.
- Crear Fuente...
- Convierte fuentes al formato de fuentes de Processing (VLW) y las agrega al sketch actual. Abre una ventana de diálogo que da la opción para configurar la fuente, su tamaño, si se usara anti-aliasing, y cuáles caracteres serán generados. La cantidad de memoria requerida por la fuente esta determinada por su tamaño y el número de caracteres seleccionado a través del menú "Caracteres...". Las fuentes en Processing son texturas, así que fuentes más grandes requieren más espacio para datos. Las fuentes también pueden ser creadas en el código a través de la función createFont().
- Selector de colores...
- Interfaz para seleccionar colores- Por cada color, los valores HSB, RBG y Hex son mostrados. El valor Hex puede ser copiado en el portapapeles con el botón Copiar.
- Archivar Sketch
- Archiva una copia del sketch actual en formato .zip. El archivo esta localizado en el mismo directorio que el sketch.
- Instalar "processing-java"
- Instala el programa processing-java para hacer posible construir y ejecutar sketches en modo Java desde la línea de comandos.
- Creador de Películas
- Crea una película QuickTime de una secuencia de imagenes. Las opciones incluyen definir el tamaño, frame rate y la compresión, así como un archivo de audio
- Añadir Herramienta...
- Abre el administrador de Herramientas para navegar e instalar nuevas Herramientas.
- Entorno
- Abre la referencia del Entorno de Desarrollo Processing (esta página) en el navegador actual predeterminado.
- Referencia
- Abre la referencia en el navegador web predeterminado. Incluye referencias para el lenguage, el entorno de programación y las bibliotecas principales.
- Buscar en la referencia
- Selecciona un elemento del lenguaje Processing en el editor de texto y selecciona Buscar en la referencia para abrir esa página en el navegador web predeterminado.
- Referencia de Bibliotecas
- Selecciona de la lista para abir la referencia de Bibliotecas compatibles.
- Referencia de Herramientas
- Selecciona de la lista para abir la referencia de Herramientas compatibles.
- Primeros Pasos
- Abre el tutorial online Primeros Pasos en el navegador predeterminado.
- Resolución de Problemas
- Abre la página online de Resolución de Problemas en el navegador predeterminado.
- Preguntas Frecuentes
- Abre la página de Preguntas Frecuentes en el navegador predeterminado.
- The Processing Foundation
- Abre el sitio web de la Fundación Processing en el navegador predeterminado.
- Visitar Processing.org
- Abre el sitio web de Processing en el navegador predeterminado.
El Entorno de Desarrollo Processing es altamente configurable. Las preferencias más comunes pueden ser modificadas en la ventana Preferencias, localizada en el menú Archivo en Windows y Linux, y en el menú Processing en Mac OS X. La lista completa de preferencias esta almacenada en el archivo "preferences.txt". Este archivo puede ser abierto y editado únicamente cuando Processing no se está ejecutando. Puedes encontrar la ubicación del archivo en tu computadora al leer la esquina inferior izquierda de la ventana de Preferencias.
- Ubicación del Sketchbook
- Cualquier directorio puede ser usado como el Sketchbook. Introduce una nueva ubicación o selecciona "Buscar" para seleccionar el directorio que quieres usar.
- Lenguaje
- Selecciona el lenguaje para usar en los menús. Processing necesita ser reiniciado después de hacer una nueva selección.
- Fuente de la consola y el editor
- Selecciona una fuente diferente para user en el texto de la consola y el editor. Nota: la fuente seleccionada debe coincidir con el lenguaje usado en el editor de texto. Ve "Habilitar el ingreso de caracteres complejos.
- Tamaño de la letra del editor
- Fija el tamaño de la fuente para el código en el editor de texto.
- Tamaño de la letra de la consola
- Fija el tamaño de la fuente para el código en la consola.
- Color de fondo en modo Presentación
- Define el color de fondo usado cuando el sketch es ejecutado en modo Presentación.
- Usar texto suavizado en la ventana del editor
- De manera predeterminada, el texto en el editor no esta suavizado. Al marcar esta opción, el texto en el editor cambia a una fuente suavizada. Reinicia Processing después de hacer este cambio.
- Habilitar el ingreso de caracteres complejos
- Habilita al editor de texto para desplegar fuentes no latinas, por ejemplo el japonés. Processing necesita ser reiniciado tras hacer esta selección.
- Comprobar errores de forma continua
- Enciende o apaga la funcionalidad para comprobar y reportar errores potenciales de código de manera continua.
- Autocompletado de código Ctrl-space
- Habilita o deshabilita el autocompletado de código. Presiona Ctrl-space para alternar entre habilitar o deshabilitar esta funcionalidad.
- Sugerir declaraciones de importación
- Cuando esta marcado, Processing intentará sugerir bibliotecas para importar cuando el código de dicha biblioteca sea detectado.
- Aumentar memoria máxima disponible a
- Reserva más RAM a los sketches de Processing cuando se ejecutan. Los scketches que usan archivos de medios ( imágenes, audio, etc) a veces requieren más RAM. Aumenta la memoria RAM is un sketch está lanzado errores Out of Memory
- Eliminar directorio anterior al exportar
- Cuando esta marcado (comportamiento predeterminado), Processing elimina el directorio de exportación completo antes de recrearlo y añadir los nuevos medios.
- Comprobar actualizaciones al iniciar
- Cuando esta marcado (comportamiento predeterminado), serás informado de nuevos lanzamientos de Processing en cuanto esten disponibles a través de una pequeña venana de texto que aparece en cuanto Processing inicia.
- Ejecutar sketches en la pantalla
- Si más de un monitor esta presente, selecciona en que monitor quieres desplegar el sketch.
Todos los proyectos de Processing son llamados sketches. Cada sketch tiene su propio directorio. El archivo principal de cada sketch tiene el mismo nombre que el directorio y está localizado adentro de dicho directorio. Por ejemplo, si el sketch es llamado "Sketch_123", el directorio para dicho sketcj será llamado "Sketch_123" y el archivo principal será "Sketch_123.pde". La extensión de archivo PDE es un acrónimo de Processing Development Environment ( Entorno de Desarrollo Processing).
Los sketches de Processing pueden ser almacenados donde sea en tu computadora, pero de manera predeterminada son almacenados en el sketchbook, el cual estará en diferentes lugares en tu computadora dependiendo si usas PC, Mac o Linux, así como de las preferencias elegidas. Para localizar este directorio, selecciona la opción de "Preferencias" del menú Archivo (o del menú Processing en Mac) y mira ek valor de la ubicación del sketchbook.
El directorio de un sketch algunas veces contiene otros directorios con archivos de medios y otros códigos. Cuando una fuente o imágen es añadida a un sketch al seleccionar el comando "Añadir archivo" desde el menú Sketch, un directorio "data" es creado. Los archivos también pueden ser añadidos a tu sketch de Processing al arrastrarlos dentro del editor de texto. Los archivos de imágen y sonido que son arrastrados dentro de la ventana de la aplicación son automáticamente añadidos al directorio "data" del sketch actual. Todas las imágenes, fuentes, sonidos y otros archivos de datos utilizados por el sketch deben estar localizados en este directorio.
Processing tiene 4 renderers de pantalla incluidos. El renderer predeterminado es para dibujar formas bi-dimensionales. P2D es un renderer más rápido pero menos exacto también para dibujar formas bi-dimensionales. P3D es un renderer para geometría tri-dimensional, con él también se puyede controlar la cámara, luces y materiales. Los renderes P2D y P3D son acelerados si tu computadora cuenta con una tarjeta gráfica compatible con OpenGL. La función smooth() afecta el monto de antialiasing de cada renderer. Checa la referencia de smooth() para mayor información.
Con el lanzamiento de Processing 3.0. el renderer FX2D se ha includo. Usalo para gráficos 2D rápidos en pantallas de grandes y de gran resolución. Este renderer es experimental pero es útil en ciertas condiciones.
El renderer usado para cada sketch es especificado a través de la función size(). Si un renderer no esta definido explícitamente en size(), usa el renderer predeterminado como se muestra en el siguiente programa:
void setup() {
size(200, 200);
}
void draw() {
background(204);
line(width/2, height/2, mouseX, mouseY);
}Para cambiar el renderer, agrega un tercer parametro a size(). Por ejemplo
void setup () {
size(200, 200, P2D);
}
void draw() {
background(204);
line(width/2, height/2, mouseX, mouseY);
}Un gran esfuerzo se ha realizado para hacer que el código de Processing se comporte de manera similar en los diferentes renderers, pero actualmente existen algunas inconsistencias que son explicadas en la referencia.
Para más información, ve la referencia de la entrada size().
Processing usa el sistema de coordenadas Cartesiano, con origen en la esquina superior izquierda. Si tu sketch es de 320 píxeles de ancho y 240 píxeles de alto, la coordenada ( 0,0 ) es la esquina superior izquierda y la coordenada (320, 240) es la coordenada del píxel en la esquina inferior derecha. El último píxel visible esta en la esquina inferior derecha en la posición (319, 239) puesto que los píxeles son dibujados a la derecha y abajo de dicha coordenada.
Cuando se usa el sistema de coordenadas de tres dimensiones de P3D, la coordenada z es 0 en la superficie de la imágen, con valores negativos en z moviendose atrás en el espacio. Cuando se dibuja en 3D, la cámara esta posicionada en el centro de la pantalla.
Puede ser inconveniente escribir programas largos en un sólo archivo. Cuando los sketches de Processing crecen a cientos o miles de líneas, partirlos en unidades modulares ayuda a administrar las diferentes partes. Processing administra los archivos en el Sketchbook, y cada archivo puede tener múltiples archivos que se administran desde las pestañas. El botón de flecha, a la derecha de las pestañas en el Entorno de Desarrollo Processing es usado para navegar estos archivos. Al hacer click sobre este boton se revelan opciónes para crear una nueva pestaña, renombrar o borrar la pestaña actual. Las pestañas son pensadas para usuarios avanzados, y por esta razón, el menú que contral las pestañas es menos prominente intencionalmente.
Avanzado
Cuando un programa con multiples pestañas se ejecuta, el código es agrupado y las clases en otras pestañas se convierten en clases interiores. Por ser clases interiores, ellas no pueden tener variables estáticas. Simplemente coloca la variable estática afuera de la clase misma para lograr el mismo efecto. (No necesita ser llamado explicitamente estático una vez que se liste en esta manera). Si no deseas que el código sea una clase interior, también puedes crear una pestaña con el sufijo ".java", lo que significa que será interpretado como código java normal. Tampoco es posible usar clases estáticas en pestañas distintas. Si haces esto, sin embargo, tu necesitarás pasar el objeto PApplet al objeto de esa pestaña para poder usar funciones del PApplet como line(), loadStrings() o saveFrame().
El depurador Processing es una herramienta para diagnosticar problemas con un sketch. Habilítalo para pausar un sketch mientras se ejecuta y avanzar a través del código una línea a la vez. El depurador se habilita a través del Menú de Depuración, o al hacer click sobre el ícono de Depurador, la mariposa en la esquina superior derecha del entorno de desarrollo processing (PDE).
Cuando el depurador está habilitado, el programa se ejecuta normalmente, pero se detiene en los puntos de interrupción. Para crear un punto de interrupción, dirige el cursor a la línea donde tu quieres que se pause el sketck y selecciona Depuración > Activar punto de interrupción. El atajo de teclado es Command-B. Para remover el punto de interrupción, selecciona la misma opción d enuevo. Cuando un punto de interrupción es añadido el número de línea es reemplazado por el símbolo <>.
Ejecutar el sketch en modo Depuración causa que el sketch se pause en algún punto de interrupción. Cuando el sketch está pausado los valores actuales de las variables son visibles en un panel separado. Tu puedes avanzar al siguiente punto de interrupción al seleccionar "Continuar" o avanzar línea por línea a través del código usando "Saltar". Saltar sólo funciona en el alcance de la función que se está ejecutando.
Processing tiene diferentes modos de programación que hacen posible desplegar los sketches en diferentes plataformas y programar de diferentes maneras. El modo de programación predeterminado actual es el modo Java. Otros modos de programación como Modo Android y Python son añadidos al seleccionar "Agregar Modo..." desde el menú en la esquina superior derecha del entorno de desarrollo Processing (PDE).
Este modo hace posible el escribir programas cortos para dibujar en pantalla, pero también permite programas complejos de Java. Puede ser usado por principiantes, pero escala a desarrollo de software profesional en Java. Los sketches escritos en este modo pueden ser exportados como aplicaciones de Java para correr en sistemas operativos Linux, Mac OS X y Windows.
_Avanzado_
Los archivos Java con la extensión .java se pueden incluir con un sketch en modo Java. Pueden crearse directamente en el PDE o copiarse en el sketchbook a través del elemento "Agregar archivo ..." en el menú Sketch o arrastrarse al editor de texto. Es posible escribir cualquier código Java en archivos con la extensión .java. De hecho, el código Java completo se puede escribir desde dentro del entorno Processing haciendo una extendiendo a la clase PApplet de esta manera:
```
public class MyDemo extends PApplet {
```Esto es solo para desarrolladores avanzados y realmente no se recomienda. El uso de esta técnica significa que las pestañas adicionales ya no serán clases internas, lo que significa que tendrá que hacer un trabajo adicional para que se comuniquen correctamente con el PApplet anfitrión. No es necesario utilizar esta técnica solo para obtener características del lenguaje Java. Los desarrolladores avanzados también pueden programar con Processing en otro editor de Java si se necesitan herramientas y edición de código de nivel superior. Processing's core .jar se puede utilizar como parte de cualquier proyecto Java.
Processing 3.0 incluye un conjunto de características que hacen fácil instalar, actualizar y remover Bibliotecas, Herramientas y Ejemplos.
Añade una biblioteca contribuida al seleccionar "Agregar biblioteca" desde el submenú de "Importa biblioteca" dentro del menú Sketch. Esto abre el administrador de Bibliotecas. Después. selecciona una biblioteca y haz click en Instalar para descargarla.
Añade una herramienta contribuida al seleccionar "Agregar herramienta" desde el menú de "Herramientas". Después. selecciona una herramienta y haz click en Instalar para descargarla.
Añade un modo contribuido al seleccionar "Agregar modo" desde el menú de "Modo" en la esquina superior derecha del Entorno de Desarrollo Processing (PDE). Después. selecciona un modo y haz click en Instalar para descargarlo.
Añade un ejemplo contribuido al seleccionar el submenú de "Ejemplos" dentro del menú Archivo. Haz click en el botón de agregar ejemplos para abrir el administrador de ejemplos. Después selecciona un paquete de ejemplos y haz click en Instalar para descargarlo.
La página Información y tips para exportar en el Wiki de Processing cubre los detalles de exportar aplicacones desde el modo Java.