Overview
Explore generative art, canvas, and CSS Houdini in this live stream recording featuring Amit Sheen as he guides Kevin Powell through various techniques. Learn to create custom properties, set up event listeners, and manipulate canvas elements to produce unique visual effects. Dive into randomization, drawing shapes, and implementing advanced canvas transformations. Follow along with provided code samples and gain insights into creative coding practices. Discover how to combine CSS and JavaScript to push the boundaries of web design and create captivating, interactive artwork.
Syllabus
Intro
Project Overview
Creating a const
Creating an event listener
Creating a canvas
Creating a canvas class
Randomizing the canvas
Appending the canvas
Drawing on the canvas
Canvas and CTX
CTX Font
Text Baseline
Chat Questions
Drawing Shapes
Random Color
Random Size
CTX Save
CTX Rotate
CTX Translation
Drawing Paths in Canvas
Adding arcs
Third exercise
Taught by
Kevin Powell