Aprenda a programar em processamento: uma linguagem para designers visuais

Propaganda

Se você é uma pessoa artística no século XXI, provavelmente sabe que há muito potencial para criatividade com habilidades e programação digitais. Você ficaria surpreso ao saber que existe uma linguagem de programação projetada para você?

Se você está pensando: "Mas não precisarei aprender matemática e manipulação de texto antes de poder fazer algo visual?" Bem, banir o pensamento!

Hoje vou apresentar uma linguagem de programação criada em 2002 com os designers visuais em mente: é chamada Em processamento.

Este é apenas um belo exemplo de 3D Impressão 3D e prototipagem rápida: futuro ou moda passageira?O que passou pela sua cabeça na primeira vez em que você viu a impressão 3D em ação? Você pensou: "Ei, isso é moderadamente legal"? Ou você pensou: "Uau. Eu poderia construir QUALQUER COISA com isso! " consulte Mais informação

arte criada usando o Processing para criar um escultura de filamentos que explora as propriedades dos filamentos e o movimento do cabeçote de impressão da impressora 3D:

Este guia abordará o que é o processamento, por que você deve aprender, maneiras de começar e maneiras de aprender mais.

Eu também entrevistei Professor Casey Reas do Departamento de Design Media Arts da UCLA, que é um artista e um dos co-criadores de Processing. Entrei em contato com o professor Reas para obter informações sobre o que você pode obter com o Processing; onde o idioma esteve; e para onde está indo no futuro.

O que é processamento?

O processamento é totalmente funcional linguagem de programação 10 idiomas de programação que você provavelmente nunca ouviu falarExistem algumas linguagens de programação muito estranhas e bizarras que mudaram a lógica e ainda conseguiram permanecer fiéis à ciência da comunicação com um computador. Você está indo para... consulte Mais informação baseado em Java, onde a introdução é menos "Hello World" e mais "Draw a smiley face".

A programação é ensinada há 4 ou 5 décadas através de manipulação matemática e de texto. Para as pessoas que são artistas visuais, a idéia do Processing é começar com uma linha no dia 1 e começar a construir o espaço visual. As mesmas coisas são aprendidas: você aprende sobre variáveis, modularidade, funções, objetos e matrizes, mas tudo é feito através da exploração visual, e o foco é criar imagens.

Os programas criados no Processing são chamados Esboços. O processamento é um ótimo lugar para começar, se você sempre quis criar arte generativa (como no vídeo abaixo), instalações de design interativo, visualizações de dados Mostre, não conte! Criar visualização interativa de dados com o Tableau PublicNúmeros brutos e planilhas fazem você bocejar? Com o Tableau Public, gratuito para Windows e Mac, você pode transformar dados .xls ou .txt em visualizações significativas, como gráficos e tabelas. consulte Mais informação ou jogos. Também é uma ótima maneira de sujar as mãos, criando algo interessante com a programação.

Grandes razões para aprender o processamento

O processamento é ideal para artistas, designers, músicos e outros criativos explorarem, experimentarem e desenvolverem sua arte.

Como o professor Reas diz, nos últimos 20 anos, o computador se tornou a ferramenta mais comum nas artes e tem substituiu em grande parte muitas ferramentas tradicionais, como a sala escura do fotógrafo e o processo de pré-impressão para impressão.

Como artistas e designers começaram a usar o software como parte principal de seu processo, o Processing permite que eles continuem aprofundar e começar a pensar em software que não imite essas ferramentas ou processos anteriores, como uma sala escura ou um desenho tabela. Escrever código é uma maneira de pensar em criar algo novo e único e contornar algumas das restrições das ferramentas de software apontar e clicar.

O processamento é construído sobre Java. Você não precisará dar um grande salto ao abordar essa ou outras linguagens de programação posteriormente. o Microcontrolador Arduino O que é o Arduino: tudo o que você precisa saber (em vídeo)O que é um Arduino e por que você deveria se importar? Neste vídeo, tento responder a essa pergunta e muito mais. consulte Mais informação também baseia sua linguagem de programação em Processing. Se você decidir criar programas que controlam as coisas no mundo físico (por exemplo, motores, alto-falantes, telas) ou reagir a coisas do mundo físico (por exemplo, usando sensores de temperatura, pressão, luz etc.), você também achará isso fácil de entender.

