Aprenda a programar en procesamiento: un lenguaje para diseñadores visuales

Anuncio

Si eres una persona artística en el siglo XXI, probablemente sepas que existe un gran potencial para la creatividad con habilidades y programación digital. ¿Te sorprendería saber que hay un lenguaje de programación diseñado para ti?

Si está pensando: "¿Pero no tendré que aprender matemáticas y manipulación de texto antes de poder hacer algo visual?" Bueno, desterrar el pensamiento!

Hoy les presentaré un lenguaje de programación creado en 2002 teniendo en cuenta a los diseñadores visuales: se llama Procesando.

Este es solo un hermoso ejemplo de 3D Impresión 3D y creación rápida de prototipos: ¿futuro o moda?¿Qué pasó por tu mente la primera vez que viste la impresión 3D en acción? ¿Pensaste, "Oye, eso es moderadamente genial"? ¿O pensaste, "Wow. ¡Podría construir CUALQUIER COSA con eso! " Lee mas

arte hecho usando el procesamiento para crear un escultura de filamento que explora las propiedades de los filamentos y el movimiento de un cabezal de impresión de impresora 3D:

Esta guía cubrirá qué es Procesar, por qué debería aprenderlo, formas de comenzar y formas de aprender más.

También entrevisté El profesor Casey Reas del Departamento de Diseño de Artes de Medios de UCLA, que es artista y uno de los cocreadores de Processing. Me puse en contacto con el profesor Reas para obtener información sobre lo que puede obtener de Processing; donde ha estado el idioma; y hacia dónde va en el futuro.

¿Qué es el procesamiento?

El procesamiento es completamente funcional lenguaje de programación 10 lenguajes de programación que probablemente nunca escuchasteHay algunos lenguajes de programación muy extraños y extraños que han cambiado la lógica y todavía han logrado mantenerse fieles a la ciencia de la comunicación con una computadora. Tú vas a... Lee mas basado en Java, donde la introducción es menos "Hola mundo" y más "Dibuja una cara sonriente".

La programación se ha enseñado durante 4 o 5 décadas a través de textos y manipulación matemática. Para las personas que son artistas visuales, la idea de Processing es comenzar con una línea el día 1 y comenzar a construir un espacio visual. Se aprende lo mismo: aprende sobre variables, modularidad, funciones y objetos y matrices, pero todo se hace a través de la exploración visual, y el enfoque está en crear imágenes.

Los programas creados en Processing se llaman Bocetos. El procesamiento es un excelente lugar para comenzar si alguna vez ha querido crear arte generativo (como en el video a continuación), instalaciones de diseño interactivo, visualizaciones de datos ¡Muestra, no digas! Crear visualización interactiva de datos con Tableau Public¿Los números en bruto y las hojas de cálculo te hacen bostezar? Con Tableau Public, gratuito para Windows y Mac, puede convertir datos .xls o .txt en visualizaciones significativas, como gráficos y tablas. Lee mas o juegos. También es una excelente manera de ensuciarse las manos haciendo algo genial con la programación.

Grandes razones para aprender procesamiento

El procesamiento es ideal para artistas, diseñadores, músicos y otros creativos para explorar, experimentar y desarrollar su oficio.

Como dice el profesor Reas, en los últimos 20 años, la computadora se ha convertido en la herramienta más común en las artes, y ha reemplazó en gran medida muchas herramientas tradicionales, como el cuarto oscuro del fotógrafo y el proceso de preimpresión para impresión.

A medida que los artistas y diseñadores han comenzado a usar el software como parte principal de su proceso, Processing les permite ir más profundo y comenzar a pensar en un software que no imite estas herramientas o procesos anteriores, como un cuarto oscuro o un borrador mesa. Escribir código es una forma de pensar en hacer algo nuevo y único, y superar algunas de las limitaciones de las herramientas de software de apuntar y hacer clic.

El procesamiento se basa en Java. No tendrá que dar un gran salto cuando aborde ese u otros lenguajes de programación más adelante. los Microcontrolador Arduino Qué es Arduino: todo lo que necesitas saber (en video)¿Qué es un Arduino y por qué debería importarle? En este video, intento responder esa pregunta y más. Lee mas basa su lenguaje de programación en el procesamiento también. Si decide que desea hacer programas que controlen las cosas en el mundo físico (p. Ej. motores, altavoces, pantallas) o reaccionar ante cosas en el mundo físico (por ejemplo, usando sensores de temperatura, presión, luz, etc.), también será fácil de aprender.

