Modify I Can Read! e-course
The goal for Project:
Convert the necessary objects to buttons
The bulleted lists are the modifications you need to perform to the e-course. Below the modification is a list of steps you might follow. Consider these suggestions as long as you achieve the goals for the project.
Convert the three rectangles to button symbols
1. Select the rectangle that serves as the vowels button. Also select all of the shapes, text, and bitmaps that you added to the rectangle.
2. Press F8
3. Select the Button symbol and name it btn_vowels
4. Repeat these steps to convert the other three rectangles to buttons
Design the vowels screen, convert all the necessary objects to buttons and movie clips
Make at least one button to return to the main screen, a movie clip that will contain the learning activity, and buttons for all the letters.
1. Click on frame 20 and add a key frame for all layers
2. Click on the button for the body parts and click the Delete key. This deletes the button from the current frame but not the entire movie. Use the same procedure to delete the video button.
3. In frame 20, design the vowels learning game screen. Use the story board you created in model four to guide the design. This design will have a reusable part that in this case is the big green rectangle and the button to close the screen. Convert the button to a button symbol.
4. Convert the letters to buttons by pressing F8.
Convert all the letters into a movie clip
It will be in this movie clip that you will be adding the information that will be displayed when the user clicks on a specific letter.
1. Select all of the letter buttons and press F8.
2. Select the movie clip and name it mov_buttons
Create the animation of what will happen when the user clicks the letter A
1. Open the mov_buttons movie clip and add as many layers as you need. The very top layer should be the actions layer.
2. Use as many frame as you need to animate what will happen when the user clicks the letter A. Include at least one “fade in” effect.
3. Add a key frame at the end of this animation in the actions layer and add the stop(); command.
4. Repeat the steps listed above for the other letters.
In the main timeline create an actions layer
1. Add a new layer and name it Actions. Drag and drop it so that it becomes the first layer.
2. In frame 20, click F6 to add a key frame. Open the actions panel by pressing F9 and type stop();
3. In the Properties panel name this frame ABC.
In frame 15 design he screen for the body parts. Follow the same process as with the vowels screen.
Delete all the unnecessary objects. Leave only the objects that should be displayed in this frame. Remember if you define a frame as a key frame and you then delete the contents of the frame, you are only deleting the contents from that frame and not from the previous frames. Notice that the key frame that contained the objects you deleted becomes white and contains a white circle. The previous frames will be gray or might even contain a black circle if they are key frames.
Name frame 30 bodyparts.
Create invisible buttons on top of the different bodyparts (hand, head, feet, stomach)
1. Create a rectangle on top of the hand.
2. Convert it to a symbol by pressing F8.
3. Click on the newly created button and set the alpha to 0% in the Properties section. This makes the button transparent.
4. Repeat the steps for the other body parts.
Animate the entrance of different objects in the body parts screen.
Add a stop command inside the movie clip for the body parts so that it stays there unless the user clicks on the go back button.
Add a stop command on the main timeline on frame 20.
Does it do what it is supposed to do?
All objects that need to be buttons are converted to buttons
All objects that need to be movie clips are converted to movie clips
Design of the vowels screen
Animation of the entrance of the vowels screen
Animation of the entrance of each of the images in the vowels screen
Design of the body parts screen
Animation of the entrance of the body parts screen