{"id":88,"date":"2025-05-24T15:33:41","date_gmt":"2025-05-24T14:33:41","guid":{"rendered":"https:\/\/szczepan.gawkowski.com.pl\/?p=88"},"modified":"2025-07-12T14:53:31","modified_gmt":"2025-07-12T13:53:31","slug":"fun-with-unity-inspired-by-tomb-raider-iii","status":"publish","type":"post","link":"https:\/\/szczepan.gawkowski.com.pl\/index.php\/2025\/05\/24\/fun-with-unity-inspired-by-tomb-raider-iii\/","title":{"rendered":"Fun with Unity inspired by Tomb Raider III"},"content":{"rendered":"\n

This is the work of God, that you believe in the one he sent<\/p>John 6:29<\/cite><\/blockquote><\/figure>\n\n\n\n

Intro<\/h2>\n\n\n\n

Why not have some fun with Unity as a former TR fan and make something like a main menu? For instance, this is what the main menu of “Tomb Raider 3 Remastered” looks like.<\/p>\n\n\n\n

\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
The main menu<\/figcaption><\/figure>\n\n\n\n

Let’s do something similar!<\/p>\n\n\n\n

Assets<\/h2>\n\n\n\n

Since it is relatively easy to extract visual and audio elements from the remastered series, we will need “Tomb Raider I-III Remastered” (can be bought on gog.com<\/a>) and Blender<\/a> with TR123R-Blender-Addon<\/a>. Blender and the addon are required to extract the original meshes and textures.<\/p>\n\n\n\n

Two assets can be grabbed without any effort. The first one is the main menu sound (GOG Games\\Tomb Raider I-III Remastered\\3\\TRACKS\\5.OGG<\/code>) and the background (GOG Games\\Tomb Raider I-III Remastered\\3\\PIX\\HD\\TITLE_EU.DDS<\/code>).
<\/p>\n\n\n\n

\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

Although the background is in the DDS format, it can be quickly converted to any format you want using Irfan View and one of its plugins<\/a> (Formats). Please note that fonts are also stored as DDS files. For example, GOG Games\\Tomb Raider I-III Remastered\\3\\TEX\\FONT0.DDS<\/code> contains English letters.<\/p>\n\n\n\n

Now, let’s move to Blender and the addon. To install TR123R-Blender-Addon, download the zip file, open Blender, navigate to Edit -> Preferences ->Add-ons, click “Install from Disk” and select the zip file. Then configure it as README.md states.<\/p>\n\n\n\n

\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
The “Install from Disk…” option in Blender<\/figcaption><\/figure>\n\n\n\n

Here is a list of meshes used as menu items in the main menu scene:<\/p>\n\n\n\n

    \n
  • PASSPORT_OPTION<\/li>\n\n\n\n
  • SOUND_OPTION<\/li>\n\n\n\n
  • DETAIL_OPTION<\/li>\n\n\n\n
  • CONTROL_OPTION<\/li>\n\n\n\n
  • PHOTO_OPTION<\/li>\n<\/ul>\n\n\n\n

    You can select each one and export it (Blender -> File -> Export -> Wavefront)as an OBJ file, and then import it into Unity.<\/p>\n\n\n\n

    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    PASSPORT_OPTION seen in Blender<\/figcaption><\/figure>\n\n\n\n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    Layout of DETAIL_OPTION<\/figcaption><\/figure>\n\n\n\n

    Textures should be located in the “converted directory”.<\/p>\n\n\n\n

    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    The addon configuration. The converted directory is shown here.<\/figcaption><\/figure>\n\n\n\n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    Our folder with textures. Passport textures are highlighted.<\/figcaption><\/figure>\n\n\n\n

    Development<\/h2>\n\n\n\n

    Although at this point we should be ready for development, first, a small disclaimer \ud83d\ude1b. The approach to implementing the game elements presented below is not ideal, and I chose it only to get to know Unity better and have some fun \ud83d\ude01\ud83d\udc68\u200d\ud83d\udcbb. Secondly, the description here will be more like a personal (and chaotic? \ud83d\ude43)notes rather than detailed instructions.<\/p>\n\n\n\n

    The first scene<\/h3>\n\n\n\n

    Since every great production starts with splash screens, let’s not be different and do the same. Thus, let’s create a new scene (SplashScene<\/code>) and add a black empty image as the background. We will show one text and another text with a picture sequentially. To do this, we will utilise Canvas Group<\/code> and its Alpha<\/code> property.<\/p>\n\n\n\n

    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    SplashScene structure<\/figcaption><\/figure>\n\n\n\n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    SplashScene structure<\/figcaption><\/figure>\n\n\n\n

    The last element is the so-called SplachSceneManager<\/code>, an empty GameObject<\/code> with a connected script that performs the fade-out effect.<\/p>\n\n\n\n

    C#<\/span>