Basic Shapes with Canvas 2D

Author: Tyler Johnston
Script: app.js
Tools: JavaScript HTML Canvas 2D
Date Posted: 01/06/2022

Project Description

For my animation I decided to *draw* a Nintendo character (Kirby) jumping up and down.

The goal of this assignment was to create an animation by utilizing the Canvas 2D context functions related to drawing and coloring shapes. Movement was done through the context transform functions.

I used this lecture example to get an example of how to set up the canvas in HTML and start the app.js file.

I used this to learn how to draw a circle (what I used for the body.) I then used this same procedure for the rest of my draw functions, replacing the arc function with an ellipsis or rect function depending on the need.