Creative Coding: Making Visuals with JavaScript

AUDIO INGLÉS CON SUBTÍTULOS EN ESPAÑOL

Experimenting with creative coding never gets boring—there’s always something to explore, new techniques to learn, or new images to create. For creative coder Bruno Imbrizi, it’s an opportunity to merge his interests with motion graphics and visuals with programming. He has worked for both small agencies and well-known brands including Dell, Adidas, and Universal Music.

In this course, Bruno shares his expertise to help you create engaging visuals with code. Explore the fundamentals of programming and learn how to draw with creative coding in JavaScript.

About this course

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.

What is this course’s project?

Design a series of creative visual compositions that can be implemented on a web browser using code.

What you need

Basic math skills are recommended.

You will need a computer, a web browser, and a text editor.