Thursday, October 3, 2019

Shapes



 // main mellon

context.beginPath();

context.arc(400,300,280, 0*Math.PI, 1*Math.PI,false);


context.closePath();

context.lineWidth = 10;

context.strokeStyle = "green"

context.stroke();


context.fillStyle = "pink";

context.fill()


///// seeds
context. beginPath();
context.arc(400,400,5,0, 2*Math.PI,false);
context.strokeStyle = "black"
context.stroke();

context. beginPath();
context.arc(159,337,5,0, 2*Math.PI,false);
context.strokeStyle = "black"
context.stroke();

context. beginPath();
context.arc(250,480,5,0, 2*Math.PI,false);
context.strokeStyle = "black"
context.stroke();


 context. beginPath();
context.arc(245,389,5,0, 2*Math.PI,false);
context.strokeStyle = "black"
context.stroke();


context. beginPath();
context.arc(474,327,5,0, 2*Math.PI,false);
context.strokeStyle = "black"
context.stroke();

 context. beginPath();
context.arc(445,517,5,0, 2*Math.PI,false);
context.strokeStyle = "black"
context.stroke();


context. beginPath();
context.arc(566,425,5,0, 2*Math.PI,false);
context.strokeStyle = "black"
context.stroke();


context. beginPath();
context.arc(643,332,5,0, 2*Math.PI,false);
context.strokeStyle = "black"
context.stroke();

Tuesday, October 1, 2019

Bart





// >>>START HERE>>>START HERE>>>START HERE>>>START HERE>>>START HERE

//Backround
var bkgdgrd = context.createLinearGradient(0,0,mouseX,mouseY);
bkgdgrd.addColorStop(0,  "purple");
 bkgdgrd.addColorStop(0.5,      "yellow");
bkgdgrd.addColorStop(1,     "cyan");
context.beginPath();
context.rect(0,0,800,600);
context.closePath();
context.fillStyle = bkgdgrd
context.fill();
////Right sleeve
 context.beginPath();
context.moveTo(211,162)
context.bezierCurveTo(179,178,168,173,118,218);
context.stroke();
context.beginPath();
context.moveTo(173,295);
context.bezierCurveTo(140,328,140,340,134,385);
context.stroke();
context.beginPath();
context.moveTo(265,210);
context.bezierCurveTo(260,211,214,201,173,295);
context.stroke();
///His right arm-main
context.beginPath();
context.moveTo(110,120);
context.bezierCurveTo(200,400,290,300,150,104);
context.stroke();
///Fingers Right

context.beginPath();
context.moveTo(150,104);
context.bezierCurveTo(139,78,145,101,143,93);
context.bezierCurveTo(181,45,166,24,136,72);
context.stroke();
context.beginPath();
context.moveTo(136,72);
context.bezierCurveTo(136,3,106,24,123,76);
context.stroke();
context.beginPath();
context.moveTo(123,76);
context.bezierCurveTo(96,29,77,29,100,82);
context.stroke();

context.beginPath();
context.moveTo(100,82);
context.bezierCurveTo(31,78,95,110,110,120);
context.stroke();
///Left arm main
context.beginPath();
context.moveTo(549,233);
context.bezierCurveTo(366,242,145,386,537,292);
context.stroke();
////Left fingers
context.beginPath();
context.moveTo(537,292);
context.bezierCurveTo(568,387,567,325,563,297);
context.stroke();

context.beginPath();
context.moveTo(563,297);
context.bezierCurveTo(582,304,668,324,568,271);
context.stroke();
context.beginPath();
context.moveTo(568,271);
context.bezierCurveTo(637,265,651,252,573,244);
context.stroke();
 
context.beginPath();
context.moveTo(573,244)
context.bezierCurveTo(618,198,610,185,549,233);
context.stroke();

