Generative Art & CSS Houdini with Amit Sheen
Offered By: Kevin Powell via YouTube
Course Description
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
Related Courses
Introduction to Computational Arts: ProcessingState University of New York via Coursera Generative Art and Computational Creativity
Simon Fraser University via Kadenze Advanced Generative Art and Computational Creativity
Simon Fraser University via Kadenze Generative Art and Computational Creativity
Simon Fraser University via Kadenze Programming Graphics I: Introduction to Generative Art
Skillshare