Java程序辅导

CS 105 Introduction to Computer Programming 
using JavaScript  
 
-1 of 1- 
Lab 2: Shape Animation 
 
On the class website, there are 5 example line animation programs listed at the end of week 2 
which were demoed and explained in class. Run them and make sure you understand them. Ask 
for help if you cannot understand them.  
Your task is to make your own animation program. Start with the drawing you created for lab 1 
or create a new drawing. Then, make some of the shapes move and change color in a way that 
looks cool. You may use any of the code given on the website, but you must modify it so that 
what you create looks very different from what I gave you.  
 
Grading Rubric [20 points total]: 
[Turn in: 2 points]: Your .html file is correctly attached in Blackboard learn 
under lab 2 with the correct file name: 
Animation_yourFirstName.yourLastName.html 
[Too Much Like the Given:  -20 points]: Turn in one of the example programs 
with only minor edits if you want a 0 for the lab.  
[Lots of Shapes: 4 points]: When your file is opened in the Chrome browser, 
with p5.js in the same directory, your program draws at least 200 different 
shapes (lines and/or rectangles and/or ovals) per second.   
[Lots of Colors: 4 points]: Whatever shapes your program draws after no more 
than a minute includes at least 200 different colors.  
[Animation: 5 points]: As your program runs, something is always changing at 60 
frames per second when run on an Intel Celeron N3060 processor or better 
(this processor is typically found in $200 to $300 laptops). 
[Niceness: 5 points]: The overall effect you create is pleasing to watch. Do the 
patterns you draw look cool? Do the colors look nice together? If you are 
colorblind, then stick to shades of gray (red, blue and green each having 
equal values – there are 256 different shades of gray in JavaScript) or ask 
someone who is not colorblind to tell you if your colors are horrid and painful 
to look upon.  NOTE: you only qualify for getting these points if you get all 
points in “Lots of Shapes”, “Lots of Colors” and “Animation”.  
[Extra Credit Super Awesomeness: up to +10]: When you show your friends and 
family what you created, they all say something to the effect of “that is 
awesome”! Let me know about it, demo it in class and get some extra points.