Journal

For today’s class I worked on the background of my website. I was able to create my plan for how to access the specific parts of my website, and began to incorporate it into my design. I used some of the buildings that already existed in the image and some new ones in order to make the “About Me,” “Journal,” and “Projects” sections. I wasn’t able to fully center one of my buildings and bring them lower, but it mostly seemed to be ok.

For today’s class, I had to redo most of my website that hadn't been saved. I had to redo all of the buildings and commands that opened the new sites. I tried a bunch of different techniques and codes to access the different parts of the site, and I was able to do it. I worked more on the main website background, but I also spent some time on my journal section. I wanted to add a few more specific details in my journal section, but I need to work on it more in order to make it better, and not just a blank screen. I’m looking forward to incorporating my journal entries and start to work on my other project sections.

In today's class, we worked on animations and allowing objects to move across the screen. I thought it was really cool to be able to have this movement with the repetion, and I decided to work with a few other people in my class to create a Rube Goldberg machine inspired animation. We were planning on lining up our computers and having a marble pass through all 3, timed such that as the marble leaves one screen it goes onto the next. Then, we tried to incorporate a slide that the marble could roll down. We also hoped to add dominos, but it took a long time to animate the ball rolling, so we decided to just have the ball roll down the slide, and then slowly move back up to the same height it was at earlier so it could go to the other person's screen. I also worked on my own animation. I created tennis balls that would bounce back and forth across the court between two different rackets. This was pretty fun as I animated the ball arching up and down to go over the tennis net. I also continued to work on the gift I had planned for my brother.

In today's class, we worked on creating variables with javascript such that objects could appear on the screen without a click or a hover feature. It took a while to get the hang of, but I decided to add some clouds and potentially cars to the homepage of my website so that I could add more details to it. Although, I might later decide to make that click based. I also nearly finished the project for my brother's birthday.

A variable and function are part of java script that allow divs to do things in the code. By instructing the function to get a div and do an action, we can make the function work and actually do something. We have learned about functions, elements, clients, variables, and many other things. I used this function to create a plane that moved around on the screen on a map.

I added a plane with an event listener that allowed it to move slowly to the place where clicked. I added many more cities, and began planning out information for each one. I also tried to make sure that the plane could rotate futher.

I had to choose where I would have this tracker, and given the amount of information, chose to only do NYC. I created a spreadsheet and began collecting data. I recorded the daily number of cases on the first day of each month. I recorded data for each of these boroughs.

Today I finished my data representation project which is a covid tracker based on daily cases in all 5 boroughs of New York City over the entirety of the COVID 19 pandemic. I used transform scale animations to make the circles larger and smaller to represent an increase or decrease in cases, set an event listener to start the function, and also added an image of a covid virus that moved down coinciding with the month to represent the year and month where the increases and decreases in cases occured.