Dive into an in-depth HTML5 Canvas tutorial focused on user interaction. Explore event listeners, the event object, and dynamic circle manipulation. Learn to grow and shrink circles based on mouse proximity, randomize colors and sizes, and create responsive designs. Master techniques for restricting object growth, implementing aesthetic improvements, and choosing effective color palettes using tools like Kuler. Gain practical skills to build interactive web experiences that stand out from conventional designs.
Overview
Syllabus
- Where we left off
- Event listeners explained
- Introduction to the event object / argument
- Growing our circles
- Shrinking circles that aren't near our mouse
- Restricting the growth of the circles
- Randomizing the colors of our circles
- Randomizing the initial size of our circles
- Additional aesthetic improvement
- Making the canvas responsive to the browser
- Kuler and choosing color palettes
Taught by
Chris Courses
