The Lion King

It's our problem free philosophy... hakuna matata!

code:

//rect

var grdsky = context.createLinearGradient(250,450,225,200);
grdsky.addColorStop(0, 'rgb(25,84,166)');
grdsky.addColorStop(1, "rgb(9,36,74)");

context.beginPath();

context.rect(0, 0, 800, 600);
context.fillStyle = grdsky;
context.fill();

context.stroke();
context.closePath();

//moon

var grdmoon = context.createRadialGradient(400,300,20,400,300,200);
grdmoon.addColorStop(0, "white");
grdmoon.addColorStop(1, "rgb(212,212,212)");

context.beginPath();
context.arc(390, 320, 310, 0, 2 * Math.PI, false);
context.fillStyle = grdmoon;
context.fill();

context.stroke();
context.closePath();


//shrubs right

context.beginPath();

context.moveTo(800,300);
context.lineTo(780,310);
context.lineTo(770,320);
context.lineTo(760,330);
context.lineTo(750,350);
context.lineTo(730,375);
context.lineTo(725,405);
context.lineTo(705,480);
context.lineTo(700,550);
context.lineTo(685,600);
context.lineTo(800,600);
context.lineTo(800,300);

context.fillStyle = 'rgb(104,133,97)';
context.fill();

context.stroke();
context.closePath();

///shrubs left

context.beginPath();

context.moveTo(0,270);
context.lineTo(10,280);
context.lineTo(15,300);
context.lineTo(18,310);
context.lineTo(25,330);
context.lineTo(30,370);
context.lineTo(50,400);
context.lineTo(60,450);
context.lineTo(75,510);
context.lineTo(90,550);
context.lineTo(110,575);
context.lineTo(125,600);
context.lineTo(0,600);
context.lineTo(0,270);

context.fillStyle = 'rgb(104,133,97)';
context.fill();
context.stroke();
context.closePath();


//vines

context.beginPath();

context.moveTo(700,0);
context.quadraticCurveTo(700,200,800,250);

context.moveTo(650,0);
context.quadraticCurveTo(700,200,800,200);

context.moveTo(680,0);
context.quadraticCurveTo(700,200,800,175);

context.stroke();
context.closePath();




//branch

context.beginPath();

context.moveTo(0,440);
context.lineTo(100,440);
context.lineTo(200,442);
context.lineTo(300,443);
context.lineTo(450,440);
context.lineTo(600,443);
context.lineTo(700,440);
context.lineTo(800,440);
context.lineTo(800,500);
context.lineTo(700,495);
context.lineTo(500,510);
context.lineTo(400,510);
context.lineTo(300,515);
context.lineTo(200,518);
context.lineTo(100,515);
context.lineTo(0,520);
context.lineTo(0,440);

context.fillStyle = 'rgb(122,102,66)';
context.fill();
context.stroke();
context.closePath();

context.stroke();
context.closePath();


context.beginPath();

context.moveTo(0,460);
context.quadraticCurveTo(175,440,300,460);

context.moveTo(20,475);
context.lineTo(125,478);
context.lineTo(250,475);
context.lineTo(470,460);

context.moveTo(10,500);
context.quadraticCurveTo(250,480,600,498);

context.moveTo(150,505);
context.lineTo(200,510);
context.lineTo(280,508);
context.lineTo(350,504);
context.lineTo(450,510);


context.moveTo(450,445);
context.lineTo(650,456);

context.moveTo(580,476);
context.lineTo(800,479);


context.stroke();
context.closePath();


context.beginPath();

context.font = 'italic 16pt Arial';
context.fillStyle = 'blue';
context.fillText('Jeslin Ritz', 584, 590);

context.stroke();
context.closePath();

///simba


//front leg - back

context.beginPath();

context.moveTo(294,350)
context.quadraticCurveTo(275,395,275,443);
context.lineTo(302,443);
context.quadraticCurveTo(310,420,292,426);
context.quadraticCurveTo(320,390,294,350);

context.fillStyle = 'rgb(240,152,29)';
context.fill();

context.stroke();
context.closePath();

//front leg - back - paw

context.beginPath();

context.moveTo(299,443);
context.quadraticCurveTo(305,426,294,429);

context.stroke();
context.closePath();


///back leg - back

context.beginPath();

context.moveTo(133,338);
context.quadraticCurveTo(120,370,135,388);
context.lineTo(114,394);
context.quadraticCurveTo(115,400,125,420);
context.lineTo(126,424);
context.quadraticCurveTo(155,440,138,408);context.lineTo(170,398);
context.quadraticCurveTo(200,370,133,338);

context.fillStyle = 'rgb(240,152,29)';
context.fill();

