Digital Arts: March 2015

Tuesday, March 31, 2015

Self Insertion

Attending concerts and festivals is a hobby of mine! One day I hope to be in this position!
I decided to turn the image black and white. By doing this the colors blended together better giving this project a more real feel. I am overall happy with the way the self insertion turned out!

This is my original photo.

This is a photo I found on Google

The Good Life

I decided to create a magazine for my sorority, Delta Gamma. This magazine would feature events that are recent and upcoming. Inside will include personal stories about each event along with pictures. This magazine would only be offered to sisters and alumni!

Monday, March 30, 2015

HTML

I chose to create a peace sign inside of a triangle for this project. I found this project the most difficult and time consuming!!

Here is the code:

<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

////////////////////////////////////// start below this line ˇˇˇˇˇˇˇˇˇˇ

//circle
var centerX = canvas.width/2
var centerY = canvas.height/2
var radius = 100;

//circle
context.beginPath();
context.arc(centerX, centerY, radius, 0,2*Math.PI,false);
context.lineWidth = 5;
context.stroke();

//peace sign-done
context.beginPath();
context.moveTo(400,200);
context.lineTo(400,400);
context.lineWidth = 5;
context.stroke();
context.closePath();

//line to peace sign right/left side
context.beginPath();
context.moveTo(490,349);
context.lineTo(400,290);
context.lineTo(311,350);
context.lineWidth = 5;
context.stroke();
context.closePath();

//triangle
context.beginPath();
context.moveTo(400, 100);
context.lineTo(620, 420);
context.lineTo(180, 420);
context.lineTo(400, 100);
context.lineWidth = 7;
context.stroke();
context.closePath();

////////////////////////////////////// end above this line ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ

};

</script>
</head>
<body>
<canvas id="myCanvas" width="800" height="600"></canvas>
</body>
</html>