First Assignment: Shapes & Gradients!!
I had so much fun with this assignment!! 😊
I had trouble at first with the code, but once I figured it out, it was fun putting all the shapes and colors together.
CANVAS FINAL: JACK JACK
INSPIRATION OUTCOME HAD SO MUCH FUN WITH THIS PROJECT! Did it over the course of a week on multiple days, just a few hours a day. 444 lines of code. (Side Note: background also moves) CODE: ///RECT BACKGROUND COLOR var bkgrnd = context.createRadialGradient(mouseX,mouseY,50,mouseX,mouseY,300); bkgrnd.addColorStop(0,"rgba(255,255,255,.25)"); bkgrnd.addColorStop(0.5,"#717171"); bkgrnd.addColorStop(1,"rgba(40,40,40,1.00)"); context.beginPath(); context.rect(0,0,600,600); context.closePath(); context.fillStyle = bkgrnd; context.fill(); ///LEFT CORNER SHORT LAYER COLOR var lftst = context.createLinearGradient(87,574,149,564); lftst.addColorStop(0.05,"rgba(228,95,98,1.00)") lftst.addColorStop(0.30,"rgba(197,22,25,1.00)") ///LEFT CORNER SHIRT LAYER context.beginPath(); context.moveTo(71,600); context.bezierCurveTo(1
Comments
Post a Comment