Computer Game Development and Design 2024/25 fall

Lab 5 - Project Setup

Watch the lab Video
This lab consists of two parts:

1. setting up git version control and
2. creating an event-based structure that you can use in your project.

You don't submit anything this week. Instead, you should set up your project with your teammates.

Setting up a git repository:

1. Create a repository for your team, you can use: Bitbucket or GitLab or GitHub.
2. Enable Visible Meta files in Edit->Project Settings->Editor.
3. Optional Scroll through the list of packages in Window->Package Manager and remove the ones you don't need. (you can later add them back)
4. Create a local git repository from your project folder.
5. Add appropriate git ignore file an example.
6. Make sure that you DO NOT add *.meta files in your git ignore file. (meta files have to be in the repository. Otherwise, your changes will start disappearing).
7. Commit and Push your initial code.
8. Double-check that each asset file in your project has a corresponding metafile in your repository.

If you want to learn the basics of using Git version control, watch this video in Youtube: https://youtu.be/2sjqTHE0zok

Setting up the project structure

During the lab, you should create an individual sample project for practicing.

You could use the following asset packs for this practicing task:

• https://www.kenney.nl/assets/1-bit-pack
• https://kenney.nl/assets/kenney-fonts

Practicing tasks:

1. Set up a currency system using events
   1. Create classes UI, Player, Coin and Events.
   2. Make the player movable and destroy the coin on a collision.
   3. Create a UI canvas with money text, try to use Text Mesh Pro for that.
   4. Make the Events class static (it doesn't inherit MonoBehavior)
   5. Create following events for changing and requesting the money
      1. public static event Action<int> OnChangeMoney;
      2. public static void ChangeMoney(int amount) => OnChangeMoney?.Invoke(amount);
      3. public static event Func<int> OnRequestMoney;
      4. public static int RequestMoney() => OnRequestMoney?.Invoke() ?? 0;
   6. Create "ChangeMoney(int amount)" method for your UI canvas. Bind it to the corresponding event in awake: Events.OnChangeMoney += ChangeMoney;
   7. Unbind the event in the OnDestroy method.
   8. Set the score when the money event is triggered.
   9. Store the money amount in player class. Bind both ChangeMoney and RequestMoney events in player script.
   10. Increase money amount when the coin is collected.
2. Create a Store where the player can buy items.
   1. Create classes Shop, ItemData, ItemPresenter (These classes implement a Model-View-Controller pattern)
   2. ItemData should extend ScriptableObject class and contain following fields ItemType (enum), Name, Price, Sprite.
   3. Add an attribute [CreateAssetMenu(menuName ="Game/Item")] to this class.
   4. Create a Data folder and add a few items there.
   5. Add a public list of items to your shop script.
   6. Add 2 shopkeepers (with shop script) to your scene and fill their item lists.
   7. Create a world space UI with a panel and parent it to the shop.
   8. Add horizontal layout group to the panel and a button with equipment sprite in it. Give ItemPresenter class to the button and make a prefab out of it.
   9. Add SetData(ItemData data) method to the ItemPresenter;
   10. In the shop awake method, clear the list of items and initialize new ones according to the list of items.
   11. Bind the onClick method in the button and destory the item when pressed. Try to do it through the script this time.
   12. Listen OnMoneyChange event in itemPresenter and make the button inactive when the player doesn't have enough money. Also, change the money amount when buying an item.

Submission

You don't have to submit anything in this lab. Instead, spend the time to set up your own game architecture with your teammates.