Creative Coding 2.0 in JS: Animation, Sound, & Color

Name: Creative Coding 2.0 in JS: Animation, Sound, & Color
Author: Bruno Imbrizi

Reviews

A course by Bruno Imbrizi
Freelance Programmer

$12 $100 88% off

Buy

full creative pass

Get access to this course and over 100 more for digital designers and creative developers, all for just $12/month

Learn more

Subscribe now!

Master Advanced Coding Techniques to Create Stunning Visuals with JavaScript

Category	Course format	Language	Duration	Level
Code	Online	English with Subt.	2h 47m	Beginner

Coding is like solving puzzles—an ongoing process of learning, experimenting, and refining that can be used to create stunning art. Bruno Imbrizi, an award-winning graphic designer, has spent the past 10 years honing his craft in creative coding.

Using JavaScript, Bruno creates dynamic animations, prints, and interactive designs, collaborating with major brands like Google, Spotify, and Nike. His work has earned him prestigious awards, including the Adobe Cutting Edge Award and the FITC Best Digital Installation Award.

This is Bruno’s second course on Domestika. In his first, Creative Coding: Making Visuals with JavaScript, he introduces you to the fundamentals of programming and drawing with code, starting from the basics.

Course Chapters

Some Chapters
Included in This Course

Arcs

9m 40s
Image Data

8m 53s
Distributing the Particles

7m 36s
Cursor Interaction

8m 46s
The Offline Setup

5m 45s
Adding Colors

8m 50s

Course Content

Explore Every
Course Chapter

Lessons

Chapters

Duration
Lesson 1

Introduction

2

2m 59s

View more
- About Me
  
  1m 21s
- Influences
  
  1m 38s
Lesson 2

The Setup

4

27m 46s

View more
- JavaScript Recap
  
  7m 42s
- The Online Setup
  
  5m 4s
- The Offline Setup
  
  5m 45s
- Canvas-Sketch
  
  9m 35s
Lesson 3

Skewing

6

35m 13s

View more
- Drawing a Rectangle
  
  5m 52s
- Drawing a Skewed Rectangle
  
  6m 31s
- Distribution
  
  4m 51s
- Adding Colors
  
  8m 50s
- Clipping Mask
  
  6m 29s
- Setting a Random Seed
  
  2m 40s
Lesson 4

Curves

6

37m 37s

View more
- Drawing a Quadratic Curve
  
  5m 18s
- Cursor Interaction
  
  8m 46s
- Multiple Points
  
  5m 56s
- Creating a Grid
  
  8m 11s
- Segments
  
  6m 6s
- Animation
  
  3m 20s
Lesson 5

The Audio

5

33m 15s

View more
- Pressing Play
  
  5m 1s
- Analyser
  
  7m 38s
- Frequencies
  
  7m 5s
- Arcs
  
  9m 40s
- Creating a Poster
  
  3m 51s
Lesson 6

Particles

5

30m 31s

View more
- Drawing a Single Particle
  
  4m 23s
- Applying Forces
  
  5m 55s
- Distributing the Particles
  
  7m 36s
- Modifying Scale and Colors
  
  3m 44s
- Image Data
  
  8m 53s
Lesson 7

Final

1

2m 9s

View more
- Final
  
  2m 9s

Meet the teacher

Bruno Imbrizi

Freelance Programmer

I'm a programmer with a passion for creating visuals with code. With a vast experience in the field, I’ve been working with creative coding for over a decade, creating websites, online experiences, design systems and installations for some well known brands like Dell, Adidas and Universal Music. Some of my projects were made with C++ (OpenFrameworks) or Python (TouchDesigner), but my focus has been on web technologies using JavaScript and WebGL.

Now

12$

/$100

Course Content

Coding is like solving puzzles—an ongoing process of learning, experimenting, and refining that can be used to create stunning art. Bruno Imbrizi, an award-winning graphic designer, has spent the past 10 years honing his craft in creative coding.

Using JavaScript, Bruno creates dynamic animations, prints, and interactive designs, collaborating with major brands like Google, Spotify, and Nike. His work has earned him prestigious awards, including the Adobe Cutting Edge Award and the FITC Best Digital Installation Award.

This is Bruno’s second course on Domestika. In his first, Creative Coding: Making Visuals with JavaScript, he introduces you to the fundamentals of programming and drawing with code, starting from the basics.

Features