Por exemplo, Prof. Reas nos apresentou a uma peça tecida criada com Processing.

O software controla o tear e a máquina cria tecidos físicos em padrões exclusivos, com base nos dados binários que representam um despejo da memória física de um computador.

Além disso, como mencionei anteriormente, você pode criar visualizações e jogos interativos enquanto aprende conceitos fundamentais de programação.

Como carreira, o Processing é ideal para explorar novas idéias e projetos, esboços e protótipos. O professor Reas continua explicando o conceito de um “Software Sketchbook” ‘aqui:

O processamento não é apenas uma ferramenta de produção profissional, é focado no aprendizado e no entendimento. Portanto, é muito usado para esboçar, e uma das principais idéias para o processamento é que é um caderno de rascunhos de software que você vai tirar ideias da cabeça e entrar no código de uma maneira que você possa levá-las para a próxima degrau. […]

O processamento é muito usado por pessoas que estão experimentando, criando suas próprias ferramentas, realmente tentando empurrar as coisas de novas maneiras conceituais e visuais interessantes, mas não é realmente usado pelo grande criativo conservador agências.

O processamento também é livre, de código aberto e bem documentado - o que o torna altamente acessível.

Daniel Shiffman, autor de Learning Processing and O professor assistente de artes do Programa de Telecomunicações Interativas da Universidade de Nova York deu a MakeUseOf algumas das razões pelas quais o Processing funciona bem para seus alunos:

1. Você pode simplesmente fazer o download e executá-lo sem complicações de instalação.
2. Possui uma API compacta e elegante para desenho e gráficos, ideal para designers e artistas visuais.
3. É facilmente extensível e pode ser usado de todos os tipos de maneiras estranhas e criativas.

Maneiras de começar

A melhor maneira de melhorar algo é comece a dar passos ativos Como matar a motivação, sugar os vampiros e terminar o que você começaProjetos de vida que estão paralisados? Sim, todos nós os temos. A história é sempre a mesma. Começamos com uma ideia, mas nunca a concretizamos. Quebre os obstáculos quebradiços e persista com essas dicas. consulte Mais informação (por menor que seja) imediatamente - adiar não fará nenhum favor a você. Se você estiver comigo, leia as etapas que você pode começar agora mesmo para aprender a programar em Processamento. Depois disso, mostrarei caminhos para mais aprendizado, que inclui livros 9 livros de programação gratuitos que o tornarão um profissionalChamando todos os programadores, sejam novos, antigos ou aspirantes: encontramos uma ótima seleção de livros gratuitos (como na cerveja) para aprimorar suas habilidades de codificação para o próximo nível. Entre e aproveite. consulte Mais informação e cursos que você pode conferir e especialistas a seguir nas mídias sociais.

Você não precisa de nada de especial para iniciar o processamento, além de um computador com conexão à Internet executando Windows, Linux ou Mac. Você não precisa ter nenhum conhecimento prévio de programação, mas temos um cartilha básica sobre conceitos de programação Noções básicas de programação de computadores 101 - Variáveis ​​e tipos de dadosTendo introduzido e falado um pouco sobre Programação Orientada a Objetos antes e onde seu homônimo vem, pensei que era hora de passarmos pelo básico absoluto da programação em um idioma não específico da linguagem caminho. Este... consulte Mais informação (e um segunda parte Os princípios absolutos da programação para iniciantes (parte 2)Na parte 2 do nosso guia para iniciantes em programação, falarei sobre o básico de funções, valores de retorno, loops e condicionais. Certifique-se de ler a parte 1 antes de abordar isso, onde expliquei o ... consulte Mais informação ), você deve se familiarizar em algum momento se estiver aprendendo.

Brincar com esboços existentes

Você pode testar os Esboços criados por outras pessoas e até editá-los para ver como o comportamento deles muda. OpenProcessing. É um ótimo lugar para hospedar suas próprias criações e compartilhar com outras pessoas. Eu recomendo que você verifique alguns dos esboços desta lista para ver alguma diversidade.

Nota: Se você não estiver executando o Java no seu computador, não poderá brincar com esses esboços. Se você for, vá se divertir e volte, vou esperar.

Olá Processando! - Uma sequência de tutoriais em vídeo

