Creative Coding: Making Visuals with JavaScript

Begin by getting to know creative coder, Bruno Imbrizi. He talks through his early career as a graphic designer and how he combines it with his interest in coding. Then, he discusses the platforms he likes to use and why, along with the people who have influenced his work.

Explore the fundamentals of coding. Bruno teaches you how to set up your main tools before giving an overview of programming concepts such as variables, functions, arrays, and loops. Then he demonstrates how to improve your setup before starting on a collection of sketches.

Create a new digital sketch using different canvas transformations. Then learn how to use trigonometry to distribute shapes around a circle. Learn how to scale your sketches and see how to use utility functions to facilitate your next designs. Finish your sketch by drawing arcs and playing with different values for your parameters.

Design an animated sketch with agents that move on the canvas. Learn how to draw lines between them based on their proximity before seeing how to export your animation as a video file that you can share online.

Revisit your grid and learn to make it more flexible and efficient. Then use noise generators to enhance it. Create a small control panel that allows you to update your sketches in real-time.

Finally, discover how to work with text in your compositions. Bruno shows you how to draw it, measure it, and set font properties before explaining how to update your letter using just a touch of your keyboard. Wrap up the course by learning how to read color values and put the finishing touches to your final sketch.