Jonathan Taylor's Blog ART 210 : September 2012

Wednesday, September 26, 2012

LOGOS

"PAST BEFORE PRESENT" 1961 Lincoln, with the company name under the hood.

"COOKS FOR YOU" the two o's are sunny side eggs, and the y is a fork and a knife.

"Never Gone Golf" it is a gps logo with the world inside of it, and there is a mini golf ball in the center.

"Home made muscle" It is a house coming out of a trainers muscle.

"Smart Spenders" it is a large money symbol with the words smart, and spenders on the top and bottom of the $ sign.

Monday, September 24, 2012

Company Ideas:

1. "Smart Spenders"
This company tells people how to properly spend their money, there will be a website that you can go on, type in the amount of money that they are willing to spend, and then it will advise them on what to buy after filling out certain criterion.

2."Home-made Muscle". This company is a fitness company that is about personal home fitness. The trainers come to your home and get you in great shape.

3. "Never gone". This company is a golf ball company that sells a golf ball with a gps tracker in it, and it connects to your cell phone. This way you will never lose your golf ball.

4. "Cooks for you". This company is a personal food company that sends a chef to your house that will prepare a home cooked meal for you. It is like a catering company but on a more personal level. And it will only cost you the price of going out to dinner.

5. "Past before Present". This company is a classic car customizing shop. It is like no other because if it was built after 1985 it cannot enter. The goal of the shop is to take the old classics and make them look like the day they came off the line, with some modern day horsepower.

Tuesday, September 18, 2012

BDA project #1

Here is my project, I created this in text wrangler but I initially drew it out on a sheet of graph paper. Yes it looks like a 4 year old drew it but I am not much of an artist. Below is a picture of my sketch and you will see what I am talking about.

Below is the HTML5 code -

<!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.rect(0, 0, 800, 600);
   context.fillStyle = 'blue';
context.fill();
context.stroke();


context.beginPath();
        context.moveTo(600, 400);
      context.bezierCurveTo(408, 600, 415, 400, 420, 500);
      context.fillStyle = 'grey';
context.fill();
        context.lineWidth = 10;

           context.closePath();
        context.lineWidth = 5;
        context.strokeStyle = 'black';
        context.stroke();

context.beginPath();
context.rect(100, 100, 100, 500);
context.fillStyle = 'grey';
context.fill();
context.stroke();

context.beginPath();
context.rect(300, 250, 200,350 );
context.fillStyle = 'grey';
context.fill();
context.stroke();

context.beginPath();
context.arc(700, 85, 75, 200 , 200 * Math.PI, false);
context.fillStyle = 'yellow';
context.fill();
context.stroke();

context.beginPath();
        context.moveTo(720, 105);
        context.quadraticCurveTo(700, 115, 670, 100);
        context.lineWidth = 4;
        context.stroke();

context.beginPath();
context.arc(720, 65, 10, 10 ,10 * Math.PI, false);
context.fillStyle = 'black';
context.fill();
context.stroke();

context.beginPath();
context.arc(685, 65, 10, 10 , 10 * Math.PI, false);
context.fillStyle = 'black';
context.fill();
context.stroke();

context.beginPath();
context.rect(550, 550, 10, 100);
context.fillStyle = 'brown';
context.fill();
context.stroke();

context.beginPath();
context.rect(570, 550, 10, 100);
context.fillStyle = 'brown';
context.fill();
context.stroke();

context.beginPath();
context.rect(590, 550, 10, 100);
context.fillStyle = 'brown';
context.fill();
context.stroke();

context.beginPath();
context.arc(555, 555, 15, 10 , 10 * Math.PI, false);
context.fillStyle = 'green';
context.fill();
context.stroke();

context.beginPath();
context.arc(575, 555, 15, 10 , 10 * Math.PI, false);
context.fillStyle = 'green';
context.fill();
context.stroke();

context.beginPath();
context.arc(595, 555, 15, 10 , 10 * Math.PI, false);
context.fillStyle = 'green';
context.fill();
context.stroke();

context.beginPath();
context.moveTo(170, 80);
context.bezierCurveTo(130, 100, 130, 150, 230, 150);
context.bezierCurveTo(250, 180, 320, 180, 340, 150);
context.bezierCurveTo(420, 150, 420, 120, 390, 100);
context.bezierCurveTo(430, 40, 370, 30, 340, 50);
context.bezierCurveTo(320, 5, 250, 20, 250, 50);
context.bezierCurveTo(200, 5, 150, 20, 170, 80);
context.fillStyle = 'black';
context.fill();

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

};

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

Monday, September 17, 2012

Mindless Art

Here is some art that I made in BDA today, I don't know what it is but it looks pretty cool

About Me

I am 18 years old and I am from Palm Beach Gardens, Florida. I attend the University of Tampa and I am a Business Entrepreneurship and Communication double major. I really love it here at Tampa and I look forward to taking advantage of all its amenities. I like to cook and workout which contradict each other so when I work out I eat more and when I eat more I work out more. It is a vicious cycle. So that is a little bit about me.

Wednesday, September 12, 2012

HEART HTML5 CODE

THIS IS MY CODE FOR THE 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.rect(0, 0, canvas.width, canvas.height);
context.stroke();
var grd = context.createLinearGradient(0, 300, 800, 300);
grd.addColorStop(0, 'rgb(200,200,250)');
grd.addColorStop(.5, 'rgb(100,100,255)');
context.fillStyle = grd;
context.fill();
context.stroke();

context.beginPath();
context.moveTo(400,200);
context.bezierCurveTo(300, 0, 160, 220, 275, 315);
context.quadraticCurveTo(350, 375, 400, 500);
context.quadraticCurveTo(435, 375, 525, 315);
context.bezierCurveTo(650, 200, 520, 0, 400, 200);
context.lineCap = 'round'
context.lineWidth = 14;
context.fillStyle = 'red';
context.fill();
context.stroke();

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

};

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

HEART PROJECT

This is a heart I made in my Beginning Digital Arts 210 class, it took a lot of work, and a lot of trial and error, so appreciate its corny beauty.