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

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

By Bruno Imbrizi

Language: English
Certificate: of completion
Subtitles: English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
Duration: 2h 47m

Now

9.99$

/$100

Explore advanced coding techniques to produce unique visuals that combine color, movement, and sound in JavaScript

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

Coding is like solving puzzles; it's a constant cycle of learning, mistakes, and iteration that can be used to create something beautiful. Bruno Imbrizi is an award-winning graphic designer who has devoted the past 10 years of his career to mastering the art of creative coding.

He uses JavaScript to produce animations, prints, interactive pieces, and more which have seen him collaborate with brands including Google, Spotify, and Nike, and win awards including the Adobe Cutting Edge Award and FITC Best Digital Installation..

This is Bruno’s second Domestika course. In his first, Creative Coding: Making Visuals with JavaScript, he teaches you the essentials of programming and drawing with code from scratch.

Modules

What you will learn
in this course.

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

9.99$

/$100

Course Content

This is Bruno’s second Domestika course. In his first, Creative Coding: Making Visuals with JavaScript, he teaches you the essentials of programming and drawing with code from scratch.

Features