Por ejemplo, el Prof. Reas nos presentó a una pieza tejida creada con Processing.

El software controla el telar y la máquina crea textiles físicos en patrones únicos basados ​​en los datos binarios que representan un volcado de la memoria física de una computadora.

Aparte de eso, como mencioné anteriormente, puede crear visualizaciones interactivas y juegos mientras aprende conceptos fundamentales de programación.

Como carrera, Processing es ideal para explorar nuevas ideas y diseños, dibujar y crear prototipos. El profesor Reas continúa explicando el concepto de un "Libro de bocetos de software" ‘aquí:

El procesamiento no es solo una herramienta de producción profesional, se centra en el aprendizaje y la comprensión. Por lo tanto, se usa mucho para dibujar, y una de las ideas principales para el procesamiento es que es un cuaderno de bocetos de software que sacarás ideas de tu cabeza y las codificarás de tal forma que puedas llevarlas a la siguiente paso. […]

El procesamiento es muy utilizado por personas que están experimentando, haciendo sus propias herramientas, realmente tratando de impulsar las cosas en nuevas formas conceptuales y visuales interesantes, pero en realidad no es utilizado por la gran creatividad conservadora agencias.

El procesamiento también es gratis, de código abierto y bien documentado lo que lo hace altamente accesible.

Daniel Shiffman, autor de Learning Processing y El Profesor Asistente de Artes en el Programa de Telecomunicaciones Interactivas de la Universidad de Nueva York, le dio a MakeUseOf algunas de las razones por las que Processing funciona bien para sus estudiantes:

1. Simplemente puede descargarlo y ejecutarlo sin complicaciones de configuración.
2. Tiene una API compacta y elegante para dibujar y gráficos que es ideal para diseñadores visuales y artistas.
3. Es fácilmente extensible y se puede utilizar en todo tipo de formas extrañas y creativas.

Formas de comenzar

La mejor manera de ser bueno en algo es comenzar a tomar medidas activas Cómo matar a los vampiros chupadores de motivación y terminar lo que comienzas¿Proyectos de vida estancados? Sí, todos los tenemos. La historia es siempre la misma. Comenzamos con una idea pero nunca la vemos. Rompe los frágiles obstáculos y persevera con estos consejos. Lee mas (no importa cuán pequeño) de inmediato: posponerlo no le hará ningún favor. Si estás conmigo, sigue los pasos que puedes comenzar ahora mismo para aprender a programar en Procesamiento. Después de eso, te mostraré caminos para más aprendizaje que incluye libros 9 libros de programación gratuitos que te convertirán en un profesionalLlamando a todos los programadores, ya sean nuevos, antiguos o aspirantes: hemos encontrado una gran selección de libros gratuitos (como en cerveza) para impulsar sus habilidades de codificación al siguiente nivel. Entra y disfruta. Lee mas y cursos que puede consultar, y expertos para seguir en las redes sociales.

No necesita nada especial para comenzar a Procesar además de una computadora con conexión a Internet con Windows, Linux o Mac. No necesita ningún conocimiento de fondo en programación, pero tenemos un manual básico sobre conceptos de programación Los fundamentos de la programación de computadoras 101 - Variables y tipos de datosHabiendo presentado y hablado un poco sobre la Programación Orientada a Objetos antes y dónde se llama proviene de, pensé que es hora de que revisemos los conceptos básicos absolutos de la programación en un lenguaje no específico camino. Esta... Lee mas (y un segunda parte Los fundamentos absolutos de la programación para principiantes (Parte 2)En la parte 2 de nuestra guía absoluta de programación para principiantes, cubriré los conceptos básicos de funciones, valores de retorno, bucles y condicionales. Asegúrate de haber leído la parte 1 antes de abordar esto, donde expliqué el ... Lee mas ) deberías familiarizarte en algún momento si te estás enseñando a ti mismo.

Jugar con bocetos existentes

Puede probar bocetos creados por otros e incluso editarlos para ver cómo cambia su comportamiento en Procesamiento abierto. Es un gran lugar para albergar tus propias creaciones para compartir con otros. Le recomiendo que revise algunos de los bocetos en esta lista para ver cierta diversidad.

Nota: Si no está ejecutando Java en su computadora, no podrá jugar con estos bocetos. Si es así, ve y diviértete y vuelve, esperaré.

Hola procesamiento! - Una secuencia de video tutoriales

