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

Collage Environment

For my project, I decided to use lyrics from the the musical Rock around the Block. The lyrics from the song "Nifty Fifties" that I chose was Take me right back to the nifty fifties. Right before I started brainstorming topics for my project, I was talking to my mom on the phone and she was telling me about how my little sister is in that musical at her school. So, since I had that musical on my mind I thought that it would be cool to create a photo of a date scene from the 50s. Dating today is so lame compared to in the 50s. People used to go on fun dates back in the day. There was no texting or Tinder. When I think of a date in the 50s, I think of people swing dancing to upbeat music playing from a jukebox in a diner. I also picture a couple sharing a milkshake. This is how I came up with the image that I created. First, I used the spot healing brush to make the back wall into a completely red wall. Then, I inserted a photograph of a picture frame with the name of a diner. ...
Post a Comment
Read more