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 have to input these commands everytime I wanted the giph to do something. Now we get on to what I worked on today.
    I worked on assigning the arrow keys to one of these functions. Essentially what I wrote in the code, was when the top arrow key was pressed, walkNorth(). I did this with all of the other variables as well. This made it much easier to move this giph around. A simple thing that was done in this process was finding out the keycode of a certain keyboard key. For example, the keycode for the up arrow key is "38." I would then make an if statement that would say, if this keycode is pressed, walkNorth(). This was all very interesting. Soon it was time to go back to school. I am very excited to go next week.

Comments

Post a Comment

Popular posts from this blog

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

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

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 spri...
Read more