-
7 lessons (2h 47m)
-
Audio: English -
English, Spanish, French, Japanese, Italian, Portuguese
-
course included in the creative pass
Creative Coding 2.0 in JS: Animation, Sound, & Color
Freelance Programmer
full creative pass
Get access to this course and over 100 more for digital designers and creative developers, all for just $12/month
Subscribe now!Guarantee
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
-
Lesson 1Introduction
-
About Me
-
Influences
-
-
Lesson 2The Setup
-
JavaScript Recap
-
The Online Setup
-
The Offline Setup
-
Canvas-Sketch
-
-
Lesson 3Skewing
-
Drawing a Rectangle
-
Drawing a Skewed Rectangle
-
Distribution
-
Adding Colors
-
Clipping Mask
-
Setting a Random Seed
-
-
Lesson 4Curves
-
Drawing a Quadratic Curve
-
Cursor Interaction
-
Multiple Points
-
Creating a Grid
-
Segments
-
Animation
-
-
Lesson 5The Audio
-
Pressing Play
-
Analyser
-
Frequencies
-
Arcs
-
Creating a Poster
-
-
Lesson 6Particles
-
Drawing a Single Particle
-
Applying Forces
-
Distributing the Particles
-
Modifying Scale and Colors
-
Image Data
-
-
Lesson 7Final
-
Final
-
Meet the teacher
Bruno Imbrizi
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.
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
- English
- English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
- Beginner
- Access on mobile and Desktop
- Full time access
- Certificate of completion
-
Bruno Imbrizi
Teacher at awwwards.com
If you have any questions about this course, please contact us
