playground:test_ui_guide

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision
Previous revision
playground:test_ui_guide [2020/05/23 23:36]
saph created
playground:test_ui_guide [2020/08/25 07:54]
saph removed
Line 1: Line 1:
 <html> <html>
-<h1>Interface guide: The Play Page</h1>+<h1>Interface Guide: The Play Page</h1
 +<span class="glyphicon glyphicon-check" style="color:#00b200;"></span> Mechanical 
 +<br> 
 +<span class="glyphicon glyphicon-unchecked" style="color:#808080;"></span> RP 
 +<br><br>
 <p> <p>
-When you enter the game by clicking the "Play" button on one of your character cards, you will be brought to the ingame play screenwhich is separated into the following five sections.+While the interface of Marosia aims to be as intuitive as possible, it can still potentially feel daunting at first due to its sheer number of buttons and the amount of information on display. This guide serves as an introduction to the play pagewhere almost all gameplay happens. It is broken down into five sections, each with its own functions. The goal of the guide is to give an understanding of how to perform the various actions one might need during regular play, and where to find information about your own character and others', as well as the game world.
 </p> </p>
 <img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:play_screen.png" /> <img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:play_screen.png" />
Line 26: Line 30:
  
 <h2><span class="mw-headline" id="The_Map">The Map</span></h2> <h2><span class="mw-headline" id="The_Map">The Map</span></h2>
 +<p>
 +The in-game map shows you a graphical representation of the area you are currently in, as well as the eight map tiles surrounding it. 
 +</p>
 +<p>
 <img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:map.png" /> <img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:map.png" />
 +</p>
 +<p>
 +If you click on any of the surrounding tiles, a dialogue will be opened where you can see what biomes exist in that area, and it will allow you to travel there by clicking the 'Leave' button at the bottom and then confirming. Note that the map is unavailable while travelling, or while inside a building other than a watchtower.
 +</p>
 <p> <p>
-The in-game map shows you a graphical representation of the area you are currently in, as well as the eight map tiles surrounding it. If you click on any of the surrounding tiles, a dialogue will be opened where you can see what biomes exist in that area, and it will allow you to travel there by clicking the 'Leave' button at the bottom and then confirming. Note that the map is unavailable while travelling, or while inside a building other than a watchtower.<br/> 
 <img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:travel_dialogue.png" /> <img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:travel_dialogue.png" />
 </p> </p>
Line 34: Line 45:
  
 <h2><span class="mw-headline" id="Character_Information">Character Information</span></h2> <h2><span class="mw-headline" id="Character_Information">Character Information</span></h2>
 +<p>
 +This section shows a summary of information about your own character as well as their surroundings, separated into the following categories:
 +</p>
 +<p>
 <img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:character_summary.png" /> <img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:character_summary.png" />
 +</p>
 <p> <p>
-This section shows a summary of information about your own character, separated into the following categories: 
 <ul> <ul>
 <li><b>1)</b> The name of your current location. This can be either the name of the settlement you are in, "Wilderness" if you are not in a settlement, or the name of the building or vehicle you are currently in.</li> <li><b>1)</b> The name of your current location. This can be either the name of the settlement you are in, "Wilderness" if you are not in a settlement, or the name of the building or vehicle you are currently in.</li>
Line 56: Line 71:
  
 <h2><span class="mw-headline" id="Actions_Menu">Actions Menu</span></h2> <h2><span class="mw-headline" id="Actions_Menu">Actions Menu</span></h2>
 +<p>
 +This is a list of various actions you can perform in game, separated into the following categories, each described in its own subsection below:
 +</p>
 +<p>
 <img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:actions_menu.png" /> <img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:actions_menu.png" />
 +</p>
 <p> <p>
-This is a list of various actions you can perform in game, separated into the following categories: 
 <ul> <ul>
 <li class="toclevel-1 tocsection-1"><a href="#Character"><span class="tocnumber">1</span> <span class="toctext">Character</span></a></li> <li class="toclevel-1 tocsection-1"><a href="#Character"><span class="tocnumber">1</span> <span class="toctext">Character</span></a></li>
