Introduction

Back to: Visual Expressions

Welcome to “Visual Expression with Coding (p5.js)” – learn to express your thoughts visually with coding.

If you are longing to find more joy in your daily life, to discover and exercise your creativity, to think differently, to make art, to experience flow, to transform your boring daily routines to an exciting adventure,  these lessons are designed for you! 

If you know nothing about programing, have never write a line of code before, but if you want to stretch your creative mussles, think and act with creativity and multiple perspectives, curious to learn, explore and experiment, ready to be surprised from time to time, this is the course for you.

There is no failure or mistatkes, only opportunities. Opportunities that can take you to a new direction, discovering a new territory, seeing new patterns, assemble new images. Are you ready? Let’s begin!

For 5 to 10 minutes a day, you will learn how to use lines, shapes, forms, and colors to create images, use various techniques to add personality to your creations, and to express your thoughts and feelings in a visual way.

P5.js is a JavaScript library that can be used to create interactive graphics, animations and games. The library is open-source and free for anyone to use, modify, and distribute. It runs in the browser and can be used in any web project. It was developed by the MIT Media Lab in collaboration with designers and artists to make coding accessible for artists, designers, educators and beginners alike.

The lessons developed in this project will cover some of the basics of this JavaScript library such as installation, basic drawing shapes, fonts, colors and mouse handling before moving onto more advanced topics like animation, event handling, interactive apps, and more.

You only need a computer and access to a browser to take this course.

Are you ready? Let’s get started. 

Your Turn

Share your thoughts in the comments below: what brings you here? Why do you want to learn coding? Why do you want to learn generative art? What do you expect to get out of this course?

Learn More

p5.js website: https://p5js.org/
Programming for beginners for p5.js