Daniel Shiffman é o educador otimista em uma sequência de aproximadamente uma hora e alta qualidade de tutoriais em vídeo produzidos pela Fundação de processamento. Ele fala sobre as coisas criadas com o Processing e dá a você a chance de testar um código simples e ver os desenhos que ele produz, sem precisar fazer o download de nada.

Se você conhece o JavaScript ...

Você pode tirar proveito do recém-lançado Biblioteca JavaScript p5.js. para usar a página do seu navegador como um Sketch com HTML5!

O uso da biblioteca p5.js. está fora do escopo deste guia, mas achei que você deveria estar ciente disso. Com o p5.js, você pode converter seus Sketches para integrar-se a sites, como este personalizado aplicativo de pintura chamado Neobrush que você pode tentar por si mesmo.

Como você pode ver, o aplicativo criado em Processing por Chris Riebschlager, desenha milhares de arcos entre os pontos escolhidos pelos cliques e arrastamentos do mouse.

Apenas mergulhe: instale o processamento

Pronto para programar seus próprios esboços de processamento? Bata no Processing.org Baixe a página e escolha a versão para o seu sistema operacional (existem versões para Windows, Mac e Linux). Extraia os arquivos da pasta de arquivamento e abra a pasta.

Se você estiver correndo Windows de 64 bits Eu tenho o Windows de 32 ou 64 bits? Aqui está como contarComo você pode saber se a versão do Windows que você está usando é de 32 ou 64 bits? Use esses métodos e saiba por que também é importante. consulte Mais informação , você deverá ver um conjunto de arquivos parecido com este quando executar o arquivo do aplicativo de processamento:

A partir daqui você pode ir para Arquivo> Exemplos para carregar um conjunto de esboços completos pré-carregados com o programa. Brinque com os exemplos e dê uma olhada no código para ter uma idéia das estruturas comuns ao Processamento de esboços.

Fique atualizado: evoluções no processamento

Ao se envolver no processamento, você deve se manter atualizado sobre as próximas alterações. Casey Reas e Ben Fry estão atualmente trabalhando no lançamento Processing 3.0, a próxima versão do Processing.

Estamos trabalhando para que ele faça um bom trabalho, oferecendo sugestões ou apontando suavemente possíveis problemas e erros no código. Trata-se principalmente de criar um ambiente mais amigável e informativo para quando as pessoas escrevem software do que antes.

Bibliotecas

Há muito mais no processamento do que o que você pode fazer "fora da caixa". A comunidade Processing contribui Bibliotecas que estendem a funcionalidade do ambiente. Prof. Reas diz.

O núcleo do processamento é criar gráficos interativos. As bibliotecas permitem expandir para visão computacional, áudio e diferentes tipos de componentes de interface.

Quando novos componentes de interface são lançados como o Kinect Como controlar o seu PC com Windows com KinectNa última vez, apresentei o Hacking Kinect no PC e os drivers envolvidos, bem como uma demonstração básica de um jogo de sobrevivência de zumbis. Embora matar zumbis seja incrível, é hora de mudarmos ... consulte Mais informação ou o Leap Motion Apresentando o Leap - uma nova maneira sem contato para interagir com o computadorHá algumas semanas, a Leap Motion, com sede em San Francisco, anunciou um novo dispositivo de entrada chamado The Leap, um sensor do tamanho de um iPod que fica na frente do seu computador e fornece um espaço 3D virtual que você ... consulte Mais informação , as pessoas da comunidade Processing geralmente escrevem bibliotecas para elas rapidamente.

Existem bibliotecas para exportar arquivos PDF, ler imagens de uma câmera, criar imagens 3D, animar, enviar mensagens de texto SMS, incluindo dados climáticos, criar tipografia e muito mais.

As bibliotecas nos permitem ver como as pessoas querem que o Processing cresça e se desenvolva. Ao longo do tempo, descobrimos que as mais usadas são as bibliotecas que se tornam essenciais e são dobradas no software principal.

Use o Guia de Referência Prático

A última pista que quero deixar para você é que os programadores não começam a saber quais são todas as funções existentes. Eles os procuram, descobrem como funcionam e depois os testam. É aí que Referências Este guia será útil para você.

Continue seu aprendizado…

Encontrei muitas das melhores maneiras de baixo custo e sem custo para aprender Processamento com tutoriais, cursos e livros on-line.

