diff options
Added a tutorial on MySql and C# and Entity Framework. Items in projects and tutorials will be separated by a blank line. Updated formating on some files.
1 files changed, 14 insertions, 31 deletions
| -rw-r--r-- | website/projects/mundus/user-interface.html | 45 |
diff --git a/website/projects/mundus/user-interface.html b/website/projects/mundus/user-interface.html index 9c30e7f..8f4e139 100644 --- a/website/projects/mundus/user-interface.html +++ b/website/projects/mundus/user-interface.html @@ -6,22 +6,6 @@ <title>Mundus - User interface</title> <link rel="stylesheet" href="../../styles.css"> <link rel="stylesheet" href="../../styles-multiple-page-articles.css"> - - <style media="screen"> - span { - align-self: center; - vertical-align: middle; - } - - .tutorial-img { - padding-right: 15px; - vertical-align: middle; - } - - p { - display: flex; - } - </style> </head> <body> @@ -30,7 +14,7 @@ <a href="./introduction.html" class=other-tab>Introduction</a> <a href="./history.html" class=other-tab>History</a> - <a href="./user-interface.html" class=selected-tab>User Interface</a> + <a href="./user-interface.html" class=selected-tab>User Interface</a> <a href="./basic-concepts.html" class=other-tab>Basic concepts</a> <!-- <a href="./data-layer.html" class=other-tab>Data Layer</a> @@ -43,17 +27,16 @@ <div class=page> Note: all screenshots are made in Linux with Mint-Y theme. - <p> - - <img src="./images/main-screen.png" alt=""> - <span> + <p class=tutorial-p> + <img src="./images/main-screen.png" alt="" class=tutorial-img> + <span class=tutorial-text> We start off at the main screen. <br> Here you can load a save file (not implimented as of 21.05.2020), create a new game, view the tutorial (not implimented as of 21.05.2020), or change settings (not implimented as of 21.05.2020). </span> </p> - <p> + <p class=tutorial-p> <img src="./images/create-new-game.png" alt="" class=tutorial-img> - <span> + <span class=tutorial-text> Creating a game gives you a couple of options. <br><br> First one is Game Mode. Here you can select survival, in which you will start with almost no items and creative (not implimented as of 21.05.2020) where you will have access to all items at all times. <br><br> Then you have difficulty. In higher difficulties, your energy gets depleated much more quickly and trees, boulders and mobs are rarer.<br><br> @@ -62,9 +45,9 @@ </span> </p> Note: all game window screenshots are made with the Small Game Window. - <p> + <p class=tutorial-p> <img src="./images/small-game-window.png" alt="" class=tutorial-img> - <span> + <span class=tutorial-text> After the world is generated, the game window opens.<br><br> A the top you have your (game) screen. Here you can see the world. To navigate click on a place you want to go to. If you want to alter the envirnment, first click on an item (that can modify the world) and click the place you want to alter.<br><br> Below that is your energy bar. Each mob (including the player) has an energy bar, each action you take takes energy. If your energy gets depleated, you start taking damage for each action you take. To replenish energy, kill mobs and consume their meats.<br><br> @@ -78,9 +61,9 @@ Pause - opens the pause window <br> </span> </p> - <p> + <p class=tutorial-p> <img src="./images/map-menu.png" alt="" class=tutorial-img> - <span> + <span class=tutorial-text> The Map menu is an extension (to the left) to the normal game window. It is toggled with the inventory menu (either one of them or neither can be opened at the same time). For more information on the map, refer to <a href="./basic-concepts.html" class=hyperlink>Basic Concepts</a>.<br><br> It contains a couple of things: <br><br> Ground layer - shows only the ground layer tiles of the map <br> @@ -89,9 +72,9 @@ There is hole above player - used to determine if you can climb up a superlayer </span> </p> - <p> + <p class=tutorial-p> <img src="./images/inventory-menu.png" alt="" class=tutorial-img> - <span> + <span class=tutorial-text> The Inventory menu is an extension (to the right) to the normal game window. It is toggled with the map menu (either one of them or neither can be opened at the same time). For more information on the inventory, refer to <a href="./basic-concepts.html" class=hyperlink>Basic Concepts</a>. <br><br> It contains a couple of things: <br><br> Items inventory <br> @@ -101,9 +84,9 @@ Information about the selected item (icon and values) </span> </p> - <p> + <p class=tutorial-p> <img src="./images/crafting-window.png" alt="" class=tutorial-img> - <span> + <span class=tutorial-text> Every time you open the crafting menu, it automatically gets all items that you can craft, using the items in your Items inventory. <br><br> At the top it shows you all required items (icons) and how much you need of each one. <br><br> Below that it shows the item that you can craft. There are also two buttons, Prev and Next, for navigating multiple items you can craft. <br><br> |