Line 81: Line 100:
 <p> <p>
 This window, only accessible when you are outside in a settlement, gives you access to information regarding the settlement including who its leaders are, its government type, its laws, and what benefits it confers and to whom. This is also where you can apply to become a citizen, or if you already are a citizen, can see a list of everyone else who is a citizen of this settlement. If you are in a leadership position of the settlement, you will see a list of government options here as well, which can allow you to change laws, update the settlement's description, choose who may benefit from the town's facilities, and fill vacant leadership positions. This window, only accessible when you are outside in a settlement, gives you access to information regarding the settlement including who its leaders are, its government type, its laws, and what benefits it confers and to whom. This is also where you can apply to become a citizen, or if you already are a citizen, can see a list of everyone else who is a citizen of this settlement. If you are in a leadership position of the settlement, you will see a list of government options here as well, which can allow you to change laws, update the settlement's description, choose who may benefit from the town's facilities, and fill vacant leadership positions.
 +</p>
 +<p>
 +The laws listed on the Town Sign are the ones that will be enforced automatically by guards (if any are assigned). If a law is broken, guards will automatically attack the law-breaker once per hour until they are called off, their players log in, or the law-breaker leaves the area - either by travelling away or by entering a building. Below is an explanation for each law:
 +<ul>
 +<li><b>Violence:</b> Whether attacking other characters is allowed or not. Note that even if this is forbidden, guards will not enforce this law if your attack is unarmed or your weapon has a quality grade lower than 2.</li>
 +<li><b>Eavesdropping:</b> If this is disallowed, guards will attack you if you fail to eavesdrop on someone else's whispered conversation. Successful eavesdropping will not cause enforcement.</li>
 +<li><b>Forced entry:</b> This law concerns the breaking of locks on buildings and vehicles by use of a crowbar, picking locks using lockpicks, or demolishing a building using a battering ram. The law can be adjusted so that some, but not all, of these actions are allowed or disallowed.</li>
 +<li><b>Theft:</b> If this is disallowed, guards will enforce the law if you take items from an incapable person, fail to steal from another character's inventory when pickpocketing, or when taking items out of public containers. This law can also be adjusted so specific actions are allowed or disallowed.</li>
 +<li><b>Dragging:</b> Whether dragging another character into or out of buildings or vehicles is allowed. Note that guardians are always allowed to drag their children, regardless of how this law is set up.</li>
 +<li><b>Vandalism:</b> If this is disallowed, guards will attack anyone who attempts to dismantle or destroy an object on the ground, but not objects in their own inventories.
 +</ul>
 +</p>
 +<p>
 +<b>Note:</b> The town sign should not be confused with a town's bulletin board(s). A bulletin board is a public container where characters can store notes for anyone to read. This is explained in more detail in the <a href="#Objects">Objects</a> section.
 </p> </p>
  