context.stroke();
context.closePath();


// mane - under

context.beginPath();

context.moveTo(315,360);
context.quadraticCurveTo(325,380,300,390);
context.lineTo(306,380);
context.quadraticCurveTo(288,400,275,380);
context.lineTo(315,360);

context.fillStyle = 'rgb(224,68,20)';
context.fill();

context.stroke();
context.closePath();


////body

context.beginPath();

context.moveTo(375,430);
context.quadraticCurveTo(375,400,360,417)    //back
context.lineTo(345,355);
context.lineTo(300,300);
context.quadraticCurveTo(225,330,140,320);
//tail
context.bezierCurveTo(125,315,45,480,30,380);  
context.bezierCurveTo(45,500,125,335,140,340);
context.quadraticCurveTo(130,360,153,390);
context.lineTo(143,415);
context.lineTo(156,440);
context.lineTo(180,440);    ///bottom back paw
context.quadraticCurveTo(180,420,168,425);
context.lineTo(166,415);
context.lineTo(184,394);
context.lineTo(182,365);
context.lineTo(183,382);

///belly
context.quadraticCurveTo(275,418,310,370);

//back of front leg
context.lineTo(305,360);
context.lineTo(323,400);
context.lineTo(324,394);
context.lineTo(325,402);
context.lineTo(327,396);
context.lineTo(328,407);
context.lineTo(330,400);
context.lineTo(352,438);
context.quadraticCurveTo(375,435,375,430);

context.fillStyle = 'rgb(240,152,29)';
context.fill();

context.stroke();
context.closePath();


///mane

context.beginPath();

context.moveTo(286,308);
context.quadraticCurveTo(294,308,303,334);
context.lineTo(313,327);
context.quadraticCurveTo(310,325,320,345);
context.quadraticCurveTo(330,340,325,340);
context.quadraticCurveTo(335,355,348,368);
context.quadraticCurveTo(355,358,353,340);
context.quadraticCurveTo(358,355,353,360);
context.quadraticCurveTo(360,355,360,330);
context.lineTo(363,345);
context.bezierCurveTo(372,340,368,330,370,310);
context.lineTo(372,320);
context.quadraticCurveTo(385,300,376,280);
context.lineTo(380,285);
context.quadraticCurveTo(378,260,360,250);
context.quadraticCurveTo(364,240,376,253);
context.quadraticCurveTo(360,220,328,240);
context.quadraticCurveTo(343,225,350,228);
context.quadraticCurveTo(330,226,318,243);
context.quadraticCurveTo(310,225,290,250);
context.lineTo(296,247);
context.bezierCurveTo(300,260,286,244,278,276);
context.lineTo(282,273);
context.quadraticCurveTo(280,280,282,284);
context.quadraticCurveTo(275,285,275,300);
context.quadraticCurveTo(270,300,270,310);
context.quadraticCurveTo(284,313,286,308);


context.fillStyle = 'rgb(224,68,20)';
context.fill();

context.stroke();
context.closePath();

//face

context.beginPath();

context.moveTo(327,257);
context.lineTo(320,256);
context.quadraticCurveTo(300,260,298,295);
context.lineTo(303,288);
context.quadraticCurveTo(299,305,315,320);
context.lineTo(315,318);
context.quadraticCurveTo(320,312,330,314);
context.quadraticCurveTo(340,325,360,313);
context.quadraticCurveTo(362,310,367,306);
context.quadraticCurveTo(372,284,355,264);
context.quadraticCurveTo(350,246,330,253);
context.lineTo(327,257);

context.fillStyle = 'rgb(240,152,29)';
context.fill();

context.stroke();
context.closePath();


//nose

context.beginPath();

context.moveTo(343,293);
context.lineTo(327,288);
context.quadraticCurveTo(334,282,348,281);
context.quadraticCurveTo(348,285,343,293);

context.fillStyle = 'rgb(189,106,34)';
context.fill();

context.stroke();
context.closePath();

context.beginPath();

context.moveTo(327,288);
context.lineTo(322,281);
context.quadraticCurveTo(330,274,341,274);
context.lineTo(348,281);

context.stroke();
context.closePath();

//left eye

context.beginPath();

context.moveTo(322,281);
context.quadraticCurveTo(318,286,310,285);
context.quadraticCurveTo(312,260,322,281);

context.fillStyle = 'rgb(214,145,54)';
context.fill();

context.stroke();
context.closePath();

context.beginPath();

context.moveTo(313,281);
context.quadraticCurveTo(318,283,319,279);

context.stroke();
context.closePath();


///eyebrow

context.beginPath();

