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

Go to class
Write Review

Creative Coding 2.0 in JS: Animation, Sound, & Color provided by Domestika is a comprehensive online course. Creative Coding 2.0 in JS: Animation, Sound, & Color is taught by Bruno Imbrizi. Upon completion of the course, you can receive an e-certificate from Domestika. The course is taught in Englishand is $9.00. Visit the course page at Domestika for detailed price information.

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

    • Introduction
    • The Setup
    • Skewing
    • Curves
    • The Audio
    • Particles
    • Final project
    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.

    What do you get from this course?



    "I’ll teach you several techniques to produce exciting visuals with JavaScript."

  • Learn to code an immersive visualization enhanced with sound
  • Develop coding compositions filled with color
  • Animate your visuals and incorporate cursor interaction


Syllabus
    • About Me
    • Influences
    • Canvas-Sketch
    • The Offline Setup
    • The Online Setup
    • JavaScript Recap
    • Setting a Random Seed
    • Clipping Mask
    • Adding Colors
    • Distribution
    • Drawing a Skewed Rectangle
    • Drawing a Rectangle
    • Multiple Points
    • Animation
    • Segments
    • Creating a Grid
    • Cursor Interaction
    • Drawing a Quadratic Curve
    • Creating a Poster
    • Arcs
    • Frequencies
    • Analyser
    • Pressing Play
    • Image Data
    • Modifying Scale and Colors
    • Distributing the Particles
    • Applying Forces
    • Drawing a Single Particle
    • Creative Coding 2.0 in JS: Animation, Sound, & Color