Arvutimängude loomine ja disain 2020/21 sügis

Lab 7 GUI & Building

Watch the lab Video

Step 1. Tower Builder

1. Create a new game object for a tower builder.
2. Add a Sprite renderer so players can see it.
3. Add a script and call it TowerBuilder. This class will be responsible for picking the positions for new towers and building them.
4. Turn it into a prefab.
5. Modify the new TowerBuilder script.

• In the Update method:

     //Reposition the gameobject to mouse coordinates. 
     //Round the coordinates to make it snap to a grid.
     //Verify that building area is free of other towers. 
     //By using a static overlap method from Physics2D class we can make this work without collider and a 2d rigidbody.
     //Tint the sprite to green or red accordingly.
     //Call the build method when the player presses left mouse button

• Implement a Build method

     //Verify that building area is free of other towers. (Turn this into a method)
     //Make a note to remove gold from player later when gold is implemented
     //Instantiate a tower prefab at the current position
     //Disable the Tower Builder gameobject

Step 2. Fix building on roads.

1. Create another tilemap for roads
2. Add roads with a transparent background to the palette. You may need to fix the sprite import settings if the roads are not placed at a correct position within a tile.
3. Redraw roads on the new tilemap.
4. Add a tilemap collider.
5. Test that building does not work on tiles that are part of this new tilemap layer.

Step 3. Keyboard and GUI buttons for building

1. Create a canvas
2. Add a panel
3. Add a grid layout group component.
4. Add a button
   1. Add another image as a child for the building icon
   2. Position the text so that it could show keyboard hotkey of the button
   3. Add another text on the button to show the gold cost.
   4. Make a click on UI button enter building mode. (Enable TowerBuilder gameobject)
   5. Add a new BuildKey script to the button.
      • Add gold value and keycode for the hotkey.
      • Write the gold value and keycode to the button in Start.
      • Use Update to check for the keycode and enter build mode.
   6. Turn the button into a prefab

Step 4. Controlling the game loop

1. Create a new ScenarioController script.
2. Add it to the canvas gameobject
3. Create a panel for lives and gold. It should have value and label texts for gold and lives.
4. Create methods in scenario controller for:
   1. Winning the level
   2. Losing the level
   3. Starting the level
   4. Adding gold
   5. Spending gold - Call when trying to build.
   6. Adding lives
   7. Losing lives - Call when an enemy reaches the base.
5. Implement the previous methods. Practice using event-based architecture (taught in lab 5).

This is the end of lab 7. We will tie the scenario methods together with level loading and add configurable data objects in the next lab.