context.moveTo(305,280);
context.quadraticCurveTo(310,260,320,268);

context.moveTo(336,265);
context.quadraticCurveTo(344,250,353,264);

context.stroke();
context.closePath();



//right eye

context.beginPath();

context.moveTo(341,274);
context.quadraticCurveTo(350,274,353,270);
context.quadraticCurveTo(340,252,341,274);

context.fillStyle = 'rgb(214,145,54)';
context.fill();
context.stroke();
context.closePath();

context.beginPath();

context.moveTo(344,270)
context.quadraticCurveTo(350,271,349,268)

context.stroke();
context.closePath();


//mouth

context.beginPath();

context.moveTo(343,293);
context.lineTo(346,302);
context.lineTo(353,299);
context.lineTo(357,295);
context.lineTo(353,299);
context.lineTo(346,302);
context.lineTo(338,304);
context.lineTo(330,303);
context.stroke();
context.closePath();


//tail - fluff

context.beginPath();

context.moveTo(36,404);
context.quadraticCurveTo(46,385,36,380);
context.lineTo(36,388);
context.lineTo(30,370);
context.quadraticCurveTo(20,380,25,390);
context.lineTo(19,385);
context.quadraticCurveTo(15,395,36,404);

context.fillStyle = 'rgb(224,68,20)';
context.fill();

context.stroke();
context.closePath();

///pumba


//front leg - back

context.beginPath();

context.moveTo(525,407);
context.quadraticCurveTo(522,410,535,433);
context.lineTo(540,435);
context.quadraticCurveTo(535,439,529,435);
context.quadraticCurveTo(531,428,518,412);
context.lineTo(525,407);

context.fillStyle = 'rgb(194,62,17)';
context.fill();
context.stroke();
context.closePath();

/// back leg - back

context.beginPath();

context.moveTo(460,380);
context.lineTo(453,425);
context.lineTo(455,436);
context.lineTo(460,440);
context.lineTo(452,440);
context.lineTo(447,423);
context.lineTo(460,380);

context.fillStyle = 'rgb(194,62,17)';
context.fill();
context.stroke();
context.closePath();

//body

context.beginPath();

context.moveTo(520,300);
context.lineTo(490,320);
context.quadraticCurveTo(490,380,435,360);
context.bezierCurveTo(425,350,440,335,430,310);
context.bezierCurveTo(435,335,420,350,430,360);
context.quadraticCurveTo(416,385,430,405);
context.quadraticCurveTo(430,416,418,406);
context.lineTo(418,427);
context.quadraticCurveTo(422,430,423,425);
context.lineTo(423,413);
context.quadraticCurveTo(448,433,450,400);
context.lineTo(447,415);
context.quadraticCurveTo(555,448,545,320);
context.lineTo(520,300);

context.fillStyle = 'rgb(194,62,17)';
context.fill();
context.stroke();
context.closePath();

///front leg

context.beginPath();

context.moveTo(504,404);
context.lineTo(500,415);
context.lineTo(507,440);
context.lineTo(518,440);
context.lineTo(511,435);
context.lineTo(507,416);
context.lineTo(520,405);
context.quadraticCurveTo(519,390,504,404);

context.fillStyle = 'rgb(194,62,17)';
context.fill();
context.stroke();
context.closePath();

/////mane

context.beginPath();

context.moveTo(500,335);
context.bezierCurveTo(485,330,478,360,470,350);
context.quadraticCurveTo(480,360,480,355);
context.bezierCurveTo(460,365,460,345,460,355);
context.quadraticCurveTo(475,375,490,370);
context.quadraticCurveTo(505,360,500,335)

context.fillStyle = 'rgb(69,37,0)';
context.fill();
context.stroke();
context.closePath();

///face

context.beginPath()

context.moveTo(532,335);
context.quadraticCurveTo(525,342,526,350);
context.stroke();
context.closePath();

context.beginPath();
context.moveTo(535,338)
context.lineTo(535,348);
context.quadraticCurveTo(525,345,535,338);
context.fillStyle = 'rgb(153,58,17)';
context.fill();
context.stroke();
context.closePath();



///right ear

context.beginPath();

context.moveTo(500,338);
context.quadraticCurveTo(520,338,505,345);
context.quadraticCurveTo(518,355,523,345);
context.quadraticCurveTo(508,375,500,338);

context.stroke();
context.closePath();


//left ear

context.beginPath();

context.moveTo(495,334);
context.quadraticCurveTo(475,330,485,340);
context.quadraticCurveTo(473,345,468,334);
context.quadraticCurveTo(470,365,495,334);


context.fillStyle = 'rgb(194,62,17)';
context.fill();
context.stroke();
context.closePath();



