Creative coding with p5.js: images and texts

In this course, we will continue the introduction to creative coding using p5.js. We will be inspired by Aloisio Magalhaes' cartemes to learn how to create imagetic compositions from code.

You will learn how to import external files such as images and fonts. We will learn about arrays - or lists - to be able to handle groups of variables. We will explore array transformations with displacement and rotation of the conventional p5.js coordinate system. Also, we will learn how to save images created during interaction with the code we created.

What will you learn?

Class 1: Presentation by teacher Barbara Castro - from motion design to artistic data visualization

Class 2: Importing external files

Class 3: Text

Class 4: Arrays

Class 5: Images

Class 6: Camera

Class 7: Compositions

What is the course project?

The project of the course is to create an image composition inspired by the cartoons of Aloisio Magalhaes.


Minimum knowledge of p5.js or watching part 1 of the introduction to creative coding is recommended. Internet access and a computer are required to take the course.

Software: Processing

  • 252 STUDENTS
  • AUDIO: Portuguese
  • SUBTITLES: English

Barbara Castro

Barbara Castro is an artist, designer, researcher, programmer, and teacher. She holds a Ph.D. in Visual Arts from PPGAV/EBA/UFRJ and teaches at the Department of Arts & Design at PUC-Rio, in disciplines related to creative programming, new technologies, and regenerative cultures. Her theoretical and practical research in computer art deals with the survival instinct, vitality and the Anthropocene. She is a partner and creative director of the Ambos&& studio, which curates and produces exhibitions and interactive installations in museums such as Museu do Amanhã, CCBB, and Museu Nacional, among others. Highlights include the exhibition and book Existência Numérica about data art at Oi Futuro, conceived with Luiz Ludwig and Doris Kosminsky.