Seguir os campeões do Processing nas mídias sociais é uma ótima maneira de se envolver na comunidade, faça conexões e descubra coisas que o ajudarão a avançar na programação mais rapidamente do que no seu próprio. Continue lendo até o final para obter um resumo colorido de 10 das melhores contas de mídia social você deve seguir para se manter atualizado sobre as melhores e mais recentes do processamento!

Tutoriais on-line

Os tutoriais são uma ótima maneira de explorar e ver o que os outros criaram, além de obter informações sobre como abordar um problema.

Processing.org: O site oficial possui sua própria coleção de tutoriais que ajudarão você a entrar na mentalidade de programação e aprender a usar a linguagem. Os tutoriais abrangem tópicos iniciantes, intermediários e avançados.

CreativeApplications.net: Também é um local fantástico para procurar tutoriais de processamento criativo.

Projeto Pletora: Se você deseja explorar uma técnica de programação ou deseja seguir um programador que mostrará as cordas, Jose Sanchez, do Projeto Plethora, mostrará as cordas nos vídeos de captura de tela do Vimeo, conforme ele codifica coçar, arranhão.

Programação divertida:Se você está procurando apenas uma coleção de tutoriais em busca de inspiração (como desenhar um arco-íris animado ou rosas de programação), existem muitos tutoriais simples aqui que você pode conferir.

Os melhores cursos online que você pode fazer

Há muitos fornecedores de educação gratuita on-line Obtenha as habilidades técnicas necessárias nesses 7 principais sites de cursos on-lineNão se trata apenas de aprender linguagens de programação, mas também das pequenas habilidades tecnológicas despercebidas que podem levar você mais longe em sua carreira. Iterar para a próxima versão de você. A aula está em sessão. consulte Mais informação para uma variedade de habilidades, e a programação em Processamento não é exceção.

Introdução à programação com processamento: Um curso simples para aprender a programação ministrada por Lyndon Daniels. Faça o download dos materiais gratuitos, licenciados pela Creative-Commons. Este curso começa com um programa on-line de design e layout, inclui um jogo "Adivinhe o meu número" e termina com uma Visualização de comentários sociais.

Ciência da Computação da Khan Academy: O site educacional conhecido é um ótimo lugar para aprender os fundamentos da programação com JavaScript e a biblioteca ProcessingJS (uma porta JavaScript de Processing). Pegue o seu código de processamento e inclua-o no seu site.

Coursera: O MOOC oferece alguns cursos gratuitos que se concentram no processamento, sem pré-requisitos para o sucesso. Adicione-os a uma lista de observação para levá-los no futuro (com outros colegas de classe e conteúdo adicionados a cada semana, e os chance de obter um certificado) ou pode fazer uma sessão passada do curso se quiser apenas começar agora.

Introdução às Artes Computacionais: Processamento: Um curso on-line gratuito de 5 semanas, ministrado por professores da Universidade Estadual de Nova York. Você aprenderá os fundamentos da programação por meio do Processing, apresentando tarefas técnicas, um projeto artístico e a criação de um portfólio on-line de seus projetos de arte digital.

Programação criativa para mídia digital e aplicativos móveis: Um curso on-line gratuito de 6 semanas ministrado por professores da Universidade de Londres, usando o Processing para ensinar habilidades técnicas e maneiras criativas de aplicar essas habilidades. Apresenta exemplos de música, artes visuais e jogos.

Skillshare: Quer aprender a fazer arte generativa? Joshua Davis, diretor de artes de mídia da Sub Rosa (uma agência de design e inovação com sede em Nova York) tem dois cursos gratuitos do SkillShare em Programming Graphics. O primeiro é para iniciantes Introdução à Arte Generativae o segundo é um curso de nível intermediário em Animação de arte generativa.

Lynda.com: Se você deseja visualizar dados com o Processing, tenha uma conta no lynda.com, Visualização interativa de dados de Barton Paulson com processamento O curso mostrará o que você precisa saber.

Livros

Você gostou de Daniel Shiffman como educador dos vídeos tutoriais do Hello Processing? Ele é o autor de um livro fantástico chamado Processamento de aprendizado: um guia para iniciantes de programação de imagens. Este livro explica todo o jargão de programação de uma maneira acessível, com cada capítulo integrando exercícios criativos para desenvolver sua capacidade de programação.