Line 88: Line 121:
 This window shows all the items and containers your character is currently carrying. Items are listed alphabetically, though containers are always listed before any other items. From here, you can wear clothes and armour, equip weapons, and use certain types of item such as food. Using the dropdown menu at the top, items can be placed into containers that are either in your inventory or on the ground in the area. The bottom dropdown menu can be used to give items to other characters if any are present. Additionally, the "Drop" button at the bottom will allow you to drop items onto the floor so that others can pick them up at their leisure. To perform these actions, you must first select which items you want to move, trade, or drop using the checkboxes next to their names. Additionally, for items that can be stacked, you must define the number of items to perform the action on, otherwise the action will be performed on all of them. This window shows all the items and containers your character is currently carrying. Items are listed alphabetically, though containers are always listed before any other items. From here, you can wear clothes and armour, equip weapons, and use certain types of item such as food. Using the dropdown menu at the top, items can be placed into containers that are either in your inventory or on the ground in the area. The bottom dropdown menu can be used to give items to other characters if any are present. Additionally, the "Drop" button at the bottom will allow you to drop items onto the floor so that others can pick them up at their leisure. To perform these actions, you must first select which items you want to move, trade, or drop using the checkboxes next to their names. Additionally, for items that can be stacked, you must define the number of items to perform the action on, otherwise the action will be performed on all of them.
 </p> </p>
 +<p>Each item has a weight and a quality grade, represented with the <span class="glyphicon glyphicon-lock" style="color:#808080;"></span> and <span class="glyphicon glyphicon-star" style="color:#808080;"></span> icons respectively. For the weight, the first number is the total weight of the item stack, while the number in parentheses is the weight of each individual item in the stack. The quality grade is somewhat more complex, and its effect depends on what type of item it is:
 +</p>
 +<ul><li> <b>Resource</b>: Quality contributes to the quality of a crafted product, along with skill.</li>
 +<li> <b>Alchemy</b>: Quality determines how effective medicine is, and how much damage poison deals. In order to cure poison, an antidote of the same quality grade as the poison must be applied.</li>
 +<li> <b>Food</b>: Quality of ingredients and preparation determines how filling the food is.</li>
 +<li> <b>Weapons</b>: Quality is part of the damage calculation in combat and hunting.</li>
 +<li> <b>Armor</b>: Quality is part of the damage reduction calculation in combat and hunting.</li>
 +<li> <b>Furniture</b>: Quality raises effectiveness of healing over time in a room/residence/castle with five different pieces of furniture or more.</li>
 +<li> <b>Tools/Machines</b>: Quality of the tool/machine being used combined with your level in the relevant skill determines how much progress you make on a project each hour.</li></ul>
 +<p>Most resource qualities are predefined, such as for ores, metals, gems, woods, and stones; but some are determined by the average skill of all the participants on a project to produce the item, such as with harvesting ingredients or collecting animal produce from tamed animals. Qualities are actual numbers that are used in calculations. Below you will find a table with quality display text and associated number ranges.
 +</p>
 +<table style="width:50%;margin-right: auto;margin-left: auto;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;border-top-right-radius: 8px;border-top-left-radius: 8px;font-size: 16px;font-weight: normal;margin-bottom: 1em;background: #fcfcfc;border-style: solid;border-width: 1px;border-color: #333333;">
 +<tbody><tr>
 +<th style="padding: 0.2em 0.4em 0px;background: #286090;border-color: #286090;color: #ffffff;">Quality Text</th>
 +<th style="padding: 0.2em 0.4em 0px;background: #286090;border-color: #286090;color: #ffffff;">Quality Range</th>
 +</tr>
 +<tr>
 +<td style="padding: 0.2em 0.4em 0px;font-weight: bold;">Junk</td>
 +<td style="padding: 0.2em 0.4em 0px;">Quality greater than 0 but less than or equal to 1.</td>
 +</tr>
 +<tr style="background: #eaeaea;">
 +<td style="padding: 0.2em 0.4em 0px;">Amateur</td>
 +<td style="padding: 0.2em 0.4em 0px;">Quality greater than 1 but less than or equal to 1.5.</td>
 +</tr>
 +<tr>
 +<td style="padding: 0.2em 0.4em 0px;font-weight: bold;">Rough</td>
 +<td style="padding: 0.2em 0.4em 0px;">Quality greater than 1.5 but less than 2.</td>
 +</tr>
 +<tr style="background: #eaeaea;">
 +<td style="padding: 0.2em 0.4em 0px;">Shoddy</td>
 +<td style="padding: 0.2em 0.4em 0px;">Quality greater or equal to 2 but less than 2.5.</td>
 +</tr>
 +<tr>
 +<td style="padding: 0.2em 0.4em 0px;font-weight: bold;">Okay</td>
 +<td style="padding: 0.2em 0.4em 0px;">Quality greater than or equal to 2.5 but less than 3.</td>
 +</tr>
 +<tr style="background: #eaeaea;">
 +<td style="padding: 0.2em 0.4em 0px;">Good</td>
 +<td style="padding: 0.2em 0.4em 0px;">Quality greater or equal to 3 but less than 3.5.</td>
 +</tr>
 +<tr>
 +<td style="padding: 0.2em 0.4em 0px;font-weight: bold;">Refined</td>
 +<td style="padding: 0.2em 0.4em 0px;">Quality greater than or equal to 3.5 but less than 4.</td>
 +</tr>
 +<tr style="background: #eaeaea;">
 +<td style="padding: 0.2em 0.4em 0px;">High</td>
 +<td style="padding: 0.2em 0.4em 0px;">Quality greater or equal to 4 but less than 4.5.</td>
 +</tr>
 +<tr>
 +<td style="padding: 0.2em 0.4em 0px;font-weight: bold;">Expert</td>
 +<td style="padding: 0.2em 0.4em 0px;">Quality greater than or equal to 4.5 but less than 5.</td>
 +</tr>
 +<tr style="background: #eaeaea;">
 +<td style="padding: 0.2em 0.4em 0px;">Master</td>
 +<td style="padding: 0.2em 0.4em 0px;">Quality is exactly 5.</td>
 +</tr>
 +</tbody></table>
  
 <h3><span class="mw-headline" id="Area">Area</span></h3> <h3><span class="mw-headline" id="Area">Area</span></h3>
 <img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:area.png" /> <img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:area.png" />
 <p> <p>
