Alicia Afonso's Digital Media Blog

My final for the canvas project is a beach scene featuring Stitch from 'Lilo and Stitch' hula dancing. The background, cloud, sand, starfish, water, grass skirt, and Stitch were all made with the gradient effect. The cloud is a benzier curve, while everything else are quadratic curves. Stitch's nose, head, and nails and all the sand specks are circles. I learned how to understand the canvas as a coordinate graph, while not being able to see the points I was drawing. Towards the end, I was able to type out codes off the top of my head and the points would be partially accurate to the lines I wanted to make. I also learned how to be patient with what I was doing, and allowed myself to correct and work off my mistakes. Hours: 12 Code: //BACKGROUND var canvas = document.getElementById('myCanvas');       var context = canvas.getContext('2d');       context.rect(0, 0, canvas.width, canvas.height);       // create radial gradi...

For my fruit project, I decided to make an apple. At first, I made a separate left and right side of the apples body, but in class Professor Echeverry helped me make the apple body all one closed shape, making it easier to make and add to. He also helped me make my stem a quadratic shape instead of the rectangle I originally did. He also helped me with the leaf, which originally did not look much like a leaf. I then played with the numbers, to finalize the apple shape.

In this project, I added a circle, semi circle, rectangle, arc, and custom shape. I added gradient to all the shapes but couldn't get it to work on the arc. The gradient was tricky to move left or right in the smaller shapes, I mostly just had to play with it. The custom shape was hard to move around, so I played with the numbers.