Skip to main content

ASCII





For my HTML project, I decided to create the Tampa Bay Lightning Logo. This assignment took a deal of patience and trial and error. It was a very tedious process, but I am very satisfied with my final product. The curves were the most difficult aspect of my project. I played with the gradient background for a while. In the end, I decided to use the two different shades of blue to create a faded look. I made the logo white so that it would pop out because it contrasts with the background.

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

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

context.rect(0, 0, 800, 600);
var grd = context.createLinearGradient(200, 200, 200, 800, 800, 800);
grd.addColorStop(0, "#1E2A5C");
grd.addColorStop(1, "blue");
context.fillStyle = grd;
context.fill();


context.beginPath();
context.moveTo(675,25);
context.lineTo(456,81);
context.lineTo(297,251);
context.lineTo(388,238);
context.lineTo(212,397);
context.lineTo(281,388);
context.lineTo(130,570);
context.lineTo(465,325);
context.lineTo(378,339);
context.lineTo(580,160);
context.lineTo(490,176);
context.lineTo(675,25);
context.fillStyle="white";
context.fill();

context.beginPath();
context.moveTo(456,81);
context.quadraticCurveTo(318,75,217,138);
context.quadraticCurveTo(105,222,110,318);
context.quadraticCurveTo(113,424,204,491);
context.lineTo(230,450);
context.quadraticCurveTo(110,375,150,250);
context.quadraticCurveTo(210,105,439,102);
context.lineTo(456,81);
context.fillStyle="white";
context.fill();

context.beginPath();
context.moveTo(575,135);
context.lineTo(600,114);
context.quadraticCurveTo(749,200,690,335);
context.quadraticCurveTo(638,452,490,498);
context.quadraticCurveTo(370,526,263,498);
context.lineTo(313,460);
context.quadraticCurveTo(500,470,600,370);
context.quadraticCurveTo(730,236,575,136);
context.fillStyle="white";
context.fill();


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

};

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

Comments

Post a Comment

Popular posts from this blog

About Me

Hello! My name is Anthony Kershner and I am from Buffalo, New York.  I am a sophomore at The University of Tampa and I am studying Communication and Public Relations. I am a hardworking individual who enjoys learning new things. Some of my favorite things to do include: going to the beach, taking long walks, exercising, and reading books. I have read each book in the Harry Potter series at least three times. My favorite sport is swimming. I lifeguard at a country club over the summer, which I thoroughly enjoy because I love working with children and being outdoors. I am excited to take Beginning Digital Arts because I don't have any experience working with programs such as Photoshop or Illustrator. I hope to understand more about how to navigate these programs. I also enjoy thinking creatively and hope to express that in the projects and work that I complete in this course.
Post a Comment
Read more

Ideas for a Fictional Company

1.)       Pizza Mind- This would be the name for a pizzeria. This company would be a restaurant and would sell freshly made pizza. If I was marketing this company, I would have photo of a brain and have the brain be made of pizza. I would also have a slice of the pizza being taken from the top portion of the brain and have the cheese dripping. 2.)       Aquaholic- A company that sells yachts. Some people like to buy boats as a sign of status. I would want to have the logo emphasize the luxuriousness of the boats that this company sells. I would want the font to also convey this elegance. 3.)       Another fictional idea could be an educational app that teaches people about astronomy. This app could teach young children about space, the planets, and stars. Astronomy is not taught very often and many children have an interest in space. 4.)       Another fictional idea could be a mixo...
Post a Comment
Read more

Facebook Makes Efforts to Improve Ad Transparency

Have you ever wondered why certain advertisements are displayed on your Facebook News Feed? Recently, Facebook has been striving to alter the way advertisers control their custom audience lists. A custom audience list refers to the contact records advertisers transfer to Facebook to target advertisements. These uploaded lists include: phone numbers, email addresses, and other data which use algorithms to cross reference information against profiles. The goal of this action is for Facebook to provide more transparency to their users and explain why specific ads appear on their News Feed. Starting on July 2 nd , advertisers will have to specifically identify the source of an audience’s information at the time they utilize a custom audience list. When uploading these lists, advertisers will be required to state whether the information was gathered directly from customers, directly from agencies, or from a combination of both customers and data providers or agencies. In addition to...
Post a Comment
Read more