 |
| Text Font Disclaimer: if you are working from a windows computer of Windows 7 or older, the font may look to be dripping down the graphic page and smaller. |
<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
////////////////////////////////////// start below this line ˇˇˇˇˇˇˇˇˇˇ
//square
var rectx = 1;
var recty = 1;
var rectwidth = 798;
var rectheight = 598;
//blue sky
var rectx2 = 0;
var recty2 = 0;
var rectwidth2 = 800;
var rectheight2 = 350;
//green grass
var rectx3 = 0;
var recty3 = 0;
var rectwidth3 = canvas.width;
var rectheight3 = canvas.height;
//Kirby main body
var centerx = canvas.width/3;
var centery = canvas.height/2.5;
var radius = 132;
//Kirby front foot
var centerx2 = canvas.width/2.3;
var centery2 = canvas.height/1.7;
var radius2 = 70;
//Kirby back foot
var centerx3 = canvas.width/4;
var centery3 = canvas.height/1.5;
var radius3 = 58;
//Kirby empty arm
var centerx4 = canvas.width/1.78;
var centery4 = canvas.height/2.4
var radius4 = 58;
//Kirby shroom arm
var centerx5 = canvas.width/5;
var centery5 = canvas.height/5.3;
var radius5 = 65;
//Kirby eye white R
var centerx6 = canvas.width/3.3;
var centery6 = canvas.height/3.9;
var radius6 = 11;
//Kirby eye white L
var centerx7 = canvas.width/2.55;
var centery7 = canvas.height/3.8;
var radius7 = 11;
//Kirby eye black R
var centerx8 = canvas.width/3.3;
var centery8 = canvas.height/3.81;
var radius8 = 15;
//Kirby eye black L
var centerx9 = canvas.width/2.55;
var centery9 = canvas.height/3.71;
var radius9 = 15;
//Kirby eye blue R
var centerx10 = canvas.width/3.3;
var centery10 = canvas.height/3.7;
var radius10 = 17;
//Kirby eye blue L
var centerx11 = canvas.width/2.55;
var centery11 = canvas.height/3.6;
var radius11 = 17;
//green grass
context.beginPath();
context.rect(rectx3, recty3, rectwidth3, rectheight3);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'rgb(0, 50, 0)';
context.fill();
//blue sky
context.beginPath();
context.rect(rectx2, recty2, rectwidth2, rectheight2);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'navy';
context.fill();
//square
context.beginPath();
context.rect(rectx, recty, rectwidth, rectheight);
context.lineWidth = 5;
context.strokeStyle = 'black';
context.stroke();
//Kirby back foot
context.beginPath();
context.arc(centerx3, centery3, radius3, 0, 2*Math.PI, true);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'pink';
context.fill();
//Kirby empty arm
context.beginPath();
context.arc(centerx4, centery4, radius4, 0, 2*Math.PI, true);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'pink';
context.fill();
//Kirby shroom fingers connector: pink 1
context.beginPath();
context.moveTo(99.5, 137);
context.lineTo(107, 145);
context.lineWidth = 4;
context.strokeStyle = 'pink';
context.stroke();
context.lineCap = 'round';
context.fill();
//Kirby shroom fingers connector: black 1
context.beginPath();
context.moveTo(95, 135);
context.lineTo(103.5, 146);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'round';
context.fill();
//Kirby shroom fingers connector: pink 2
context.beginPath();
context.moveTo(175, 50);
context.lineTo(185, 57);
context.lineWidth = 4;
context.strokeStyle = 'pink';
context.stroke();
context.lineCap = 'round';
context.fill();
//Kirby shroom fingers connector: black 2
context.beginPath();
context.moveTo(171, 46);
context.lineTo(186, 54);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'round';
context.fill();
//Kirby shroom arm
context.beginPath();
context.arc(centerx5, centery5, radius5, 0, 2*Math.PI, true);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'pink';
context.fill();
//Kirby main body
context.beginPath();
context.arc(centerx, centery, radius, 0, 2*Math.PI, true);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'pink';
context.fill();
//Kirby front foot
context.beginPath();
context.arc(centerx2, centery2, radius2, 0, 2*Math.PI, true);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'pink';
context.fill();
//Kirby eye blue R
context.beginPath();
context.arc(centerx10, centery10, radius10, 0, 2*Math.PI, true);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'blue';
context.fill();
//Kirby eye blue L
context.beginPath();
context.arc(centerx11, centery11, radius11, 0, 2*Math.PI, true);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'blue';
context.fill();
//Kirby eye black R
context.beginPath();
context.arc(centerx8, centery8, radius8, 0, 2*Math.PI, true);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'black';
context.fill();
//Kirby eye black L
context.beginPath();
context.arc(centerx9, centery9, radius9, 0, 2*Math.PI, true);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'black';
context.fill();
//Kirby eye white R
context.beginPath();
context.arc(centerx6, centery6, radius6, 0, 2*Math.PI, true);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'white';
context.fill();
//Kirby eye white L
context.beginPath();
context.arc(centerx7, centery7, radius7, 0, 2*Math.PI, true);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'white';
context.fill();
//Kirby mouth
context.beginPath();
context.moveTo(240,205);
context.lineTo(250, 235);
context.lineTo(260, 250);
context.lineTo(280, 257);
context.lineTo(297, 254);
context.lineTo(310, 240);
context.lineTo(315, 220);
context.lineWidth = 2;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'darkred';
context.fill();
//Kirby mouth TOP
context.beginPath();
context.moveTo(240,205);
context.lineTo(315, 220);
context.lineWidth = 2;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'round';
context.fill();
//Kirby tongue
context.beginPath();
context.moveTo(250,230);
context.lineTo(250, 235);
context.lineTo(260, 250);
context.lineTo(280, 257);
context.lineTo(297, 254);
context.lineTo(310, 240);
context.lineTo(280, 233);
context.lineWidth = 2;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'red';
context.fill();
//Kirby tongue TOP
context.beginPath();
context.moveTo(250,230);
context.lineTo(280, 233);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'round';
context.fill();
//Kirby tongue center
context.beginPath();
context.moveTo(280, 234);
context.lineTo(270, 240);
context.lineWidth = 2;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'round';
context.fill();
//Kirby cheek R
context.beginPath();
context.moveTo(392,233);
context.lineTo(390, 227);
context.lineTo(330, 220);
context.lineTo(324, 225);
context.lineTo(325, 235);
context.lineTo(386, 242);
context.lineWidth = 0.2;
context.strokeStyle = 'rgba(255, 150, 150, 0.7)';
context.stroke();
context.fillStyle = 'rgba(255, 150, 150, 0.7)';
context.fill();
//Kirby cheek R (TOP)
context.beginPath();
context.moveTo(392,233);
context.lineTo(386, 242);
context.lineWidth = 0.2;
context.strokeStyle = 'rgba(255, 150, 150, 0.7)';
context.stroke();
context.lineCap = 'round';
context.fill();
//Kirby cheek L
context.beginPath();
context.moveTo(160, 199);
context.lineTo(158, 189);
context.lineTo(168, 184);
context.lineTo(228, 205);
context.lineTo(230, 217);
context.lineTo(222, 220);
context.lineWidth = 0.2;
context.strokeStyle = 'rgba(255, 150, 150, 0.7)';
context.stroke();
context.fillStyle = 'rgba(255, 150, 150, 0.7)';
context.fill();
//Kirby cheek L (BOTTOM)
context.beginPath();
context.moveTo(160, 199);
context.lineTo(222, 220);
context.lineWidth = 0.2;
context.strokeStyle = 'rgba(255, 150, 150, 0.7)';
context.stroke();
context.lineCap = 'round';
context.fill();
//Kirby shroom fingers connector: black
context.beginPath();
context.moveTo(81, 101);
context.lineTo(82, 105);
context.lineWidth = 2;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'round';
context.fill();
//Kirby shroom fingers connector: pink
context.beginPath();
context.moveTo(82, 102);
context.lineTo(83, 105);
context.lineWidth = 2;
context.strokeStyle = 'pink';
context.stroke();
context.lineCap = 'round';
context.fill();
//Kirby shroom burning end
context.beginPath();
context.arc(157, 37, 20, -1.2, -1.2+Math.PI, false);
context.closePath();
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'rgb(50, 30, 30)';
context.fill();
//Kirby Shroom
context.beginPath();
context.arc(92, 55, 80, -0.5, -1.2+Math.PI, false);
context.closePath();
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'rgb(100, 60, 60)';
context.fill();
//Kirby shroom fold 1
context.beginPath();
context.moveTo(152, 27);
context.lineTo(160, 45);
context.lineWidth = 2;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'round';
context.fill();
context.beginPath();
context.moveTo(160, 45);
context.lineTo(172, 62);
context.lineWidth = 2;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'round';
context.fill();
//Kirby shroom fold 2
context.beginPath();
context.moveTo(143, 83);
context.lineTo(158, 100);
context.lineWidth = 2;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'round';
context.fill();
//Kirby shroom fold 3
context.beginPath();
context.moveTo(95, 83);
context.lineTo(136, 123);
context.lineWidth = 2;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'round';
context.fill();
//Kirby shroom fold 4
context.beginPath();
context.moveTo(85, 106);
context.lineTo(88, 113);
context.lineWidth = 2;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'round';
context.fill();
context.beginPath();
context.moveTo(87, 112);
context.lineTo(115, 130);
context.lineWidth = 2;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'round';
context.fill();
//Kirby shroom sparks: red 1
context.beginPath();
context.moveTo(160, 15);
context.lineTo(158, 10);
context.lineWidth = 2;
context.strokeStyle = 'darkred';
context.lineCap = 'round';
context.stroke();
//Kirby shroom sparks: red 2
context.beginPath();
context.moveTo(170, 12);
context.lineTo(171, 6);
context.lineWidth = 2;
context.strokeStyle = 'darkred';
context.lineCap = 'round';
context.stroke();
//Kirby shroom sparks: red 3
context.beginPath();
context.moveTo(177, 22);
context.lineTo(182, 14);
context.lineWidth = 2;
context.strokeStyle = 'darkred';
context.lineCap = 'round';
context.stroke();
//Kirby shroom sparks: red 4
context.beginPath();
context.moveTo(185, 27);
context.lineTo(195, 24);
context.lineWidth = 2;
context.strokeStyle = 'darkred';
context.lineCap = 'round';
context.stroke();
//Kirby shroom sparks: red 5
context.beginPath();
context.moveTo(181, 38);
context.lineTo(190, 40);
context.lineWidth = 2;
context.strokeStyle = 'darkred';
context.lineCap = 'round';
context.stroke();
//Kirby shroom sparks: red 6
context.beginPath();
context.moveTo(179, 55);
context.lineTo(180, 60);
context.lineWidth = 2;
context.strokeStyle = 'darkred';
context.lineCap = 'round';
context.stroke();
//Kirby shroom fingers
context.beginPath();
context.arc(100, 50, 55, -0.5, -1.2+Math.PI, false);
context.closePath();
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'pink';
context.fill();
//Toad hat
context.beginPath();
context.moveTo(590, 140);
context.bezierCurveTo(620, 80, 615, 90, 630, 70);
context.quadraticCurveTo(660, 50, 680, 60);
context.bezierCurveTo(720, 80, 720, 90, 745, 130);
context.quadraticCurveTo(680, 200, 590, 140);
context.lineWidth = 3;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'rgb(255, 252, 243)';
context.fill();
//Toad hat spot 1
context.beginPath();
context.arc(685, 115, 20, 0, 2*Math.PI, true);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'red';
context.fill();
//Toad hat spot 2
context.beginPath();
context.arc(620, 90, 20, -1.2, -0.9+Math.PI, false);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'red';
context.fill();
//Toad hat spot 3
context.beginPath();
context.arc(736, 144, 15, -1, -0.4+Math.PI, true);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'red';
context.fill();
//Toad hat spot 4
context.beginPath();
context.arc(690, 60, 15, 0.8, 0.2+Math.PI, false);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'red';
context.fill();
//Toad hat spot 5
context.beginPath();
context.arc(595, 141, 5, 0.8, 0.2+Math.PI, true);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'red';
context.fill();
//Toad jacket: gold L
context.beginPath();
context.moveTo(645, 200);
context.quadraticCurveTo(525, 445, 620, 390);
context.quadraticCurveTo(660, 200, 660, 200);
context.quadraticCurveTo(660, 220, 640, 200);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'square';
context.fillStyle = 'rgb(229, 189, 0)';
context.fill();
//Toad main body
context.beginPath();
context.moveTo(700, 200);
context.quadraticCurveTo(715, 280, 700, 435);
context.bezierCurveTo(670, 450, 650, 450, 620, 440);
context.quadraticCurveTo(580, 400, 600, 350);
context.quadraticCurveTo(600, 300, 635, 230);
context.quadraticCurveTo(640, 190, 700, 200);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'rgb(255, 230, 205)';
context.fill();
//Toad bellybutton R
context.beginPath();
context.moveTo(630, 340);
context.quadraticCurveTo(633, 332.5, 632, 329);
context.lineWidth = 2;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'round';
//Toad bellybutton L
context.beginPath();
context.moveTo(630, 337);
context.quadraticCurveTo(629, 330, 632, 331);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'round';
//Toad pants
context.beginPath();
context.moveTo(598, 352);
context.lineTo(706, 355);
context.quadraticCurveTo(706, 355, 700, 435);
context.bezierCurveTo(670, 450, 650, 450, 620, 440);
context.quadraticCurveTo(580, 400, 600, 350);
context.lineWidth = 5;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'rgb(247, 243, 243)';
context.fill();
//Toad jacket: blue
context.beginPath();
context.moveTo(700, 200);
context.quadraticCurveTo(715, 360, 700, 390);
context.quadraticCurveTo(690, 390, 655, 375);
context.bezierCurveTo(650, 370, 650, 360, 665, 300);
context.quadraticCurveTo(665, 300, 675, 220);
context.quadraticCurveTo(675, 220, 700, 200);
context.lineWidth = 5;
context.strokeStyle = 'rgb(81, 10, 223)';
context.stroke();
context.fillStyle = 'rgb(81, 10, 223)';
context.fill();
//Toad jacket: gold R
context.beginPath();
context.moveTo(702, 390);
context.quadraticCurveTo(690, 390, 655, 375);
context.bezierCurveTo(650, 370, 650, 360, 665, 300);
context.quadraticCurveTo(665, 300, 675, 220);
context.quadraticCurveTo(675, 220, 700, 200);
context.quadraticCurveTo(690, 200, 690, 200);
context.quadraticCurveTo(660, 200, 660, 220);
context.quadraticCurveTo(660, 220, 650, 300);
context.bezierCurveTo(655, 290, 630, 360, 635, 385);
context.quadraticCurveTo(655, 400, 701, 405);
context.quadraticCurveTo(705, 385, 702, 395);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'square';
context.fillStyle = 'rgb(229, 189, 0)';
context.fill();
//Toad arm
context.beginPath();
context.moveTo(685, 280);
context.bezierCurveTo(690, 260, 700, 250, 710, 290);
context.quadraticCurveTo(710, 295, 720, 335);
context.quadraticCurveTo(715, 360, 695, 370);
context.quadraticCurveTo(680, 368, 665, 360);
context.quadraticCurveTo(655, 350, 695, 330);
context.quadraticCurveTo(680, 300, 685, 280);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'square';
context.fillStyle = 'rgb(255, 230, 205)';
context.fill();
//Toad arm line
context.beginPath();
context.moveTo(660, 356);
context.quadraticCurveTo(680, 334, 702, 327);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'square';
//Toad jacket pocket
context.beginPath();
context.moveTo(660, 356);
context.quadraticCurveTo(680, 368, 702, 370);
context.lineWidth = 3;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'square';
//Toad head
context.beginPath();
context.moveTo(625, 135);
context.quadraticCurveTo(670, 125, 715, 135);
context.quadraticCurveTo(720, 175, 700, 230);
context.bezierCurveTo(680, 250, 650, 240, 630, 225);
context.quadraticCurveTo(615, 150, 625, 135);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'rgb(255, 230, 205)';
context.fill();
//Toad brow R
context.beginPath();
context.moveTo(627, 150);
context.quadraticCurveTo(645, 152, 663, 150);
context.lineWidth = 3;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'black';
context.fill();
//Toad brow L
context.beginPath();
context.moveTo(668, 150);
context.quadraticCurveTo(685, 152, 708, 150);
context.lineWidth = 3;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'black';
context.fill();
//Toad eye black R
context.beginPath();
context.moveTo(630, 150);
context.quadraticCurveTo(645, 152, 660, 150);
context.quadraticCurveTo(657, 170, 652, 180);
context.bezierCurveTo(650, 180, 640, 185, 635, 180);
context.quadraticCurveTo(630, 170, 630, 150);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'black';
context.fill();
//Toad eye white R
context.beginPath();
context.moveTo(630, 165);
context.quadraticCurveTo(635, 160, 643, 165);
context.quadraticCurveTo(650, 170, 640, 177);
context.bezierCurveTo(650, 175, 632, 180, 634, 175);
context.quadraticCurveTo(630, 170, 630, 165);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'white';
context.fill();
//Toad eye black L
context.beginPath();
context.moveTo(670, 150);
context.quadraticCurveTo(685, 152, 705, 150);
context.quadraticCurveTo(699, 170, 695, 180);
context.bezierCurveTo(680, 182, 690, 185, 675, 180);
context.quadraticCurveTo(670, 170, 670, 150);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'black';
context.fill();
//Toad eye white L
context.beginPath();
context.moveTo(671, 167);
context.quadraticCurveTo(675, 160, 688, 165);
context.quadraticCurveTo(690, 170, 685, 177);
context.bezierCurveTo(680, 178, 678, 180, 674, 175);
context.quadraticCurveTo(671, 170, 671, 167);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'white';
context.fill();
//Toad shroom burning end
context.beginPath();
context.arc(727, 221, 10, -1, -.3+Math.PI, false);
context.closePath();
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'rgb(50, 30, 30)';
context.fill();
//Toad shroom
context.beginPath();
context.arc(699, 198, 40, 0.4, -0.3+Math.PI, false);
context.closePath();
context.lineWidth = 0.5;
context.strokeStyle = 'black';
context.stroke();
context.fillStyle = 'rgb(100, 60, 60)';
context.fill();
//Toad shroom fold 1
context.beginPath();
context.moveTo(685, 210);
context.lineTo(686, 220);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'round';
context.fill();
context.beginPath();
context.moveTo(686, 220);
context.lineTo(683, 233);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
//Toad shroom fold 2
context.beginPath();
context.moveTo(722, 213);
context.lineTo(715, 235);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'round';
//Toad shroom fold 3
context.beginPath();
context.moveTo(710, 212);
context.lineTo(705, 237);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'round';
context.fill();
//Toad shroom fold 4
context.beginPath();
context.moveTo(697, 212);
context.lineTo(698, 225);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'round';
context.fill();
context.beginPath();
context.moveTo(698, 225);
context.lineTo(696, 237);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.stroke();
context.lineCap = 'round';
context.fill();
//Toad shroom fold 5
context.beginPath();
context.moveTo(675, 212);
context.lineTo(674, 228);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.lineCap = 'round';
context.fill();
context.stroke();
//Toad shroom sparks: red 1
context.beginPath();
context.moveTo(740, 230);
context.lineTo(750, 237);
context.lineWidth = 2;
context.strokeStyle = 'darkred';
context.lineCap = 'round';
context.stroke();
//Toad shroom sparks: red 2
context.beginPath();
context.moveTo(745, 217);
context.lineTo(755, 215);
context.lineWidth = 2;
context.strokeStyle = 'darkred';
context.lineCap = 'round';
context.stroke();
//Toad shroom sparks: red 3
context.beginPath();
context.moveTo(739, 210);
context.lineTo(753, 200);
context.lineWidth = 2;
context.lineCap = 'round';
context.strokeStyle = 'darkred';
context.stroke();
//Toad shroom sparks: red 4
context.beginPath();
context.moveTo(740, 223);
context.lineTo(748, 224);
context.lineWidth = 2;
context.strokeStyle = 'darkred';
context.lineCap = 'round';
context.stroke();
//Toad shroom sparks: red 5
context.beginPath();
context.moveTo(730, 235);
context.lineTo(732, 240);
context.lineWidth = 2;
context.strokeStyle = 'darkred';
context.lineCap = 'round';
context.stroke();
//Toad shroom sparks: red 6
context.beginPath();
context.moveTo(735, 205);
context.lineTo(740, 195);
context.lineWidth = 2;
context.strokeStyle = 'darkred';
context.lineCap = 'round';
context.stroke();
//Trick line
context.beginPath();
context.moveTo(979, 55);
context.lineTo(980, 60);
context.lineWidth = 2;
context.strokeStyle = 'darkred';
context.lineCap = 'round';
context.stroke();
//Toad mouth TOP
context.moveTo(640, 205);
context.quadraticCurveTo(655, 212, 690, 210);
context.lineWidth = 2;
context.strokeStyle = 'black';
context.lineCap = 'round';
context.stroke();
//Toad mouth BOTTOM
context.moveTo(642, 215);
context.quadraticCurveTo(655, 201, 668, 225);
context.lineWidth = 2;
context.strokeStyle = 'black';
context.lineCap = 'round';
context.stroke();
//Toad hat line
context.beginPath();
context.moveTo(615, 135);
context.quadraticCurveTo(670, 125, 722, 135);
context.lineWidth = 2;
context.strokeStyle = 'black';
context.lineCap = 'round';
context.stroke();
//Toad shoe L
context.beginPath();
context.moveTo(550, 460);
context.bezierCurveTo(560, 420, 620, 400, 650, 460);
context.bezierCurveTo(630, 480, 560, 470, 550, 460);
context.closePath();
context.lineWidth = 1;
context.strokeStyle = 'black';
context.fillStyle = 'rgb(56, 54, 26)';
context.fill();
context.stroke();
//Toad shoe R
context.beginPath();
context.moveTo(630, 475);
context.bezierCurveTo(635, 400, 700, 400, 720, 455);
context.bezierCurveTo(690, 490, 640, 490, 630, 475);
context.closePath();
context.lineWidth = 1;
context.strokeStyle = 'black';
context.fillStyle = 'rgb(56, 54, 26)';
context.fill();
context.stroke();
//Toad pants line OUT
context.beginPath();
context.moveTo(635, 440);
context.bezierCurveTo(630, 430, 580, 435, 600, 350);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.lineCap = 'round';
context.stroke();
//Toad pants line IN
context.beginPath();
context.moveTo(640, 435);
context.quadraticCurveTo(630, 425, 628, 415);
context.lineWidth = 1;
context.strokeStyle = 'black';
context.lineCap = 'round';
context.stroke();
//Candied Shrooms
context.beginPath();
context.font = 'italic bold 40px Chiller';
context.fillStyle = 'white';
context.fillText('He thought it was candy...', 350, 570);
context.strokeStyle = 'rgba(0, 0, 0, 0.8)';
context.lineWidth = 1;
context.strokeText('He thought it was candy...', 350, 570);
context.stroke();
////////////////////////////////////// end above this line ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ
};
</script>
</head>
<body>
<canvas id="myCanvas" width="800" height="600"></canvas>
</body>
</html>
ARTISTIC STATEMENT:
My progress on this graphic was slow at first, but as I kept moving along, I was getting faster and faster and it was getting easier and easier. I created my composition from a drawn graphic of my own making. It is made of many different shapes, quadratic and bezier curves, and lines of varying colors and opaqueness values. My piece is successful because it all comes together with the line "He thought it was candy..." This shows that Toad coerced Kirby into trying shrooms and it apparently got mistaken for some kind of candy. This is how my piece is a success, because it tells a story without too many words.
No comments:
Post a Comment