///Right sleeve Rest
context.beginPath();
context.moveTo(212,162);
context.bezierCurveTo(215,214,166,233,118,218);
context.stroke();
context.beginPath();
context.moveTo(212,162);
context.bezierCurveTo(233,209,245,222,239,273);
context.stroke();
context.beginPath();
context.moveTo(118,218);
context.bezierCurveTo(179,297,148,264,188,288);
context.stroke();
////Nose
context.beginPath();
context.moveTo(392,127);
context.bezierCurveTo(393,165,446,166,410,182);
context.stroke();
/////Neck
context.beginPath();
context.moveTo(350,228);
context.bezierCurveTo(356,254,340,230,337,255);
context.stroke();
/////Lips
context.beginPath();
context.moveTo(440,215);
context.bezierCurveTo(445,260,306,222,307,210);
context.stroke();
context.beginPath();
context.moveTo(305,222);
context.bezierCurveTo(308,209,305,208,316,206);
context.stroke();
///// Eyes
context.beginPath();
context.arc(422,127,31,0,2 *Math.PI,false);
context.stroke();
context.beginPath();
context.arc(421,137,5,0,2 *Math.PI,false);
context.closePath();
context.fillStyle= 000000;
context.fill();
context.strokeStyle= "black";
context.stroke();
context.beginPath();
context.arc(374,127,31,0,2 *Math.PI,false);
context.stroke();
context.beginPath();
context.arc(365,137,5,0,2 *Math.PI,false);
context.closePath();
context.fillStyle= 000000;
context.fill();
context.strokeStyle= "black";
context.stroke();
////Head
context.beginPath();
context.moveTo(262,25);
context.bezierCurveTo(255,230,278,188,262,215);
context.stroke();
context.beginPath();
context.moveTo(440,25);
context.bezierCurveTo(460,155,440,25,440,215);
context.stroke();
///Head bumps
context.beginPath();
context.moveTo(262,25);
context.bezierCurveTo(273,0,272,0,280,25);
context.stroke();
context.beginPath();
context.moveTo(300,25);
context.bezierCurveTo(293,0,294,0,280,25);
context.stroke();
context.beginPath();
context.moveTo(320,25);
context.bezierCurveTo(313,0,314,0,300,25);
context.stroke();
context.beginPath();
context.moveTo(340,25);
context.bezierCurveTo(332,0,333,0,320,25);
context.stroke();
context.beginPath();
context.moveTo(340,25);
context.bezierCurveTo(353,0,354,0,360,25);
context.stroke();
context.beginPath();
context.moveTo(380,25);
context.bezierCurveTo(373,0,374,0,360,25);
context.stroke();
context.beginPath();
context.moveTo(400,25);
context.bezierCurveTo(395,0,396,0,380,25);
context.stroke();
context.beginPath();
context.moveTo(420,25);
context.bezierCurveTo(415,0,416,0,400,25);
context.stroke();
context.beginPath();
context.moveTo(440,25);
context.bezierCurveTo(435,0,436,0,420,25);
context.stroke();
/////Ear
context.beginPath();
context.moveTo(273,165);
context.bezierCurveTo(242,189,230,100,273,125);
context.stroke();
context.beginPath();
context.moveTo(255,141);
context.bezierCurveTo(261,136,261,135,270,141);
context.stroke();
context.beginPath();
context.moveTo(261,136);
context.bezierCurveTo(269,148,258,153,261,151);
context.stroke();
///Shirt
context.beginPath();
context.moveTo(262,215);
context.bezierCurveTo(254,210,277,281,337,255);
context.stroke();
context.beginPath();
context.moveTo(337,255);
context.bezierCurveTo(350,260,358,326,337,333);
context.stroke();

context.beginPath();
context.moveTo(337,333);
context.bezierCurveTo(345,395,344,400,334,400);
context.stroke();

 
context.beginPath();
context.moveTo(134,385);
context.bezierCurveTo(231,405,227,425,334,400);
context.stroke();
 

 ///BOTTOM HALF 
////Right Leg
context.beginPath();
context.moveTo(127,495);
context.bezierCurveTo(160,448,243,335,203,490);
context.stroke();
context.beginPath();
context.moveTo(127,495);
context.bezierCurveTo(105,536,175,528,245,528);
context.stroke();
context.beginPath();
context.moveTo(245,528);
context.bezierCurveTo(296,524,271,466,205,476);
context.stroke();
///Shorts
context.beginPath();
context.moveTo(147,421);
context.bezierCurveTo(93,341,362,365,352,416);
context.stroke();

context.beginPath();
context.moveTo(147,421);
context.bezierCurveTo(99,480,141,457,175,458);
context.stroke();
context.beginPath();
context.moveTo(175,458);
context.bezierCurveTo(266,460,254,480,256,433);
context.stroke();
context.beginPath();
context.moveTo(245,435);
context.bezierCurveTo(269,435,230,437,275,431);
context.stroke();
context.beginPath();
context.moveTo(256,433);
context.bezierCurveTo(302,511,250,436,380,418);
context.stroke();
context.beginPath();
context.moveTo(352,416);
context.bezierCurveTo(346,420,392,409,380,418);
context.stroke();
context.beginPath();
context.moveTo(279,468);
context.bezierCurveTo(277,495,398,436,380,418);
context.stroke();
///Right sock
context.beginPath();
context.moveTo(157,528);
context.bezierCurveTo(162,537,234,534,207,476);
context.stroke();
context.beginPath();
context.moveTo(207,476);
context.bezierCurveTo(206,466,216,458,224,482);
context.stroke();

