diff options
1 files changed, 31 insertions, 34 deletions
| -rw-r--r-- | src/blog/mundus-first-shot-at-gamedev/user-interface.du | 65 |
diff --git a/src/blog/mundus-first-shot-at-gamedev/user-interface.du b/src/blog/mundus-first-shot-at-gamedev/user-interface.du index 380c136..d355a34 100644 --- a/src/blog/mundus-first-shot-at-gamedev/user-interface.du +++ b/src/blog/mundus-first-shot-at-gamedev/user-interface.du @@ -1,61 +1,58 @@ -# User Interface - Mundus: My first shot at game development +'def title User Interface - Mundus: My first shot at game development +'def desc Showing and explaining the user interface -'define expected-reading 4 min -'define created 21 July 2020 -'define edited 25 November 2020 -[$pagenav] +# {title} -'define start_link ./ -'define prev_link ./timeline.html Timeline -'define next_link ./basic-concepts.html Basic Concepts -[$pagination_middle] +{pagenav 4 min;21 July 2020;25 November 2020} -[$due_for_rework] +{pagination ./;Timeline;./timeline.html;Basic Concepts;./basic-concepts.html} -\n +{due_for_rework} + +{br} .contents .numbered -1. [url #main-screen Main screen] -2. [url #create-new-game Create new game] -3. [url #game-window Game Window] -4. [url #map-menu Map menu] -5. [url #inventory-menu Inventory menu] -6. [url #crafting-menu Crafting menu] +1. {uhref Main screen} +2. {uhref Create new game} +3. {uhref Game Window} +4. {uhref Map menu} +5. {uhref Inventory menu} +6. {uhref Crafting menu} The user interface shows how unfinished the whole thing is, you can find many unimplemented options and features. Even then, there is a lot you can do. -A lot of the topics covered are explained in more detail in [url ./basic-concepts.html Basic Concepts]. +A lot of the topics covered are explained in more detail in {url Basic Concepts;./basic-concepts.html}. -[=Note:=] all screenshots are made in Linux Mint Cinnamon with Mint-Y theme. +{b Note:} all screenshots are made in Linux Mint Cinnamon with Mint-Y theme. ## Main screen -[image ./img/main-screen.png] +{img ./img/main-screen.png} We start off with the main screen. -Only the [`Create a new game`] button is implemented, although the [`Settings`] one does open a blank window. +Only the {` Create a new game} button is implemented, although the {` Settings} one does open a blank window. ## Create new game -[image ./img/create-new-game.png] +{img ./img/create-new-game.png} Creating a game gives you a couple of options: -[`Game Mode`] - Survival is the only implemented option, where you start with almost no items and have to gather food and materials. Creative was supposed to be the opposite, giving you access to all items and making you invincible. +{` Game Mode} - Survival is the only implemented option, where you start with almost no items and have to gather food and materials. Creative was supposed to be the opposite, giving you access to all items and making you invincible. -[`Difficulty`] - Higher the difficulty, the more your energy gets depleted and the less trees, boulders and mobs there are. +{` Difficulty} - Higher the difficulty, the more your energy gets depleted and the less trees, boulders and mobs there are. -[`Screen & Inventory size`] - The screen is where you navigate the in game world. The way the user interface works, both are linked. +{` Screen & Inventory size} - The screen is where you navigate the in game world. The way the user interface works, both are linked. -[`Map size`] - Map size (in survival mode) is determined by the Screen & Inventory size, the higher the size, the smaller the map. +{` Map size} - Map size (in survival mode) is determined by the Screen & Inventory size, the higher the size, the smaller the map. -[=Note:=] all game window screenshots are made with the [`Small Game Window`]. +{b Note:} all game window screenshots are made with the {` Small Game Window}. ## Game Window -[image ./img/small-game-window.png] +{img ./img/small-game-window.png} After the world is generated, the game window opens. @@ -67,26 +64,26 @@ Then you have your health. It represents how much life you have. If it drops to Underneath that, there is your hotbar. It is a part of your inventory. -After that, you have the [`Event log`] button and some of the most recent events. Clicking the button opens a window from which you can checkout everything that has happened. On the sides, you can find the [`Map`] and [`Inv`] toggle buttons and the [`Pause`] and [`Music`] menu buttons. The [`Music`] menu can only play and stop WAV files. +After that, you have the {` Event log} button and some of the most recent events. Clicking the button opens a window from which you can checkout everything that has happened. On the sides, you can find the {` Map} and {` Inv} toggle buttons and the {` Pause} and {` Music} menu buttons. The {` Music} menu can only play and stop WAV files. ## Map menu -[image ./img/map-menu.png] +{img ./img/map-menu.png} The Map menu is an extension (to the left) of the normal game window. It cannot be opened at the same time as the inventory menu. -At the top, you can see the ground layer tiles. Below it you can find the name of the superlayer you're currently in and your coordinates. At the bottom there are the structure layer tiles and [`There is a hole above player`] field, where you can check whether you are able to ascent a superlayer. +At the top, you can see the ground layer tiles. Below it you can find the name of the superlayer you're currently in and your coordinates. At the bottom there are the structure layer tiles and {` There is a hole above player} field, where you can check whether you are able to ascent a superlayer. ## Inventory menu -[image ./img/inventory-menu.png] +{img ./img/inventory-menu.png} The Inventory menu is an extension (to the right) of the normal game window. From here you can store your items, organize them, craft and see information about a given item. ## Crafting window -[image ./img/crafting-window.png] +{img ./img/crafting-window.png} Every time you open the crafting menu, it automatically finds all items that you can craft using the items in your "Items inventory". -At the top it shows you what items and how much of them you need to craft the currently selected item. Below that it shows the item that you can craft and the [`Prev`] and [`Next`] buttons for navigating available items to craft. Finally, there is the [`Craft`] button. Clicking it removes the required items and adds the crafted item to your inventory. +At the top it shows you what items and how much of them you need to craft the currently selected item. Below that it shows the item that you can craft and the {` Prev} and {` Next} buttons for navigating available items to craft. Finally, there is the {` Craft} button. Clicking it removes the required items and adds the crafted item to your inventory. |