I resized theses images from 200px to 2000px and used filters to hide pixelation.
Monday, November 30, 2015
Tuesday, November 17, 2015
Thursday, November 5, 2015
Thursday, October 29, 2015
Thursday, October 22, 2015
Thursday, October 15, 2015
Tuesday, September 29, 2015
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title> here goes the title of your project </title>
<style type="text/css">
body,td,th {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #000;
}
body {
background-color: #FFF;
}
#myCanvas { border: rgb(102,0,255) medium dashed; }
</style>
</head>
<body>
<canvas id="myCanvas" width="800" height="600"></canvas>
<script>
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
//// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START HERE
var yippee = context.createLinearGradient(0,0,canvas.width, canvas.height)
yippee.addColorStop(0,"green");
yippee.addColorStop(1,"blue");
context.beginPath()
context.rect(0,0, canvas.width, canvas.height);
context.fillStyle = yippee;
context.fill();
context.closePath()
//head
context.beginPath();
context.moveTo(326,410);
context.bezierCurveTo(342,444,371,449,410,428);
context.lineTo(418,401);
context.quadraticCurveTo(431,395,429,387);
context.bezierCurveTo(499,389,519,370,497,304);
context.bezierCurveTo(515,283,515,261,495,240);
context.bezierCurveTo(503,234,502,222,495,207);
context.lineTo(495,100);
context.lineTo(473,113);
context.lineTo(464,101);
context.lineTo(453,112);
context.lineTo(445,98);
context.lineTo(430,110);
context.lineTo(417,94);
context.lineTo(403,116);
context.lineTo(388,101);
context.lineTo(376,120);
context.lineTo(363,101);
context.lineTo(353,123);
context.lineTo(336,112);
context.lineTo(330,125);
context.lineTo(310,112);
context.lineTo(308,134);
context.lineTo(289,125);
context.bezierCurveTo(306,190,317,255,322,316);
context.bezierCurveTo(305,334,307,349,330,357);
context.lineTo(326,410);
context.lineWidth = 4;
context.fillStyle= "yellow";
context.fill();
context.stroke();
context.closePath();
//right eye
context.beginPath();
context.moveTo(440,286);
context.lineTo(463,286);
context.bezierCurveTo(463,286,523,288,508,259);
context.lineTo(496,242);
context.bezierCurveTo(470,204,496,242,437,253);
context.fillStyle= "white";
context.fill();
context.lineWidth = 2;
context.stroke();
//nose
context.beginPath();
context.moveTo(441,286);
context.bezierCurveTo(481,286,522,303,460,322);
context.lineWidth = 2
context.stroke()
context.closePath()
//left eye
context.beginPath();
context.moveTo(393,230);
context.bezierCurveTo(495,230,456,315,396,318);
context.bezierCurveTo(339,309,345,241,393,230);
context.fillStyle= "white";
context.fill();
context.lineWidth = 2;
context.fill();
context.stroke();
context.closePath();
//left pupel
context.beginPath();
context.arc(388,283,3, 0, Math.PI*2, true);
context.fillStyle = "black";
context.fill();
context.lineWidth = 4;
context.stroke();
context.closePath();
//right pupel
context.beginPath();
context.arc(465,277,3, 0, Math.PI*2, true);
context.fillStyle = "black";
context.fill();
context.lineWidth = 4;
context.stroke();
context.closePath();
//mouth
context.beginPath();
context.moveTo(364,363);
context.quadraticCurveTo(368,372,366,375,360,379);
context.bezierCurveTo(366,375,429,385,417,389);
context.moveTo(366,375);
context.lineTo(360,379);
context.lineWidth = 2;
context.stroke();
//text
var textcolor = "Black";
var text = "BART "
context.font = 'bold 38px Times New Roman';
context.fillStyle = textcolor;
context.fillText(text, 190, canvas.height - 400);
var textcolor = "YELLOW";
var text = "SIMPSON"
context.font = 'bold 38px Times New Roman';
context.fillStyle = textcolor;
context.fillText(text, 500, canvas.height - 400);
context.beginPath();
context.moveTo(200,100);
context.lineTo(0,100);
context.lineTo(0,0);
context.lineTo(200,0);
context.lineTo(200,100);
context.fillStyle = "black";
context.fill();
context.stroke();
context.closePath();
context.beginPath()
var textcolor = "YELLOW";
var text = "By Jesse Todd"
context.font = 'bold 24px Times New Roman';
context.fillStyle = textcolor;
context.fillText(text, 25, canvas.height - 540);
//// <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< END HERE
</script>
</body>
</html>
Thursday, September 17, 2015
Wednesday, September 2, 2015
Art 210
My name is Jesse Todd. I am from Long Island, NewYork and I am a hard working freshman at the University of Tampa. After the first class of Art 210 I was really excited to learn how to design, edit, and create whatever I wanted to on the computer. I expect to be able to use photoshop on my own along with all the other softwares that I will be experimenting with through out this course. From what I can tell this will be a challenging class but a great experience.
Subscribe to:
Posts (Atom)