context.beginPath();
context.moveTo(224,482);
context.bezierCurveTo(243,540,164,553,157,528);
context.stroke();
/////Right shoe main
context.beginPath();
context.moveTo(223,475);
context.bezierCurveTo(220,467,272,476,260,476);
context.stroke();
context.beginPath();
context.moveTo(260,476);
context.bezierCurveTo(289,470,255,571,229,591);
context.stroke();
context.beginPath();
context.moveTo(190,540);
context.bezierCurveTo(183,578,219,593,229,591);
context.stroke();
////Right shoe bottom
context.beginPath();
context.moveTo(271,478);
context.bezierCurveTo(261,478,271,477,279,480);
context.stroke();
context.beginPath();
context.moveTo(279,480);
context.bezierCurveTo(283,496,260,594,229,591);
context.stroke();
////Left leg
context.beginPath();
context.moveTo(347,485);
context.bezierCurveTo(349,427,273,458,290,415);
context.stroke();
context.beginPath();
context.moveTo(290,415);
context.bezierCurveTo(302,394,418,427,410,485);
context.stroke();
context.beginPath();
context.moveTo(410,485);
context.bezierCurveTo(387,601,336,598,347,485);
context.stroke();
////Left sock
context.beginPath();
context.moveTo(345,515);
context.bezierCurveTo(377,532,398,520,406,505);
context.stroke();
context.beginPath();
context.moveTo(345,506);
context.bezierCurveTo(322,524,337,535,366,537);
context.stroke();
context.beginPath();
context.moveTo(366,537);
context.bezierCurveTo(425,543,420,518,408,499);
context.stroke();
////Left Shoe
context.beginPath();
context.moveTo(345,533);
context.bezierCurveTo(319,598,337,581,369,584);
context.stroke();
context.beginPath();
context.moveTo(369,584);
context.bezierCurveTo(387,584,520,584,416,523);
context.stroke();
///Leftshoe bottom
context.beginPath();
context.moveTo(334,580);
context.bezierCurveTo(331,600,365,593,388,593);
context.stroke();
context.beginPath();
context.moveTo(388,593);
context.bezierCurveTo(437,591,473,584,456,561);
context.stroke();
// <<<END HERE<<<END HERE<<<END HERE<<<END HERE<<<END HERE<<<END HERE 


Thursday, September 12, 2019

Arc Project



 context.beginPath();
      context.arc(150, 210, 80, -1, Math.PI, true);
      context.closePath();
      context.lineWidth = 5;
      context.fillStyle = "brown";
      context.fill();
      context.strokeStyle = '#550000';
      context.stroke();
  

context.beginPath();
      context.arc(150, 150, 70, 7, Math.PI, false);
      context.closePath();
      context.lineWidth = 5;
      context.fillStyle = "pink";
      context.fill();
      context.strokeStyle = '#550000';
      context.stroke();

context.beginPath();
      context.arc(250, 150, 70, 6, Math.PI, false);
      context.closePath();
      context.lineWidth = 5;
      context.fillStyle = "orange";
      context.fill();
      context.strokeStyle = '#550000';
      context.stroke();


context.beginPath();
      context.arc(325, 130, 90, 1, Math.PI, true);
      context.closePath();
      context.lineWidth = 5;
      context.fillStyle = "yellow";
      context.fill();
      context.strokeStyle = '#550060';
      context.stroke();

context.beginPath();
      context.arc(500, 150, 50, -.5, Math.PI, false);
      context.closePath();
      context.lineWidth = 5;
      context.fillStyle = "purple";
      context.fill();
      context.strokeStyle = '#550000';
      context.stroke();

context.beginPath();
      context.arc(450, 160, 30, -255, Math.PI, true);
      context.closePath();
      context.lineWidth = 5;
      context.fillStyle = "blue";
      context.fill();
      context.strokeStyle = '#550000';
      context.stroke();

context.beginPath();
      context.arc(400, 150, 50, -.5, Math.PI, true);
      context.closePath();
      context.lineWidth = 5;
      context.fillStyle = "purple";
      context.fill();
      context.strokeStyle = '#550000';
      context.stroke();

context.moveTo(550, 300);
      context.bezierCurveTo(200, 100, 500, 100, 100, 400);
      context.lineWidth = 10;

      // line color
      context.strokeStyle = 'pink';
      context.stroke();
  
 context.bezierCurveTo(300, 200, 300, 200, 300, 400);
      context.bezierCurveTo(250, 180, 320, 180, 340, 300);
      context.bezierCurveTo(420, 150, 420, 120, 300, 550);
      context.bezierCurveTo(430, 40, 370, 30, 400, 400);
      context.bezierCurveTo(320, 5, 250, 20, 250, 600);
      context.bezierCurveTo(200, 5, 150, 20, 170, 550);

      // complete custom shape
      context.closePath();
      context.lineWidth = 5;
      context.fillStyle = '#8ED6FF';
      context.fill();
      context.strokeStyle = 'blue';
      context.stroke();

context.closePath();
      context.lineWidth = 5;
      context.fillStyle = 'green';
      context.fill();
      context.strokeStyle = '#550000';
      context.stroke();
     

Saturday, August 31, 2019

My name is Cassandra Boston and I am from San Antonio, Texas. I come from a military family background so I have moved around most of my life. Born in Germany, my family moved to Louisiana when I was only a few months old so no I do not know German. For eight years I lived in Texas and this was the longest place I got to live. although I lived in Texas for so long I never stayed at a Schoo for longer than three years at a time. My dad lives in Orlando with my two sisters so I've known for awhile that I wanted to at least be closer to them. Every summer I would come down to see them and sometimes we would go to the beach and that soon became my favorite place to be. Luckily I was able to move virtually wherever I wanted for college and that is when I visited University of Tampa and fell in love.

Portfolio