Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Generative Art & CSS Houdini with Amit Sheen

Kevin Powell via YouTube

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

Reviews

Start your review of Generative Art & CSS Houdini with Amit Sheen

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.