Conditional Testing
Create a sketch in which a text display indicates whether the cursor is on the left side or the right side of the canvas.
Create a sketch with a moving ball that bounces off the edges of the canvas. Take care that the ball never appears to overlap the edge of the canvas.
Create a sketch that recreates the game of Pong for a single user. Can you add a scoring system?
Create a branching narrative experience in which clicking in different regions of the screen leads to different rooms, situations, and outcomes. Enhance the experience with sound effects (e.g., door latches) and ambient audio recordings.
Place a white square on a gray background. Create an interaction wherein a click inside the square turns it black, after which it stays that way. (In this exercise and those that follow, make sure that clicks outside the square have no effect.)
Place a white square on a gray background. Create an interaction wherein each click in the square flips its color. It should flip from white to black (if it is white) or from black to white (if it is black).
Place a white square on a gray background. Create an interaction wherein two clicks in the square are required to turn it from black to white, but three clicks are required to turn it from white to black.
Place a white square on a gray background. Turn the square into a button with a “hover” state: make it white when inactive, yellow when the user is hovering over it (without having clicked), and black when the user is actively holding the mouse button down inside of it.