Monday, September 24, 2012

Logos Project Part 1

1. The first logo I thought of would be a for the product of "Party in a box". You simply buy this product and you get a medium sized box with a bow wrapped around it. Then where ever you choose to open it, you untie the bow and an explosion of confetti, balloons, streamers, candy, and music erupts from the box creating an instant party where ever you are. The logo would have the box in the middle and streamers and confetti and such all around.

2. Next would be for a music downloading company that you can find any song you would like and download it from your computer to your itunes and it syncs directly to your iphone without having to have it connected. In the logo it would have a iPhone and somehow music shooting into or out of it with bright colors.

3. Another would be for color changing contacts and the logo would be an eye but the cornea would be a mixture of colors and the rest of the eye would be all black and white.

4. The fourth would be for a company that builds heated pool decks for outdoor pools in Florida in the winter. The tiles would be slightly heated so that you could tan and sunbath in the winter without being cold. The logo would show someone by the pool and snow flakes around them.

5. The last logo would be for hookah delivery company where you can call their number and they will come out and set up a hookah where you order it to and provide you with enough shesha and coals for however long you rent it for. The logo would be a black outline of the caterpillar smoking a hookah from Alice in Wonderland.

Tuesday, September 18, 2012

Landscape!




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

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

//rec
context.beginPath();
context.rect(0, 0, 800, 600);
var grd = context.createLinearGradient(0, 0, 800, 600);
grd.addColorStop(0, 'rgb(245,250,220)');
grd.addColorStop(1, 'rgb(50,50,50)');
context.fillStyle = grd;
context.fill();  
context.stroke();



//buildings

context.beginPath();
context.rect(100, 600, 100, 200);
context.rect(100, 200, 100, 500);
context.rect(400, 200, 100, 500)
context.rect(100, 200, 270, 500);
context.rect(200, 400, 600, 200);
context.rect(100, 10, 20, 30);
context.rect(100, 200, 100, 200);
context.rect(100, 100, 200, 100);
context.rect(100, 40, 50, 60);
context.fillStyle = 'black';
  context.fill();
 context.stroke();


//McDonalds
context.beginPath();
context.moveTo(500, 400);
context.quadraticCurveTo(550, 300, 550,400);
context.lineWidth = 10;
context.moveTo(600, 395);
context.quadraticCurveTo(600, 300, 550,400);
context.lineWidth = 5;
context.stroke();
context.strokeStyle = 'yellow';
context.stroke();
 //windows


 context.beginPath();
context.rect(200, 110, 30, 30);
context.rect(200, 150, 30, 30);
context.rect(250, 150, 30, 30);
context.rect(200, 550, 80, 50);
context.rect(300, 300, 30, 30)
context.rect(410, 300, 30, 30)
context.rect(420, 300, 30, 30)
context.rect(450, 400, 30, 30)
context.rect(460, 400, 30, 30)
context.rect(250, 110, 30, 30);
context.rect(150, 110, 30, 30);
context.rect(150, 150, 30, 30);
context.rect(580, 550, 80, 50);
context.fillStyle = 'yellow';
  context.fill();
context.lineWidth = 3;
context.strokeStyle = 'black';
 context.stroke();

//sky
context.beginPath();
context.arc(750, 100, 45, 0 , 2 * Math.PI, false);
var grd = context.createLinearGradient(0, 0, 750, 100);
grd.addColorStop(0, 'rgb(0,255,255)');
grd.addColorStop(1, 'rgb(245,250,220)');      
context.fillStyle = grd;
context.fill();
context.stroke();


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

};

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

Tuesday, September 11, 2012

The Heart!


Code for heart



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

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





context.beginPath();
  context.moveTo(200, 200);
  context.lineTo(400,500);
   context.lineTo(600,200);
   context.quadraticCurveTo(500, 10, 400, 200);
     context.quadraticCurveTo(300, 10, 200, 200);
     context.lineWidth = 10;
      context.fillStyle = 'pink';
  context.fill();
  context.stroke();











     


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

};

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