Wednesday, March 22, 2017

HTML code for Adidas Logo


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

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

//Lines (logo)

context.beginPath(); //Picking up your pen
context.moveTo(115,400); //Placing your first point
context.lineTo(85,351); //Placing your second point
context.lineTo(205,280);
context.lineTo(270,400);
context.lineTo(115,400);
context.lineWidth=0; //How thick the stroke is
context.fillStyle = "black";
context.fill();
context.lineCap= "square"; //what type of end cap does it have
context.strokeStyle= "black"; //what color the line is
context.stroke(); //Makes line visible. Without it, it'll have a path but wont be able to see

context.beginPath(); //Picking up your pen
context.moveTo(325,400); //Placing your first point
context.lineTo(225,225); //Placing your second point
context.lineTo(348,150);
context.lineTo(475,400);
context.lineTo(325,400);
context.lineWidth=5; //How thick the stroke is
context.fillStyle = "black";
context.fill();
context.lineCap= "square"; //what type of end cap does it have
context.strokeStyle= "black"; //what color the line is
context.stroke(); //Makes line visible. Without it, it'll have a path but wont be able to see

context.beginPath(); //Picking up your pen
context.moveTo(525,400); //Placing your first point
context.lineTo(365,95); //Placing your second point
context.lineTo(479,18);
context.lineTo(680,400);
context.lineTo(525,400);
context.lineWidth=5; //How thick the stroke is
context.fillStyle = "black";
context.fill();
context.lineCap= "square"; //what type of end cap does it have
context.strokeStyle= "black"; //what color the line is
context.stroke(); //Makes line visible. Without it, it'll have a path but wont be able to see

//Circles (Words)
context.beginPath();
context.arc (75, 525, 70, 0, 2*Math.PI, false);
context.lineWidth=10
context.strokeStyle="black";
context.stroke();

context.beginPath();
context.arc (240, 525, 70, 0, 2*Math.PI, false);
context.strokeStyle="black";
context.stroke();

context.beginPath();
context.arc (452, 525, 70, 0, 2*Math.PI, false);
context.strokeStyle="black";
context.stroke();

context.beginPath();
context.arc (620, 525, 70, 0, 2*Math.PI, false);
context.strokeStyle="black";
context.stroke();

//lines (words)
context.beginPath();
context.moveTo(145,590);
context.lineTo(145,455);
context.stroke();

context.beginPath();
context.moveTo(310,590);
context.lineTo(310,410);
context.stroke();

context.beginPath();
context.moveTo(522,590);
context.lineTo(522,410);
context.stroke();

context.beginPath();
context.moveTo(690,590);
context.lineTo(690,455);
context.stroke();

context.beginPath();
context.moveTo(352,590);
context.lineTo(352,455);
context.stroke();

context.beginPath();
context.moveTo(352,427);
context.lineTo(352,437);
context.stroke();

//Curves ("S")
context.beginPath();
context.moveTo(800,475);
context.quadraticCurveTo(755,415, 710,480);
context.lineWidth = 10;
context.strokeStyle = 'black';
context.stroke();

context.beginPath();
context.moveTo(710,480);
context.quadraticCurveTo(705,483, 715,497);
context.lineWidth = 10;
context.strokeStyle = 'black';
context.stroke();

context.beginPath();
context.moveTo(715,497);
context.quadraticCurveTo(708,490, 720,502);
context.lineWidth = 10;
context.strokeStyle = 'black';
context.stroke();

context.beginPath();
context.moveTo(720,502);
context.quadraticCurveTo(710,497, 725,507);
context.lineWidth = 10;
context.strokeStyle = 'black';
context.stroke();



context.beginPath();
context.moveTo(730,510);
context.quadraticCurveTo(765,515, 800,540);
context.lineWidth = 10;
context.strokeStyle = 'black';
context.stroke();

context.beginPath();
context.moveTo(800,540);
context.quadraticCurveTo(765,620, 710,550);
context.lineWidth = 10;
context.strokeStyle = 'black';
context.stroke();




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

};

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

Adidas Logo from HTML




I had a lot of fun working with TextWrangler. I had difficulty making the "s" but I didn't want to take off the words altogether, so I kept the best "s" I could make.




Sunday, January 29, 2017

Logos

  

After comparing the Yankee Candle company and the Pierpoint Candle company I decided that the Yankee Candle company has the stronger logo. The Yankee Candle has great visibility because even if it was small anyone would be able to recognize that it is for the candle company. The durability of this logo is also very strong. This is because they have been around since 1969. The straight lines in the Yankee Candle logo makes it stronger and more bold. The Pierpoint Candle Company logo is not very intriguing. The color of the logo draws the eye to it but the candle in the square is boring.

Monday, January 23, 2017

Company Ideas

1. Safety Candle 
-Can detect activity and knows when to turn off 

2. Travel friendly
-No baggage claim 
-Bags are delivered to hotels, houses, ect. 

3. Alarm Clock 
-Doesn't let you use your phone until you're out of bed 

  4. Maid service for dorm rooms 
-Each room-mate pays an extra $10 a month to get a maid service 

5. Pay a monthly for an app and get free college school books 
-Buy an app to get college text books for free and be able to return them 

Sunday, January 22, 2017

Me, Myself, & I


Hi! My name is Marie Bear and I am a freshman at the University of Tampa. This school offers a year round tan, palm trees, and of course my field of study, Marine Biology! Being far from home I often find myself thinking about my family in Missouri and especially my puppy, Louise. Through out this digital media course I hope to become more familiar with different picture and video editing tools.