Daniel Shiffman es el educador optimista en una secuencia de video tutoriales de alta calidad de aproximadamente una hora producida por Fundación de procesamiento. Habla sobre las cosas creadas con Processing y le da la oportunidad de probar un código simple y ver los dibujos que produce, sin tener que descargar nada.

Si está familiarizado con JavaScript ...

Puedes aprovechar el recién lanzado Biblioteca JavaScript p5.js usar tu página de navegador como un boceto con HTML5!

El uso de la biblioteca p5.js está fuera del alcance de esta guía, pero pensé que debería ser consciente de ello. Con p5.js, puede convertir sus bocetos para integrarlos con sitios web, como esta costumbre aplicación de pintura llamada Neobrush que puedes probar por ti mismo.

Como puede ver, la aplicación creada en Processing por Chris Riebschlager, dibuja miles de arcos entre puntos elegidos por arrastrar el mouse y hacer clic.

Simplemente sumérjase: Instalar procesamiento

¿Listo para programar sus propios bocetos de procesamiento? Golpear el Processing.org Descargue la página y elija la versión para su sistema operativo (hay versiones para Windows, Mac y Linux). Extraiga los archivos de la carpeta de archivo y abra la carpeta.

Si estas corriendo Windows de 64 bits ¿Tengo Windows de 32 bits o de 64 bits? Aquí está cómo saber¿Cómo puede saber si la versión de Windows que está utilizando es de 32 bits o de 64 bits? Use estos métodos y aprenda por qué también es importante. Lee mas , debería ver un conjunto de archivos que se parece a esto cuando ejecuta el archivo de la aplicación Procesando:

Desde aquí puedes ir a Archivo> Ejemplos para cargar un conjunto de bocetos completos que se cargaron previamente con el programa. Juegue con los ejemplos y eche un vistazo al código para tener una idea de las estructuras comunes a los bocetos de procesamiento.

Manténgase actualizado: Evoluciones en el procesamiento

A medida que te involucres con el procesamiento, querrás mantenerte al día con los próximos cambios. Casey Reas y Ben Fry están trabajando actualmente en el lanzamiento Procesando 3.0, la próxima versión de Processing.

Estamos trabajando para que haga un buen trabajo ofreciendo sugerencias o señalando suavemente posibles problemas y errores en el código. Se trata en gran medida de crear un entorno más amigable e informativo para cuando las personas escriben software que antes.

Bibliotecas

El procesamiento tiene mucho más que lo que puede hacer "fuera de la caja". La comunidad de procesamiento contribuye Bibliotecas que amplían la funcionalidad del entorno. Profe. Reas dice.

El núcleo del procesamiento es hacer gráficos interactivos. Las bibliotecas le permiten expandirse en visión por computadora, audio y diferentes tipos de componentes de interfaz.

Cuando salen nuevos componentes de interfaz como el Kinect Cómo controlar su PC con Windows con KinectLa última vez, te presenté el pirateo de Kinect en la PC y los controladores involucrados, así como una demostración básica del juego de supervivencia zombie. Si bien matar zombies es increíble, es hora de que pasemos a hacer ... Lee mas o la Movimiento de salto Presentamos The Leap: una nueva forma sin contacto para interactuar con su computadoraHace un par de semanas, Leap Motion, con sede en San Francisco, anunció un nuevo dispositivo de entrada llamado The Leap, un sensor del tamaño de un iPod que se encuentra frente a su computadora y proporciona un espacio virtual en 3D que ... Lee mas , las personas en la comunidad de procesamiento generalmente escriben bibliotecas para ellos rápidamente.

Hay bibliotecas para exportar archivos PDF, leer imágenes desde una cámara, crear imágenes en 3D, animar, enviar mensajes de texto SMS, incluidos datos meteorológicos, crear tipografía y mucho más.

Las bibliotecas nos permiten ver cómo la gente quiere que Processing crezca y se desarrolle. Con el tiempo, hemos descubierto que las más utilizadas son las bibliotecas que se vuelven esenciales y se incorporan al software principal.

Utilice la guía de referencia práctica

La última pista con la que quiero dejarte es que los programadores no comienzan sabiendo cuáles son todas las funciones existentes. Los buscan, descubren cómo funcionan y luego los prueban. Ahí es donde esto Referencias La guía será útil para usted.

Continúa tu aprendizaje ...

He reunido muchas de las mejores formas de aprender Procesamiento de bajo costo y sin costo con tutoriales, cursos y libros en línea.

