CSCI351: Internet Programming

Assignment 5.    Due: Apr 1, 2026

Please submit your work to Canvas before 11:59pm of the day above.

Use only JavaScript animation.

1. (25 points)   Redesign the snowfall script to add the following functionality:
   • The script should start with a random number of snowflakes in the range 2..10.
   • Add two buttons "More snow" and "Less snow". Clicking on one of them with the mouse should add 5 more snowflakes, clicking on the other should remove 5 snowflakes. Make sure not to go below 2 snowflakes on the screen.
   • Add a button to implement the "wind effect". That is, after clicking on this button the snowflakes should fall down around a line with a finite slope rather that around a vertical line as it is originally implemented.

   Get the snowflake image here:

   Name the source file hw5_1.html

2. (25 points)   Modify the neon lights script to achieve the following effect: the characters of the string appear in a random order until the entire string will be displayed. After that they should dissappear in a random order until the string will be completely erased. These two processes should alternate over and over.

   Name the source file hw5_2.html

3. (25 points)   Modify the animated font script to implement the following effect: each word of the string has to be displayed in increasing font until it reaches the maximum size (as it is now) and then the font size of the current word should decrease back to its initial value. These two processes should alternate over and over.

   Name the source file hw5_3.html

4. (25 points)   Modify the mouse position script to achieve the following functionality: clicking a mouse button should fix a point in the browser's window and put a red dot there. The title bar of the browser should display the "Manhattan distance" between the current mouse position and the fixed point. The Manhattan distance d between points (x,y) and (x',y') is computed according to the following formula: d = |x - x'| + |y - y'|, where |x - x'| is the absolute value of the difference.

   Name the source file hw5_4.html

Make sure that all necessary images and other files are posted on the server.
For this check how your Web page works from the server.