Harrison West Art 210 Blog: September 2014

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

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

var x = 85;
var y = 300;
var width = canvas.width;
var height = canvas.height;

var tx1 = 700;
var ty1 = 300;
var tx2 = 400;
var ty2 = 050;
var tx3 = 100;
var ty3 = 300;

var tx11 = 300
var ty11 = 400
var tx22 = 100
var ty22 = 500
var tx33 = 200
var ty33 = 350

var centerX = 400;
var centerY = 175;
var radius = 50;

var startX = 400;
var startY = 200;
var startRadius = 50;
var endX = 400;
var endY = 300;
var endRadius = 200;

var x1 = 400;
var y1 = 450;
var width = canvas.width;
var height = canvas.height;

context.beginPath();
context.rect(x, y, width, height);
context.lineWidth = 20;
context.fillStyle = 'rgb(80, 0, 0)';
context.fill();
context.strokeStyle = 'rgb(250, 0, 0)';
context.stroke();

context.beginPath();
context.moveTo(tx1, ty1);
context.lineTo(tx2, ty2);
context.lineTo(tx3, ty3);
context.lineTo(tx1, ty1);
context.closePath();
context.stroke();

context.beginPath();
context.moveTo(tx11, ty11);
context.lineTo(tx22, ty22);
context.lineTo(tx33, ty33);
context.lineTo(tx11, ty11);
context.closePath();
context.stroke();

context.beginPath();
context.rect(x, y, width, height);
context.lineWidth = 20;
context.fillStyle = 'rgb(170, 50, 80)';
context.fill();
context.strokeStyle = 'rgb(0, 0, 250)';
context.stroke();

context.beginPath();
context.arc(centerX, centerY, radius, 0, 2*Math.PI, false);
var grd = context.createRadialGradient(startX, startY, startRadius, endX, endY, endRadius);
grd.addColorStop(0, 'rgb(100, 200, 200)');
grd.addColorStop(1, 'rgb(200, 100, 100)');
context.fillStyle = grd;
context.fill();
context.stroke();

context.beginPath();
context.rect(x1, y1, width, height);
context.lineWidth = 20;
context.fillStyle = 'rgb(80, 0, 0)';
context.fill();
context.strokeStyle = 'rgb(250, 0, 0)';
context.stroke();

context.beginPath();
context.rect(150, 450, 100, 400);
context.fillStyle = 'green';
context.fill();
context.lineWidth = 7;
context.strokeStyle = 'black';
context.stroke();

context.beginPath();
context.rect(100, 325, 100, 50);
context.fillStyle = 'brown';
context.fill();
context.lineWidth = 7;
context.strokeStyle = 'black';
context.stroke();

context.beginPath();
      context.rect(225, 325, 100, 50);
      context.fillStyle = 'orange';
      context.fill();
      context.lineWidth = 7;
      context.strokeStyle = 'black';
      context.stroke();

      context.beginPath();
      context.rect(370, 325, 100, 50);
      context.fillStyle = 'blue';
      context.fill();
      context.lineWidth = 7;
      context.strokeStyle = 'black';
      context.stroke();

context.beginPath();
      context.rect(500, 325, 100, 50);
      context.fillStyle = 'red';
      context.fill();
      context.lineWidth = 7;
      context.strokeStyle = 'black';
      context.stroke();

     context.beginPath();
      context.rect(650, 325, 100, 50);
      context.fillStyle = 'silver';
      context.fill();
      context.lineWidth = 7;
      context.strokeStyle = 'black';
      context.stroke();

context.beginPath();
      context.moveTo(500, 200);
      context.quadraticCurveTo(600, 50, 475, 175);
      context.lineWidth = 10;

      // line color
      context.strokeStyle = 'blue';
      context.stroke();

      context.beginPath();
      context.moveTo(188, 130);
      context.bezierCurveTo(100, 100, 00, 100, 200, 200);
      context.lineWidth = 10;

      // line color
      context.strokeStyle = 'brown';
      context.stroke();


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

};

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

Harrison West Art 210 Blog

Monday, September 29, 2014

Tampa Tycoons Sports Agency Logo

Wednesday, September 17, 2014

Logo Sketches (Tycoons Tampa Sports Agency)

Monday, September 15, 2014

Logo Ideas

House Project 1