-This window, only accessible while outside, shows you the name of the settlement (or "Wilderness" if you are not in a settlement), which biomes can be found in the area, and how many structures (buildings and monuments) there are. This is where you can collect resources, enter vehicles and buildings, and see the list of animals that are in the area. +This window, only accessible while outside, shows you the name of the settlement (or "Wilderness" if you are not in a settlement), which biomes can be found in the area, and how many structures (buildings and monuments) there are. This is where you can collect resources, enter vehicles and buildings, and see and interact with the list of animals that are in the area. Which actions are available for a given animal depends on whether the animal is tamed or not, and if so whether it is yours or someone else's. For instance, you can only butcher or collect from your own animals. Note that in order to tame a wild animal, you must have 10 ingredients of the same kind and quality in your inventory which will be used in the taming attempt. Keep in mind that not all animals are tamable. 
 +</p> 
 +<p> 
 +<img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:area_actions.png" />
 </p> </p>
- 
 <h3><span class="mw-headline" id="Objects">Objects</span></h3> <h3><span class="mw-headline" id="Objects">Objects</span></h3>
 <img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:objects.png" /> <img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:objects.png" />
 <p> <p>
-This window acts much like the Inventory window, but showing which items and containers are on the ground in the area. The dropdown menu at the top can be used to drag items into buildings or vehicles, and the button at the bottom allows you to pick up items. Be aware that taking items out of public containers may be against the law in the settlement you are in! If it is, a warning will be displayed when you access the container: +This window acts much like the Inventory window, but showing which items and containers are on the ground in the area. The dropdown menu at the top can be used to drag items into buildings or vehicles, and the button at the bottom allows you to pick up items. Like in the inventory, containers will be listed at the top, and you can access their contents with the Access button so long as they are not locked. Be aware that taking items out of public containers may be against the law in the settlement you are in! If it is, a warning will be displayed when you access the container: 
 </p> </p>
 +<p>
 <img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:public_container.png" /> <img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:public_container.png" />
 +</p>
 +<p>
 +As a newly spawned character, you may be asked to read the contents of the bulletin board. A bulletin board is not to be confused with the <a href="#Town_Sign">Town Sign</a> - it is a container and as such available from the Objects list. This is where you will likely find rules for how to behave within the town. There may also be tips on how to best make yourself useful, maps of the area, and other useful information. Though it may be against the town's laws to take notes from the board, you can read the notes without taking them by clicking each note's name. Bulletin boards, like any other container, can have custom names. As an example, in the screenshot above the bulletin board is named "Information Board".
 +</p>
  
 <h3><span class="mw-headline" id="Crafting">Crafting</span></h3> <h3><span class="mw-headline" id="Crafting">Crafting</span></h3>
 <img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:crafting.png" /> <img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:crafting.png" />
 <p> <p>
-Every item in the game aside from raw resources and those given out by gods is crafted using this window. In order to craft an item, first select its category, then the specific type of item you want to craft. Note that most items will not show up on the crafting list unless you have at least one of the materials required to make it, even if you do not have enough. For instance, it takes 3 wood to craft a needle, but it will show up in the list as long as you have at least 1 piece of wood available.+Every item in the game aside from raw resources and those given as gifts from the gods is crafted using this window. In order to craft an item, first select its category, then the specific type of item you want to craft. Note that most items will not show up on the crafting list unless you have at least one of the materials required to make it, even if you do not have enough. For instance, it takes 3 wood to craft a needle, but it will show up in the list as long as you have at least 1 piece of wood available.
 </p> </p>
 <p> <p>
Line 120: Line 217:
 <img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:groups.png" /> <img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:groups.png" />
 <p> <p>
-From the group window, you can create and manage groups. Once you have created a group, you can enlist people in the area, assign an hair who becomes the new group leader if you die or leave the group, and see a roster of who is in the group. If you are the group leader, the roster will also display who in your group is currently active, which means that they have been logged in to their character within the last 15 minutes.+From the group window, you can create and manage groups. Once you have created a group, you can enlist people in the area, assign an heir who becomes the new group leader if you die or leave the group, and see a roster of who is in the group. If you are the group leader, the roster will also display who in your group is currently active, which means that they have been logged in to their character within the last 15 minutes.
 </p> </p>
  
 <h2><span class="mw-headline" id="Event_Log">Event Log</span></h2> <h2><span class="mw-headline" id="Event_Log">Event Log</span></h2>
 <p> <p>
