First day of my Internship - New Semester

-
Today is my first day back at my computer science internship at the Flatiron School. When we got there, our instructor (Joshua Miles) showed us what we were going to be working on this semester. The plan is to work on a videogame that is interactive with the user. Also, one is going to be able to save their progress and sign into the game when they want to play. First off, I did a little bit of review of what I worked on last semester. The first thing I worked on was just putting text on the canvas. One can do this by having an HTML tag called </h1><h1>. This is saying to have some text at the top of the canvas in large letters as it is the header. Some other tags include </h2><h2>, </h3><h3>, and more. The highest number this tag goes up to is </h6><h6>. After this, I went onto implementing a little sprite into the canvas. I was able to assign where this sprite was on the canvas and how large it was. On top of adding this little sprite, I was able to append a video of me surfing. A problem that I ran into with the video was trying to autoplay it. It turns out that google chrome won't autoplay a video unless it is muted. I edited the code to make the video muted, which worked perfectly. After this, I learned how to make the sprite disappear when I would click it with my mouse. One needs to add an event listener that essentially listens for a click to remove this sprite from the canvas. Once I finished with this, it was time to head back to the school.

Comments

Post a Comment

Popular posts from this blog

Doing a Little Review

-
     Today, I worked on making a gif move. The work I am doing is a little review from last semester. If y'all can't remember, last semester I worked on making a little character move north, south, east, and west. I enjoyed working on my gif move all of these directions. Although, Instead of a little human character, this time we are using Link (A character from the Legend of Zelda).      First I started with a setInterval function. This function held the if statement, that if the direction is == (== is used to compare and not to assign something) to 'right', + 1px to the character's.left attribute. The 1px means to add 1px to where Link is located on the canvas. For example, if Link is assigned '200px' to the left attribute, which is otherwise the x-axis; then adding 1px makes it so the '200px' will keep increasing by one. This means the character will start to move to the right. To make Link go left, one just needs to add -1px . If one wan...
Read more

Making Classes

-
    Today I went to my internship and I worked on making classes for my code. A class is essentially for cleaning up your code. It stores a bunch of information in that class which can later be called in the main code.  I started reading about this, and I found some text that seemed very complicated. To my surprise, making a class wasn't as complicated as I thought, although implementing a class into my code is a whole different story.     I made a bunch of classes while I was at my internship. The class I worked on first was for movement. So all of the variables assigned to the keys so that the little guy can walk. There was also a class for the character itself. Another class was made for the bird. The bird in the code posed as an obstacle for my character. When my character came into contact with the bird, he would stop. I also made a class for the crash. This had my huge if statement saying that "if the man (the makeshift square) came into contact...
Read more

Using the Arrow Keys

-
Using the Arrow Keys     Today was the third time being at my internship. Exciting right!! I continued on the same project that I have been working on from last week. Last week I worked on making a little giph walk north, east, south, and west, through the use of some functions. I would essentially call a function that I had already created. For instance, if I called walkNorth(). This is telling the console that I have called this variable, and that the computer is going to find this walkNorth() variable and run what this variable is assigned to do. In this case, I assigned this variable to walk north. How I did that is a little more complicated, so for now, all you need to know is that this giph walks north when the variable walkNorth() is called. I also made different variables called walkEast(), walkSouth(), and walkWest, and assigned them to walk in there specific direction. Calling these variables one by one is kind of inconvenient because I would h...
Read more