Memória P&D Design

14º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design

ESDI/UERJ; ESPM-Rio — Rio de Janeiro (RJ)

Outubro/2022

Intersecções Entre Design, Arte e Tecnologia: Web Arte e Programação Criativa em Processing e P5.js

Intersections Between Design, Art and Technology: Web Art and Creative Coding in Processing and P5.js

Heloísa Oliveira
Suzete Venturelli

Como citar

Oliveira, Heloísa; Venturelli, Suzete; "Intersecções Entre Design, Arte e Tecnologia: Web Arte e Programação Criativa em Processing e P5.js", p. 6818-6831. In: CONGRESSO BRASILEIRO DE PESQUISA E DESENVOLVIMENTO EM DESIGN, 14., 2022, Rio de Janeiro. Anais [...]. São Paulo: Blucher, 2022, DOI 10.5151/ped2022-2548348

Resumo

Este artigo busca abordar a web arte, ou seja, projetos artísticos pensados e vinculados na internet, como uma das possíveis intersecções entre design, arte e tecnologia na contemporaneidade. Esta produção artística, a partir do momento em que sua parte multimídia foi construída, em 1995, passou a ser denominada de web arte e net arte (VENTURELLI, 2004), e encontra-se num espaço de fluidez de conhecimentos diversos, oriundos de profissionais que transitam entre diferentes campos de estudos. Nesse sentido, o artigo procura apresentar e descrever a web arte e a programação criativa em Processing e P5.js, assim como metodologias de aplicação prática, pois, a partir de algoritmos e códigos, as intersecções entre arte e tecnologia provocam resultados inéditos. Para tanto, serão apresentados, no transcorrer do texto os princípios, sintaxe e infra-estrutura destas linguagens, assim como as suas utilizações em comunidades digitais e plataformas sociais colaborativas contemporâneas. Por fim, é trazido como exemplo a criação autoral de uma série de composições criativas realizadas na linguagem do P5.js que está disponibilizada na internet, na plataforma openprocessing.org.
Palavras-chave:

Design, Web Arte, Processing

Abstract

This paper seeks to deepen the intersections between design and art in the contemporary computational technological context, especially in web art or artistic projects designed and linked to the internet. In this communicational network, artistic production, from the moment when its multimedia part was built, in 1995, came to be called webart and netart (VENTURELLI, 2004), and it is in the space of fluidity of diverse knowledge, originating from professionals who move between different fields of study. In this sense, the article seeks to present and describe web art, creative programming in Processing and P5.js, and practical application methodologies since, based on algorithms and codes, the intersections between art and technology lead to unprecedented results.

Referências bibliográficas

  • BENJAMIM. Walter. A obra de arte na era da sua reprodutibilidade técnica. In Magia e técnica, arte e política, v.1: ensaios sobre literatura e história da Cultura. 7a edição. São Paulo: Editora Brasiliense, 1994.

  • BERNARDINO, P. Arte e tecnologia: intersecções. ARS (São Paulo), v. 8, n. 16, p. 39–63, 1 jan. 2010.

  • BOMFIM. G. A. Fundamentos de uma teoria transdisciplinar do Design: morfologia dos objetos de uso e sistemas de comunicação. Estudos em Design. v. 5. n. 2. Dez./1997. p. 27-41.

  • FRY, B.; REAS, C. Overview. Disponível em: https://processing.org//overview. Acesso em: 5 dez. 2021.

  • HUI, Yuk. Tecnodiversidade. São Paulo, Editora UBU, 2020.

  • MEGGS, B. Philip; PURVIS W. Alston. História do Design Gráfico. São Paulo: Cosac Naify, 2009.

  • NUNES, F. Web arte no Brasil: algumas poéticas e interfaces no universo da rede Internet. Mestre em Multimeios—Campinas: Universidade Estadual de Campinas, 2003.

  • OLIVEIRA NUNES, F. Reflexões sobre a web arte em novos contextos. PORTO ARTE: Revista de Artes Visuais, [S. l.], v. 17, n. 28, 2011. Disponível em: https://seer.ufrgs.br/index.php/PortoArte/article/view/18791. Acesso em: 26 jul. 2022.

  • OLIVEIRA, H. B. DE; VENTURELLI, S. DESIGN E CIBERATIVISMO NAS REDES SOCIAIS DURANTE A COVID-19. Anais do Encontro Virtual da ABCiber 2021, p. 18, 2021.

  • OpenProcessing - Creative Coding for the Curious Mind. Disponível em: . Acesso em: 7 dez. 2021.

  • PONCE CAMPUZANO, J. El uso de p5.js para aprender a programar: figuras y transformaciones. Researchgate: 7 mar. 2020. Disponível em: https://www.researchgate.net/publication/353751993_El_uso_de_p5js_para_aprender_a_programar_figuras_y_transformaciones. Acesso em 7 mar. 2022.

  • Processing Brasil (@processingbrasil). Disponível em: . Acesso em: 7 dez. 2021.

  • REAS, C.; FRY, B. Processing: a programming handbook for visual designers and artists. Cambridge, Mass: MIT Press, 2007.

  • VENTURELLI, S. Arte: Espaço_Tempo_Imagem, Brasília, Edunb. 2004.

  • VERASZTO, E. V. et al. Tecnologia: buscando uma definição para o conceito. PRISMA.COM, n. 8, p. 19–46, 5 abr. 2009.

  • WIJNTJES, M.; VAN ZUIJLEN, M. Sketch and test: visual crowd research using p5.js. Researchgate: 17 abr. 2020. Disponível em: https://www.researchgate.net/publication/340776069_Sketch_and_test_visual_crowd_research_using_p5js. Acesso em 7 mar. 2022.