-Arguably the most important section in the game, this is a list of all the things that have happened in the gamethat your character can see. This includes dialogue, combat messages, as well as notifications about projects and other events.+Arguably the most important section in the game, this is a list of all the things that have happened in the game that your character can see. This includes dialogue, combat messages, as well as notifications about projects and other events. This is also where the posts you write will show up, and is your main way of communicating and interacting with other characters. The main focus of Marosia is the roleplaying, and as such a large portion of your time playing the game will presumably be spent reading and writing posts here. 
 +</p> 
 +<p> 
 +When writing a post, there are two generally accepted standards for distinguishing actions/emotes from dialogue. These are usually referred to as asterisk style, and novel style. 
 +</p> 
 +<p> 
 +When using the asterisk style, actions will be surrounded by asterisks (*), whereas all other text is considered to be dialogue. Below is an example of this style: 
 +</p> 
 +<p> 
 +<img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:asterisk_rp.png" /> 
 +</p> 
 +<p> 
 +The novel style is named such because it imitates how novels are written, with dialogue within quotation marks (") and all other text being considered actions. Example: 
 +</p> 
 +<p> 
 +<img src="https://www.marosia.com/doku/lib/exe/fetch.php?media=playground:novel_rp.png" /> 
 +</p> 
 +<p> 
 +Whichever style you prefer, additional flair can be added to your posts by using HTML style formatting. The following tags are supported: 
 +<ul> 
 +<li>Bold: Writing &lt;b&gt;example&lt;/b&gt; or &lt;strong&gt;example&lt;/strong&gt; will result in bold text: <b>example</b></li> 
 +<li>Italics: Writing &lt;i&gt;example&lt;/i&gt; will result in italicised text: <i>example</i></li> 
 +<li>Line break: Writing &lt;br&gt; will result in a line break, the same as when pressing enter. For roleplaying posts this tag is generally not necessary, but for character and item descriptions as well as character thoughts this is the only way to separate your text into paragraphs. 
 +</ul>
 </p> </p>
 <p> <p>
-Generally speaking, events are colour coded to more easily distinguish them:+Generally speaking, events are colour coded to more easily distinguish them from each other:
 <ul> <ul>
 <li><b>White:</b> Posts written by players, containing dialogue and character actions.</li> <li><b>White:</b> Posts written by players, containing dialogue and character actions.</li>
Line 148: Line 268:
 <li><span class="glyphicon glyphicon-modal-window" style="color:#9d9d9d;background-color:#000000;"></span>: <a href="https://www.marosia.com/doku/doku.php?id=travel#Vehicles_and_Mounts">In a vehicle.</a></li> <li><span class="glyphicon glyphicon-modal-window" style="color:#9d9d9d;background-color:#000000;"></span>: <a href="https://www.marosia.com/doku/doku.php?id=travel#Vehicles_and_Mounts">In a vehicle.</a></li>
 <li><span class="glyphicon glyphicon-knight" style="color:#9d9d9d;background-color:#000000;"></span>: <a href="https://www.marosia.com/doku/doku.php?id=travel#Vehicles_and_Mounts">Riding a mount.</a></li> <li><span class="glyphicon glyphicon-knight" style="color:#9d9d9d;background-color:#000000;"></span>: <a href="https://www.marosia.com/doku/doku.php?id=travel#Vehicles_and_Mounts">Riding a mount.</a></li>
-<li><span class="glyphicon glyphicon-flag" style="color:#9d9d9d;background-color:#000000;"></span>: <a href="https://www.marosia.com/doku/doku.php?id=combat#Subdued">Subdued.</a></li>+<li><span class="glyphicon glyphicon-flag" style="color:#ffffff;background-color:#000000;"></span>: <a href="https://www.marosia.com/doku/doku.php?id=combat#Subdued">Subdued.</a></li>
 <li><span class="glyphicon glyphicon-tint" style="color:#c9202c;background-color:#000000;"></span>: <a href="https://www.marosia.com/doku/doku.php?id=combat#Incapability">Incapable.</a></li> <li><span class="glyphicon glyphicon-tint" style="color:#c9202c;background-color:#000000;"></span>: <a href="https://www.marosia.com/doku/doku.php?id=combat#Incapability">Incapable.</a></li>
 </ul> </ul>