Canvas HTML5 Project

 

For my Canvas HTML5 project I decided to do the Powerpuff Girls. When we learned how to make the radial gradient do a zoom type effect/motion, it reminded me of the ending scene of every single Powerpuff Girls episode. That's why I choose to recreate this image. Creating the codes wasn't that hard but wasn't easy either. As I continued coding, it was getting harder and harder to see with all the other coded outlines on the screen so I had to separate and hide some of my already coded outlines throughout my process. I used bezier curves the most in this project. The finished project has 2454 lines of code. I really enjoyed the project and want to create more fun projects like this.