Making Obstacles

-
Making Obstacles
Today at my Internship, we worked on our same project. Although, today we implemented this little bird into our code. It seemed very complicated at first, but then I looked at my code and noticed that I was basically doing the same thing with another image that was already put onto the page.

  
  
How I did this was simple. First I was able to drag the image into visual studio. Visual Studio is an app that allows one to run Javascript and HTML files. Then you have to assign where the bird is going to be on the page. Do you want it to be at the very top left? Do you want the bird to be at the bottom? Do you want the bird to be in the middle? I made it so the bird was on the top left-hand side of the screen. I am now trying to make it so that whenever the little guy runs into the bird, the stop function commences. As a review, my stop function essentially stops the little guy on the screen from walking. Instead of me typing stop(), the little guy would stop if he touches the bird. This is definitely going to be a little more complicated. I will save the explanation on how I do this for next week. I thought that this was some really interesting stuff. Soon it was time to go which made me a little sad, but I am excited and ready to go back next week.

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