Circles, Arcs & Gradients
Circles, Arcs, & Gradients
It took me awhile to do this assignment, but I am happy with how it turned out!!
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