Creative Coding 2.0 in JS: Animation, Sound, & Color (Bruno Imbrizi)

Description

In this course, you will :

• Learn how to code an immersive visualization that includes sound.
• Create colorful coding compositions.
• Animate your visuals and include cursor interaction.

Syllabus :

1. The Setup

• JavaScript Recap
• The Online Setup
• The Offline Setup
• Canvas-Sketch

2. Skewing

• Drawing a Rectangle
• Drawing a Skewed Rectangle
• Distribution
• Adding Colors
• Clipping Mask
• Setting a Random Seed

3. Curves

• Drawing a Quadratic Curve
• Cursor Interaction
• Multiple Points
• Creating a Grid
• Segments
• Animation

4. The Audio

• Pressing Play
• Analyser
• Frequencies
• Arcs
• Creating a Poster

5. Particles

• Drawing a Single Particle
• Applying Forces
• Distributing the Particles
• Modifying Scale and Colors
• Image Data

Show more