Frogger Tutorial New

Welcome to my tutorial page

The purpose of this tutorial is to build a Frogger-like game using AgentSheets. By the end of this tutorial you will have created a playable game that resembles the following picture to the right. Throughout this tutorial, if you are confused as to how your game should look, you can use this picture for guidance.

In the first part of this tutorial we will make three "agents", the Frog, the Trucks and Road; we will also program the interactions between all of these agents. 

{| class="wikitable collapsible collapsed" ! Creating Agents: Frog and Street {| class="wikitable collapsible collapsed" ! Text Tutorial
 * We will now create the Frog and Street agents.
 * We will now create the Frog and Street agents.

Creating the Frog
Click "New Agent" button to create the Frog agent: At the bottom of the Gallery window click the "New Agent" button. Name the agent “Frog.” The Frog agent should appear in the gallery. We will now draw the Frog. 

Click the "Edit Depiction" button to draw the Frog: Select the Frog agent in the Gallery and click the "Edit Depiction" button at the bottom of the window. The Depiction Editor should now open. In the Depiction Editor we will draw what our Frog will look like.



Hit the "Clear" button to clear default icon: Click the "Clear" button at the bottom of the window or use the Edit->Clear menu option in the Depiction Editor window. This will clear the default drawing in the window to give you a blank canvas to draw your frog.



Select a color and the "Pencil" tool to draw your frog. Select the green color from the color palette at the top and the Pencil tool on the left and draw what you would like your frog character to look like. If you make a mistake you can use the Undo button, the Eraser tool on the left, or the clear button at the bottom to completely clear the drawing. You can also use the shape tools on the left to make circles or rectangles.

Click the "Done" button at the bottom of the window when you are finished. We have now created the Frog agent and drew how it looks like. If you are still not satisfied with how your frog looks, you can click on the "Edit Depiction" button again in the Gallery Window and modify the picture. Now, it's time to make more agents!



Creating the Street
Now let’s make the Street agent. Similar to how you created the Frog agent,

Click the "New Agent" button to create the Street agent. Name the Agent “Street.”

Open the Depiction Editor Window to draw your Street in the same way you drew the Frog. Make sure you draw a street that goes across from left to right.

We Now have Two Agents: The Frog and The Street! Great Job! Our next task is to make the game level. This is called a “Worksheet.” 
 * }
 * }

{| class="wikitable collapsible collapsed" ! Saving the Worksheet


 * }

{| class="wikitable collapsible collapsed" ! Programming the Frog Movement


 * }

{| class="wikitable collapsible collapsed" ! Play Testing the Frog Movement


 * }

{| class="wikitable collapsible collapsed" ! Creating And Programming the Truck


 * }

{| class="wikitable collapsible collapsed" ! Creating and Programming the Tunnel


 * }

{| class="wikitable collapsible collapsed" ! Revisiting the Truck: Making Trucks Disappear at the End of the Road


 * }

{| class="wikitable collapsible collapsed" ! Programming the Truck Collision with the Frog


 * }

{| class="wikitable collapsible collapsed" ! Finishing Up


 * }