Seguir a los campeones del procesamiento en las redes sociales es una excelente manera de involucrarse en la comunidad, hacer conexiones y descubrir cosas que lo ayudarán a avanzar en la programación más rápido que en su propio. Siga leyendo hasta el final para ver un resumen colorido de 10 de las mejores cuentas de redes sociales ¡debe seguir para mantenerse actualizado sobre lo último y lo mejor en Procesamiento!

Tutoriales en linea

Los tutoriales son una excelente manera de explorar y ver lo que otros han creado, y obtener información sobre cómo abordar un problema.

Processing.org: El sitio oficial tiene su propia colección de tutoriales que lo ayudarán a entrar en la mentalidad de programación y aprender a usar el lenguaje. Los tutoriales cubren temas principiantes, intermedios y avanzados.

CreativeApplications.net: Este es un lugar fantástico para buscar tutoriales de procesamiento creativo también.

Proyecto Plethora: Si desea explorar una técnica de programación o desea seguir a un programador que le mostrará las cuerdas, José Sánchez del Proyecto Plethora le mostrará las cuerdas en los videos de captura de pantalla de Vimeo mientras codifica rasguño.

Programacion divertida:Si solo está buscando explorar una colección de tutoriales para inspirarse (como dibujar un arco iris animado o programar rosas), aquí hay muchos tutoriales simples que puede consultar.

Los mejores cursos en línea que puedes tomar

Hay muchos proveedores de educación gratuita en línea Obtenga las habilidades tecnológicas que necesita en estos 7 principales sitios de cursos en líneaNo se trata solo de aprender lenguajes de programación, sino también de las pequeñas habilidades tecnológicas inadvertidas que podrían llevarlo más lejos en su carrera. Iterar a la próxima versión de ti. La clase está en sesión. Lee mas para una variedad de habilidades, y la programación en Procesamiento no es una excepción.

Introducción a la programación con procesamiento: Un curso sencillo para aprender programación enseñado por Lyndon Daniels. Descargue los materiales gratuitos con licencia Creative-Commons. Este curso comienza con un programa de diseño y diseño en línea, incluye un juego "Adivina mi número" y termina con una visualización de comentarios sociales.

Informática de la Academia Khan: El conocido sitio educativo es un excelente lugar para aprender los fundamentos de la programación con JavaScript y la biblioteca ProcessingJS (un puerto de procesamiento de JavaScript). Tome su código de procesamiento e inclúyalo en su sitio web.

Coursera: El MOOC tiene un par de cursos gratuitos que se centran en el procesamiento, sin requisitos previos para el éxito. Agréguelos a una lista de observación para llevarlos en el futuro (con otros compañeros de clase y contenido agregado cada semana, y el oportunidad de obtener un certificado), o puede tomar una sesión anterior del curso si solo desea comenzar ahora.

Introducción a las artes computacionales: procesamiento: Un curso en línea gratuito de 5 semanas impartido por profesores de la Universidad Estatal de Nueva York. Aprenderá los fundamentos de la programación a través del procesamiento, que incluye tareas técnicas, un proyecto artístico y la creación de una cartera en línea de sus proyectos de arte digital.

Programación creativa para medios digitales y aplicaciones móviles: Un curso en línea gratuito de 6 semanas impartido por profesores de la Universidad de Londres, utilizando Processing para enseñar habilidades técnicas y formas creativas de aplicar esas habilidades. Cuenta con ejemplos de música, artes visuales y juegos.

Skillshare: ¿Buscas aprender a hacer arte generativo? Joshua Davis, Director de Media Arts de Sub Rosa (una agencia de diseño e innovación con sede en Nueva York) tiene dos cursos gratuitos de SkillShare en Gráficos de programación. El primero es un principiante Introducción al arte generativo, y el segundo es un curso de nivel intermedio en Animación de arte generativo.

Lynda.com: Si está interesado en la visualización de datos con Processing, tenga una cuenta en lynda.com, Visualización interactiva de datos de Barton Paulson con procesamiento curso le mostrará lo que necesita saber.

Libros

¿Te gustó Daniel Shiffman como educador de los videos tutoriales de Hello Processing? Es autor de un libro fantástico llamado Procesamiento de aprendizaje: una guía para principiantes para programar imágenes. Este libro explica toda la jerga de programación de una manera accesible, con cada capítulo integrando ejercicios creativos para desarrollar su capacidad de programación.

