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 mixology app. This would provide recipes for delicious alcoholic beverages for adults. I think for this
Post a Comment
Read more

The Future of Marketing is Real-Time

The emergence of real-time content as a marketing strategy has gained momentum over the past several years. Facebook, Snapchat, and Instagram are among the most popular social media platforms that have utilized this booming trend. More recently, the ability to live stream via different outlets have boosted engagement for companies across the world. Real-time marketing stems from delivering the appropriate content at the proper and respective time. Furthermore, it is a way in which a company can react or respond to current events and use the situation to their advantage through the production of creative and original material. A prime example of this may be seen through Oreos tweet during the third quarter of Super Bowl XLVII in February of 2013. Following the power outage at the Mercedes-Benz Superdome during the game, Oreo’s social media team immediately posted a tweet with an ad captioned, “Power Out? The ad attached to the tweet featured a picture of an Oreo in a dully lit room
Post a Comment
Read more