Para uma referência abrangente de Processamento, não procure mais Processing: Um Manual de Programação para Designers Visuais e Artistas, um livro escrito por Casey Reas e Ben Fry, os criadores da linguagem de programação.

Siga especialistas em mídias sociais

Reuni uma lista dos 10 principais perfis do Twitter que devem ajudá-lo a se manter atualizado com as mais recentes em Processamento. Siga-os em seus projetos criativos e nas dicas que facilitam a aprendizagem de todos nós.

Organizações envolvidas no processamento:

Em processamento

O processamento 3 é sobre o editor. O primeiro alfa está aqui: https://t.co/CYbCEDcV3t O que há de novo?: https://t.co/zPUEQ8eRLx Por favor teste!

- Processando (@ProcessingOrg) 27 de julho de 2014

Processamento aberto

Devemos codificar o harlem shake #em processamento? Nós definitivamente deveríamos! http://t.co/TWmW2KqpIm

- OpenProcessing (@openprocessing) 8 de março de 2013

Aplicações criativas

O veículo Abovemarine - 'Small Freedom' para José, o betta splendens http://t.co/3mirKGmcPo | pic.twitter.com/SbRNZ3AaVI - CreativeApplications (@creativeapps) 15 de setembro de 2014

Criadores e Inovadores de Processamento:Casey Reas

OK, Internets, que capa de livro - esquerda ou direita: pic.twitter.com/clwLqR2bWy - Casey REAS (@REAS) 28 de março de 2014

Ben Fry

Scalpers de domínio oferecidos apenas para me vender http://t.co/wwsh7UtUqT... você sabe, para lançar essa versão não profissional do Processing pic.twitter.com/DJAb0xUWiI - Ben Fry (@ben_fry) 6 de janeiro de 2014

Laura McCarthy

animado para apresentar oficialmente o p5.js http://t.co/euvKvIjQrV! obter uma introdução em http://t.co/QYs1KZDyWh criado por @scottgarner e @shiffman. - lauren mccarthy (@laurmccarthy) 6 de agosto de 2014

Artistas, Autores e Educadores:

Daniel Shiffman é o autor do Learning Processing

Renovação completa do capítulo 18 (dados) do Learning Processing. pic.twitter.com/PMaBSBr9hh - Daniel Shiffman (@shiffman) 22 de julho de 2014

Amnon Owed

Trabalhando em um #generative sistema de câmera. As visualizações de cima para baixo do caminho de cada câmera me permitem comparar algoritmos facilmente! ;) pic.twitter.com/BqE4Tqirs5 - Amnon Owed (@AmnonOwed) 5 de outubro de 2014

Joshua Davis

facilitando demais com @LeapMotion / semana de duração do workshop / #em processamento + HYPE + Salto / pic.twitter.com/q5KHXCN8Z7 - Joshua Davis (@JoshuaDavis) 16 de julho de 2014

Programação divertida

Se você gosta de codificar sem ponto e vírgula e chaves, o próximo #Pitão modo em #Em processamento deve fazer você feliz :) - Programação divertida (@fun_pro) 14 de abril de 2014

Segue o Lista dos 10 principais influenciadores do Processing.org no Twitter com um clique

Para facilitar, incluímos todos os 10 em uma lista do Twitter para você. Siga a lista de uma só vez (ou deixar de seguir, se você achar que o processamento não é para você).

Para que você usará o processamento?

O processamento é uma ótima maneira de não apenas mergulhar na programação, mas também ir além com sua profundidade e flexibilidade.

Você já teve uma ideia para algo que queria programar? Você experimentará o Processing? Deixe-nos saber nos comentários se este artigo ajuda a dar-lhe confiança para iniciar a programação hoje!

Conheça qualquer outro linguagens de programação que funcionam bem para iniciantes Como escolher uma linguagem de programação para aprender hoje e obter um ótimo emprego em 2 anosPode levar anos de trabalho dedicado para se tornar um bom programador; Então, existe uma maneira de escolher o idioma certo para começar hoje, para ser contratado amanhã? consulte Mais informação interessado em arte e design?

Esta série especial de habilidades específicas visa ser um catalisador para o desenvolvimento pessoal. Esperamos que isso acenda sua busca por novos aprendizados. O crescimento nunca acaba... por isso, conte-nos sobre os tópicos de auto-aperfeiçoamento que você gostaria de ver.