The screen appears, and after 7 seconds a character appears, introducing the topic and summative for 7 seconds. A prompt then shows up on the screen for the user to click and watch an animation take place. When the prompt shows up, a laser gun does as well, and when the user clicks, the laser gun shoots a ray at the character. The character runs away, but slows down and gets hit, spinning then falling onto the title, which is 'Animation' The user must then steer the character to the next scene using only the keys.
Scene 1 Ctd
The rotation function is used to draw an ellipse. True (red) False (blue)
A character appears with a text bubble introducing what the purpose of the project is. After 5 seconds, the user is able to click the screen. When the user clicks, a computer appears, along with a text bubble that explains what can be expected to see in the scenes to come. At the same time, images appear on the computer relating to the types of animation in the presentation.
#3 text + shift to move to next scene
After a couple of seconds, two sets of text appear seconds apart from each other, introducing the automated animation. After a couple more seconds, the entire screen is filled with: a snippet of rotation code, along with an example and explanation, as well as a snippet of pushMatrix/popMatrix code, along with an explanation and spinning square animation.
After about a minute, the next slide appears, which is a True or False quiz, asking the user if the rotate function is used to draw a circle. If the user hovers over the incorrect button, they are prompted to try again, but if they chose the correct answer, the next scene begins.
Congratulations, moving to the next scene!
Sorry, try again
At the top of the screen reads: 'mouse interaction' within a banner, representing the title. A character appears on the right of the screen, explaining what mouse interactions are, and prompting the user to click their mouse. Underneath the title are three statements. Each one teaches a different function for mouse interactions. The first point explains how the mouse can freely move a circle around, using mouseX, mouseY, and code is provided. The user then tries the animation out, and when they are ready to move on they click the screen, and the first ball disappears. The next point explains how boundaries can be set so that the circle will only appear if the cursor is within a certain range. An interactive example is once again created automatically, along with sample code. Finally, the third point teaches how to display and move a circle only when the mouse is pressed down. Sample code is provided at the bottom of the screen, along with an interactive activity. Finally, within the third point the user is given the option to move to the next scene if the shift key is pressed.
all code snippets
*mouseinteraction ball #1
*mouseinteraction ball #2
*mouseinteraction ball #3
Title appears at the top. A character appears on the right, talking about keyboard interactions, and prompts the user to click to continue. Once the user clicks, two text points are displayed on the screen, along with a code snippet, and an activity at the bottom with two balls. The user has to move one ball into a hole above and to the right, using the keys. They will then learn how to do this. Once the user completes the interaction, a message is displayed, and the lesson is OVER. THE END