Monday, September 30, 2013
.JPG)
Wednesday, September 25, 2013
Tuesday, September 24, 2013
Wednesday, September 11, 2013
Wednesday, September 4, 2013
I think I'm finally getting the hang of this whole blog thing and HTML! Woo!
<body>
<canvas id="myCanvas" width="600" height="600"></canvas>
<script>
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
//BACKGROUND
context.beginPath();
context.rect(0, 0, 600, 600);
var grd = context.createLinearGradient(600, 150, canvas.width, canvas.height);
//blue
grd.addColorStop(0, "rgb(30, 200, 300)");
//blue
grd.addColorStop(1, "rgb(75, 115, 275)");
context.fillStyle = grd;
context.fill();
//MID BUBBLE
var centerX = canvas.width / 4;
var centerY = canvas.height / 3;
var radius = 35;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "rgba(22,222,195,.8)";
context.fill();
context.lineWidth = 3;
context.strokeStyle = "rgba(12,138,121,.8)";
context.stroke();
//FISH
var centerX = canvas.width / 2;
var centerY = canvas.height / 2;
var radius = 84;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "rgb(239,151,11)";
context.fill();
context.lineWidth = 3;
context.strokeStyle = "orange";
context.stroke();
//BOTTOM LIP
var centerX = canvas.width / 3;
var centerY = canvas.height / 2;
var radius = 26;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "rgb(245,94,167)";
context.fill();
context.lineWidth = 3;
context.strokeStyle = "pink";
context.stroke();
//TOP LIP
var centerX = canvas.width / 3;
var centerY = canvas.height / 2.3;
var radius = 26;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "rgb(245,94,167)";
context.fill();
context.lineWidth = 3;
context.strokeStyle = "pink";
context.stroke();
//DORSAL FIN
var centerX = canvas.width / 2.2;
var centerY = canvas.height / 2.8;
var radius = 30;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "rgb(239,151,11)";
context.fill();
context.lineWidth = 3;
context.strokeStyle = "orange";
context.stroke();
//DORSAL FIN
var centerX = canvas.width / 1.9;
var centerY = canvas.height / 2.8;
var radius = 26;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "rgb(239,151,11)";
context.fill();
context.lineWidth = 3;
context.strokeStyle = "orange";
context.stroke();
//DORSAL FIN
var centerX = canvas.width / 1.7;
var centerY = canvas.height / 2.7;
var radius = 22;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "rgb(239,151,11)";
context.fill();
context.lineWidth = 3;
context.strokeStyle = "orange";
context.stroke();
//TAIL FIN CENTER
var centerX = canvas.width / 1.5;
var centerY = canvas.height / 2;
var radius = 32;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "rgb(239,151,11)";
context.fill();
context.lineWidth = 3;
context.strokeStyle = "orange";
context.stroke();
//TAIL FIN TOP
var centerX = canvas.width / 1.4;
var centerY = canvas.height / 2.3;
var radius = 24;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "rgb(239,151,11)";
context.fill();
context.lineWidth = 3;
context.strokeStyle = "orange";
context.stroke();
//TAIL FIN END
var centerX = canvas.width / 1.3;
var centerY = canvas.height / 2.3;
var radius = 16;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "rgb(239,151,11)";
context.fill();
context.lineWidth = 3;
context.strokeStyle = "orange";
context.stroke();
//TAIL FIN BOTTOM
var centerX = canvas.width / 1.4;
var centerY = canvas.height / 1.8;
var radius = 24;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "rgb(239,151,11)";
context.fill();
context.lineWidth = 3;
context.strokeStyle = "orange";
context.stroke();
//TAIL FIN END
var centerX = canvas.width / 1.3;
var centerY = canvas.height / 1.8;
var radius = 16;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "rgb(239,151,11)";
context.fill();
context.lineWidth = 3;
context.strokeStyle = "orange";
context.stroke();
//PECTORAL FIN FIRST
var centerX = canvas.width / 2;
var centerY = canvas.height / 1.5;
var radius = 20;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "rgb(239,151,11)";
context.fill();
context.lineWidth = 3;
context.strokeStyle = "orange";
context.stroke();
//PECTORAL FIN MID
var centerX = canvas.width / 2.2;
var centerY = canvas.height / 1.6;
var radius = 22;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "rgb(239,151,11)";
context.fill();
context.lineWidth = 3;
context.strokeStyle = "orange";
context.stroke();
//PECTORAL FIN LAST
var centerX = canvas.width / 1.8;
var centerY = canvas.height / 1.5;
var radius = 14;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "rgb(239,151,11)";
context.fill();
context.lineWidth = 3;
context.strokeStyle = "orange";
context.stroke();
//EYEBALL
var centerX = canvas.width / 2.5;
var centerY = canvas.height / 2.1579;
var radius = 26;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "black";
context.fill();
context.lineWidth = 8;
context.strokeStyle = "white";
context.stroke();
//TOP BUBBLE
var centerX = canvas.width / 2;
var centerY = canvas.height / 7;
var radius = 27;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "rgba(22,222,195,.8)";
context.fill();
context.lineWidth = 3;
context.strokeStyle = "rgba(12,138,121,.8)";
context.stroke();
//MID BUBBLE
var centerX = canvas.width / 3;
var centerY = canvas.height / 7;
var radius = 15;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "rgba(22,222,195,.8)";
context.fill();
context.lineWidth = 3;
context.strokeStyle = "rgba(12,138,121,.8)";
context.stroke();
</script>
</body>
Monday, September 2, 2013
I am a senior at the University of Tampa and I plan on graduating this
May, fingers crossed that all goes well. I'm on the swim team here at
the university and I've been competitively swimming since the age of 5.
The first few days of class will probably be the only times you will
ever see my hair dry.
Digital Arts 210 seems like all the technical things I never thought I would ever learn about computers. I'm not to confident in my computer abilities so I'm pretty excited to work on them. I do however believe myself to be rather creative so I'm very excited to be using my creative side in a new way with technology. Also I believe that the skills I will be learning in class will create a strong foundation in my future career, whatever that may be.
Digital Arts 210 seems like all the technical things I never thought I would ever learn about computers. I'm not to confident in my computer abilities so I'm pretty excited to work on them. I do however believe myself to be rather creative so I'm very excited to be using my creative side in a new way with technology. Also I believe that the skills I will be learning in class will create a strong foundation in my future career, whatever that may be.
Subscribe to:
Posts (Atom)