///tail

context.beginPath();

context.moveTo(430,310);
context.quadraticCurveTo(425,305,435,300);
context.quadraticCurveTo(428,300,428,303);
context.quadraticCurveTo(430,298,424,290);
context.quadraticCurveTo(424,292,424,300);
context.quadraticCurveTo(412,285,405,310);
context.quadraticCurveTo(415,300,420,305);
context.quadraticCurveTo(410,305,411,315);
context.quadraticCurveTo(420,304,430,310);

context.fillStyle = 'rgb(69,37,0)';
context.fill();
context.stroke();
context.closePath();

//left tusk


context.beginPath();

context.moveTo(497,318);
context.quadraticCurveTo(480,308,494,300);
context.quadraticCurveTo(466,308,492,324);
context.quadraticCurveTo(494,326,497,318);

context.moveTo(540,320);
context.quadraticCurveTo(557,315,545,300);
context.quadraticCurveTo(573,315,540,328);
context.quadraticCurveTo(538,325,540,320);

context.fillStyle = 'rgb(245,244,213)'
context.fill();
context.stroke();
context.closePath();

///timone


///ears

context.beginPath();

context.moveTo(594,380);
context.bezierCurveTo(585,393,605,393,594,380);

context.fillStyle = 'rgb(69,37,0)';
context.fill();
context.stroke();
context.closePath();

context.beginPath();

context.moveTo(610,375);
context.bezierCurveTo(597,392,623,380,610,375);

context.fillStyle = 'rgb(69,37,0)';
context.fill();
context.stroke();
context.closePath();

///head

context.beginPath();

context.moveTo(610,375);
context.quadraticCurveTo(595,365,593,384);
context.quadraticCurveTo(610,395,610,375);

context.fillStyle = 'rgb(250,203,102)';
context.fill();
context.stroke();
context.closePath();


///mouth

context.beginPath();

context.moveTo(606,383);
context.quadraticCurveTo(603,388,597,383);

context.stroke();
context.closePath();

///nose

context.beginPath();

context.arc(603, 379, 3, 0, 2 * Math.PI, false);

context.fillStyle = 'rgb(69,37,0)';
context.fill();
context.stroke();
context.closePath();

//eyes

context.beginPath();

context.arc(598, 378, 3, 0, 2 * Math.PI, false);

context.fillStyle = 'rgb(69,37,0)';
context.fill();
context.stroke();
context.closePath();


context.beginPath();

context.arc(604, 375, 3, 0, 2 * Math.PI, false);

context.fillStyle = 'rgb(69,37,0)';
context.fill();
context.stroke();
context.closePath();


///arms

context.beginPath();

context.moveTo(604,392);
context.lineTo(590,398);
context.lineTo(587,408);
context.bezierCurveTo(580,415,595,415,590,408);
context.lineTo(593,400);
context.lineTo(604,395);
context.lineTo(604,392);

context.fillStyle = 'rgb(250,203,102)';
context.fill();
context.stroke();
context.closePath();


context.beginPath();

context.moveTo(606,392);
context.lineTo(615,404);
context.lineTo(620,397);
context.bezierCurveTo(617,393,630,393,622,399);
context.lineTo(615,410);
context.lineTo(606,394);
context.lineTo(606,392);

context.fillStyle = 'rgb(250,203,102)';
context.fill();
context.stroke();
context.closePath()


///body

context.beginPath();

context.moveTo(604,388);
context.bezierCurveTo(620,396,590,415,611,426);
context.quadraticCurveTo(615,430,610,440);
//foot
context.lineTo(620,440);
context.lineTo(621,442);
context.lineTo(606,442);
context.quadraticCurveTo(612,430,602,428);
context.quadraticCurveTo(605,440,590,435);
//foot
context.lineTo(590,440);
context.lineTo(595,440);
context.lineTo(598,442);
context.lineTo(587,442);
context.lineTo(587,432);
context.quadraticCurveTo(602,434,595,427);
//tail
context.bezierCurveTo(570,435,575,410,557,415);
context.bezierCurveTo(574,405,570,430,593,423);
context.quadraticCurveTo(602,415,602,388);
context.lineTo(604,388);

context.fillStyle = 'rgb(250,203,102)';
context.fill();
context.stroke();
context.closePath();

///tail tip
context.beginPath();

context.moveTo(557,415);
context.quadraticCurveTo(560,410,570,414);
context.lineTo(570,419);
context.quadraticCurveTo(560,410,557,415);
context.fillStyle = 'rgb(69,37,0)';
context.fill();
context.stroke();
context.closePath();


//// <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< END HERE