The purpose of this assignment is for you to create an Alice program using both design (story board) and implementation.

You may talk to other students in the course about your design and for ideas, but you are to write the complete Alice programs by yourself. You may receive help from the Professor, UTA's or TA.

Story and your Task

You are to create a storyboard and an Alice program for a story that you create that includes the magnet story below as a part of your story. You have certain requirements you need to meet listed below. After completing your storyboard and Alice program, you need to create an html page that describes your complete story with a paragraph, a picture of your storyboard and at least two pictures of your Alice program. INSTEAD OF TWO PICTURES you can include an embedded video of your program as described here.

Requirements of the program

1. Create your own story and include this magnet story as part of your story. This part could be the beginning, middle or end of your story.
   
   Magnet Story: A person is holding a magnet and facing front. There is a gopher hole in front of them, and three small metalic objects and one large metalic object scattered in a circle around the person. For each small object, the person turns and faces the object, raises their arm to point the magnet at the object, and the object moves to the magnet. Then the person turns (with the object stuck to the magnet) to face the hole, drops the object into the hole, and the object disappears. (Imagine there is a large magnet in the gopher hole that can pull objects off of the magnet the person is holding when the object is over the hole). After the small objects are all gone, the person faces the large object and points the magnet at it, and the person, screaming (YIKES!!! or something like that), is slowly pulled to the large object.

   Here is a sample showing the teen attracting the lantern to the magnet, turning with the lantern, and dropping it in the gopher hole.

2. You should create at least 4 useful procedures. Each one must be used at least twice.
3. Three of your procedures must have at least one parameter. You should call each of these procedures at least twice with different arguments.

4. In addition to the camera starting view, you must create a top view that looks down on objects and at least 2 other camera views. Each camera view must be used at least once in the animation.

5. You must use each of these at least once:
   • vehicle property
   • opacity property
   • turn with as seen by
   • built-in function
   • math

Part 1: Draw a storyboard

Note: It is ok if you change your story slightly after developing the code. When you describe your Alice program on a webpage, you can make a note the scenes in your storyboard that don't match exactly.

You will need to either take a picture of your storyboard, or convert it to .pdf so you can put it on your webpage for this assignment.

Part 2: Build an Alice program

NOTE: PUT IN THE CAMERA VIEWS LAST. Build your story first and then add in the other camera views. Note it is listed as the last step.

STEPS

1. Name your program in the format: NETID-asg3-magnet.a3p where netid is your Duke Netid. (Note that Alice programs automatically have the .a3p extension to indicate they are an Alice 3 program.) For example, if your netid is abc2, then name your program abc2-asg3-magnet.a3p. Don't put blanks in the name!
2. Add in Objects
   • Objects for the magnet story: Add into the program a person (from the biped folder), a magnet (use the banana, paint it black), three small "magnetic" objects of your choice, one large magnetic object of your choice such as a car or large vehicle, and a gopherHole.
   • Add in additional objects for your part of the story.
3. Setup:
   • For the magnet story part, have the person face front, place the magnet in your person's hand (use side view and front view to help with that), place the other objects in a circle around the person, and put the gopher hole in front of and close to the person.
   • Setup your part of the story.
4. Write the code for the complete story.
5. Be sure to ALWAYS comment your code including a comment in your program with your name and date, and comments for sections of your code.
6. Finally add in the camera views and then add them to your code. Strongly recommend that you use invisible objects as camera markers, instead of the camera markers in Alice as they freeze the screen sometimes.

Part 3: Create a Web page

Create an index.html page using Glitch that has a picture of your storyboard (or scan it as a .pdf), at least two pictures of the program running (OR an embedded Video, see link above) and a paragraph description of what happens in the program.

SUBMISSION

1. Submit your Alice program using websubmit which is on the assignment page on the CompSci 94 webpage

2. Fill out the REFLECT form also on the assignment page. Note that in the REFLECT Form you will need to include a link to your web page that describes your Alice program with a paragraph description, two pictures (or embedded video), and has a picture of your storyboard.