10 Hours of Coding-Intro to JS: Drawing and Animation-Part 9

In this hour I completed the "Interactive  Programs" lesson. I completed the "Mouse Movement Mania" challenge. I didn't learn any new code but used the knowledge from  previous challenges to complete this one as well. In the next hour I will be moving on to "Text and Strings."

10 Hours of Coding-Intro to JS: Drawing and Animation-Part 8

In this hour I started the "Interactive  Programs." I completed the first challenge which was "Tasty Tomato." I learned how to make the mouse interactive with code. The code I learned was "mouse x" and  "mouse y." I used these to have the shape move to the same location of the mouse. In the next hour I will be finishing this lesson and  will do "Mouse Movement Mania" challenge.

10 Hours of Coding-Intro to JS: Drawing and Animation-Part 7

In this hour I finished the lesson "Animation Basics". I used my skills the from the last days to complete the "Shooting Star" In the next hour I will be starting the lesson "Interactive Programs". project.The first challenge in this lesson is "Tasty Tomato."

10 Hours of Coding-Intro to JS: Drawing and Animation-Part 6

In this hour I started the lesson "Animation Basics".I completed two challenges. One was the "Exploding Sun" and the other  was "Parting Clouds. I learned how to animate code using "draw = function() {};. To make an animation you use this code. Anything you put between the code will repeat, therefore becoming an animation. Then  to make the size get larger or for the object to move I used X-=;. You put a number after the "=" and it makes it that much bigger every time. In the next hour I will be finishing the "Animation Basics" lesson.
Parting Clouds Animation	Parting Clouds extra code
Exploding Sun Animation

10 Hours of Coding-Intro to JS: Drawing and Animation-Part 5

In this hour I completed the lesson of "Variables." I finished  the Funky Frog challenge. I learned how to use the "var" code in more depth but this time  it was for changing the position and not the size. It can be used  for the values of x and y as seen in the code below. I used this for  the frog so I could move the whole thing at once instead of having to move each part of the frog. In the next hour I will be starting the "Animation Basics" lesson.

10 Hours of Coding-Intro to JS: Drawing and Animation-Part 4

Today I started the lesson of "Variables." I finished  the Bucktooth Bunny challenge. I learned how to use the "var" code. This makes it easier to change the size of certain shapes with one command. I used it to change the eye sizes  and the teeth sizes. For the eye size I used "var eyeSize" then "eyeSize = 40" For the teeth I did "var toothSize" and "toothSize = 60". In the next hour I will be finishing the "Variables" lesson. The  last challenge in this lesson is "Funky Frog."

10 Hours of Coding-Intro to JS: Drawing and Animation-Part 3

Today I completed the lesson of"Colouring." I didn't learn any new code but perfected the ones I learned in the previous lesson. I used my skills from the previous lesson which were  how to use the "fill" which is used to add colour  to the different shapes, how to use "strokeWeight"  to adjust the thickness of the shape. Also I used "background" which  adds a rectangle that covers the whole box. In the next hour I will be working on the "Variables" lesson. The  first challenge in this lesson is "Bucktooth Bunny"