Posts

Showing posts from February, 2018

SUPER MARIO CANVAS PROJECT

Image
This was a hard project and it took a lot of hours, but at the same time I had a lot of fun with it. I learned so much from spending a lot of hours on it. I spent about 2 hours before even being able to start it to figure out how I was going to do it. I finally figured it all about by using Illustrator to figure out my coordinates, and I was able to put the composition together and draw the shapes to find the right coordinates.  Code: //// BACKGROUND var RadialBkgrnd = context.createRadialGradient(400,300,100,400,300,500); RadialBkgrnd.addColorStop(0,"rgba(168,230,255,1)"); RadialBkgrnd.addColorStop(0.4,"rgba(131,184,204,1)"); RadialBkgrnd.addColorStop(1,"rgba(35,102,127,1)"); RadialBkgrnd context.beginPath(); context.rect(0,0,800,600); context.closePath(); context.fillStyle = RadialBkgrnd; context.fill(); // PIPE 1 var pipe1 = context.createLinearGradient(428,480,515,480); pipe1.addColorStop(0,"rgba(27,