Para obtener una referencia completa del procesamiento, no busque más allá de Procesamiento: un manual de programación para diseñadores visuales y artistas, un libro escrito por Casey Reas y Ben Fry, los creadores del lenguaje de programación.

Siga a los expertos en las redes sociales

He reunido una lista de 10 perfiles clave de Twitter que deberían ayudarlo a mantenerse actualizado con lo último en Procesamiento. Sígalos para sus proyectos creativos y los consejos que nos facilitan el aprendizaje.

Organizaciones involucradas con el procesamiento:

Procesando

Processing 3 tiene que ver con el editor. El primer alfa está aquí: https://t.co/CYbCEDcV3t ¿Qué hay de nuevo?: https://t.co/zPUEQ8eRLx Por favor prueba!

- Procesamiento (@ProcessingOrg) 27 de julio de 2014

Procesamiento abierto

¿Deberíamos codificar harlem shake en #Procesando? ¡Definitivamente deberíamos! http://t.co/TWmW2KqpIm

- OpenProcessing (@openprocessing) 8 de marzo de 2013

Aplicaciones creativas

The Abovemarine - Vehículo "Small Freedom" para José, el Betta splendens http://t.co/3mirKGmcPo | pic.twitter.com/SbRNZ3AaVI - CreativeApplications (@creativeapps) 15 de septiembre de 2014

Creadores e innovadores de procesamiento:Casey Reas

OK, Internets, qué portada del libro, izquierda o derecha: pic.twitter.com/clwLqR2bWy - Casey REAS (@REAS) 28 de marzo de 2014

Ben Fry

Los revendedores de dominios me ofrecieron venderme http://t.co/wwsh7UtUqT... ya sabes, para lanzar esa versión no profesional de Processing pic.twitter.com/DJAb0xUWiI - Ben Fry (@ben_fry) 6 de enero de 2014

Laura McCarthy

emocionado de presentar oficialmente p5.js http://t.co/euvKvIjQrV! obtener una introducción en http://t.co/QYs1KZDyWh creado por @scottgarner y @shiffman. - lauren mccarthy (@laurmccarthy) 6 de agosto de 2014

Artistas, autores y educadores:

Daniel Shiffman es el autor de Learning Processing

Renovación completa del capítulo 18 (datos) de Procesamiento de aprendizaje. pic.twitter.com/PMaBSBr9hh - Daniel Shiffman (@shiffman) 22 de julio de 2014

Amnon debe

Trabajando en un #generativo sistema de cámara ¡Las vistas descendentes de la ruta de cada cámara me permiten comparar fácilmente algoritmos! ;) pic.twitter.com/BqE4Tqirs5 - Amnon Owed (@AmnonOwed) 5 de octubre de 2014

Joshua Davis

haciendo increíblemente fácil con @LeapMotion / taller de una semana / #Procesando + HYPE + Salto / pic.twitter.com/q5KHXCN8Z7 - Joshua Davis (@JoshuaDavis) 16 de julio de 2014

Programacion divertida

Si te gusta la codificación sin punto y coma y llaves, el próximo #Pitón modo en #Procesando debería hacerte feliz :) - Programación divertida (@fun_pro) 14 de abril de 2014

Siga el Top 10 de la lista de Twitter de Influenciadores de Processing.org con un clic

Para hacerlo más fácil, he incluido los 10 en una lista de Twitter para usted. Siga la lista de una vez (o dejar de seguir, si encuentra que el procesamiento no es para usted).

¿Para qué utilizará el procesamiento?

El procesamiento es una excelente manera de no solo sumergir los dedos de los pies en la programación, sino también ir más allá con su profundidad y flexibilidad.

¿Alguna vez has tenido una idea para algo que has querido programar? ¿Le darás una oportunidad a Processing? ¡Háganos saber en los comentarios si este artículo le ayuda a confiar en la programación hoy!

Conoce cualquier otro lenguajes de programación que funcionan bien para principiantes Cómo elegir un lenguaje de programación para aprender hoy y conseguir un excelente trabajo en 2 añosPuede llevar años de trabajo dedicado convertirse en un programador verdaderamente bueno; Entonces, ¿hay una manera de elegir el idioma correcto para comenzar hoy, para ser contratado mañana? Lee mas interesado en el arte y el diseño?

Esta serie especial sobre habilidades específicas tiene como objetivo ser un catalizador para el desarrollo personal. Esperamos que provoque su búsqueda de nuevos aprendizajes. El crecimiento nunca termina... así que cuéntenos sobre los temas de superación personal que le gustaría ver que cubramos.