Tuesday, October 22, 2013

Thoughts

I've seen Irina Wernin's work before and I absolutely love the idea. She finds photographs of children and she reproduces them when the child is grown. She keeps the elements of the photograph so the only thing that has changed is the subject, the background and other elements are all the same as before. I'm really excited for the next project, taking a picture of myself as a child and a newer photograph and editing them into a video where the one photograph morphs into the new. I just wish I was able to replicate the photograph identically like Wernin did in her project. 

Wednesday, September 11, 2013

Gradient Canvas HTML

Wednesday, September 4, 2013

Now I think I've got it

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.