Difference between revisions of "Interface Guide"
| Line 1: | Line 1: | ||
| − | <nowiki> | + | <nowiki><html> |
<tbody> | <tbody> | ||
<tr> | <tr> | ||
| Line 641: | Line 641: | ||
</center> | </center> | ||
</center> | </center> | ||
| − | </nowiki> | + | </html></nowiki> |
Revision as of 21:20, 13 July 2005
<html> <tbody> <tr> <td align="center" width="100%" background="header.gif"> <font face="Arial, Helvetica" size="6"> <b>Cantr II Basic Interface Guide</b> </font></td> </tr> </tbody> </table> <center> <table style="height: 75px; width: 700px;"> <tbody> <tr height="20"> <td colspan="1" bgcolor="#004400"><br> </td> </tr> <tr> <td colspan="1" bgcolor="#008800" align="center"><font face="Verdana, Arial, Helvetica" size="3"><b>INTRODUCTION</b></font></td> </tr> <tr height="20"> <td colspan="1" bgcolor="#004400"><br> </td> </tr> </tbody> </table> </center> <center> <table style="height: 58px; width: 700px;"> <tbody> <tr> <td colspan="2" width="700"><font face="Verdana, Arial, Helvetica" size="2">Welcome at Cantr II. This is a short introductory guide to Cantr II's interface. On the whole, the interface is fairly intuitive, so feel free just to jump in and play - this guide is by no means essential. But for those who, like myself, were a bit confused to start with, this is a gentle introduction on what to click on and why...<br> <br> If you want an introduction to how the game works in general - go <a href="http://www.cantr.net/ooc/index.php?l=1" style="color: rgb(255, 153, 0);">here</a> See the general explanation and newbie guide in particular...<br> <br> Also, take time to read the <a href="http://www.cantr.net/forum/viewtopic.php?t=3488">FAQs</a><br> </font></td> </tr> </tbody> </table> </center> <center> <table style="height: 75px; width: 700px;"> <tbody> <tr height="20"> <td colspan="1" bgcolor="#004400"><br> </td> </tr> <tr> <td colspan="1" bgcolor="#008800" align="center"><font face="Verdana, Arial, Helvetica" size="3"><b>CHARACTER INFO BOX<br> </b></font></td> </tr> <tr height="20"> <td colspan="1" bgcolor="#004400"><br> </td> </tr> </tbody> </table> </center> <center> <table> <tbody> <tr> <td colspan="2" width="700">At the top of almost all pages when playing cantr there will be a short summary about your character (just so you don't forget who you're playing...) and links to the seven main pages. Below is an example:<br> <br> <img src="character_details.GIF" title="Character Details" alt="Character Details" style="border: 4px solid ; width: 701px; height: 296px;"><br> <br> The header displays the Cantr time and how many minutes you have left (this player is clearly an addict...).<br> <br> Next is the name of your character. (Note: This is the name YOU know your character by - there's nothing to stop you giving different names out or other characters choosing to remember you by a differenty name. You can change this the same way you change any name in the game) Next to your name is a small link to the character description page - explained later. <br> <br> The character's age, the weight they are carrying and their location are all self-explanatory.<br> <br> If your character is participating in a project, a short description will appear below the location. Clicking on the project name will bring up details on the project, clicking on the cross will end your characters's participation in the project.<br> <br> Below this there is a row of links to the seven main pages that you will use in Cantr. I'll go through these one by one...<br> </td> </tr> </tbody> </table> </center> <center> <table width="700"> <tbody> <tr height="20"> <td colspan="1" bgcolor="#004400"><br> </td> </tr> <tr> <td colspan="1" bgcolor="#008800" align="center"><font face="Verdana, Arial, Helvetica" size="3"><b>EVENTS PAGE<br> </b></font></td> </tr> <tr height="20"> <td colspan="1" bgcolor="#004400"> <br> </td> </tr> </tbody> </table> </center> <center> <table> <tbody> <tr> <td colspan="2" width="700">The events page is central to playing Cantr. It will be the first page loaded when you start to play with a character. It displays everything your character sees and hears. Below is an example:<br> <br> <img src="Events_page.GIF" title="Events Page" alt="Events Page" style="border: 4px solid ; width: 698px; height: 379px;"><br> <br> To say something that will appear on the screen of every character in the same place (though not in buildings if there are any) Type into the box at the top and click 'Talk to all' (talking to an individual character will be covered later)<br> <br> Below this is the list of things that are happening where you are. This is just a very simple example. A busy town will have much more going on. They are listed with the most recent activities at the top. Each activity is time-stamped with the Cantr day and hour.<br> <br> Every (living) character that appears on the events page will be displayed in orange. This is a link to the character interaction page, where you can change the name you know them by, talk to them, help them and many other things.<br> <br> At the bottom left are two options to 'hide all' of the events. and 'show all' of the events (over the past few days)<br> </td> </tr> </tbody> </table> </center> <center> <table width="700"> <tbody> <tr height="20"> <td colspan="1" bgcolor="#004400"><br> </td> </tr> <tr> <td colspan="1" bgcolor="#008800" align="center"><font face="Verdana, Arial, Helvetica" size="3"><b>INVENTORY PAGE<br> </b></font></td> </tr> <tr height="20"> <td colspan="1" bgcolor="#004400"> <br> </td> </tr> </tbody> </table> </center> <center> <table> <tbody> <tr> <td colspan="2" width="700">This, like most of the interface in Cantr, pretty much does what it says on the tin... I won't put an example here, but Ill put a brief description of the various icons. Different types of objects (notes, envelopes, materials, clothes, tools etc...) Will have different icons...<br> <br> <b>Universal Icons</b><br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_drop.gif" alt="" style="width: 30px; height: 30px;"> - Drop: Drops the item where your character stands. Anyone else in the same area can then pick it up. In the case of materials, you will be asked how many grams you wish to drop.<br> <br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_give.gif" alt="" style="width: 30px; height: 30px;"> - Give: Gives the item to another character. In the case of materials, you will be asked how many grams you want to hand over. Then there will be drop down box where you can choose the character to give the item to. (Note: Each character has a limit to how much they can carry - if you try to give something to a character and it is too heavy for them, an error message will say so)<br> <br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_use.gif" alt="" style="width: 30px; height: 30px;"> - Use: Use the item on a project or to start a project. You will be presented with a drop down list of all the projects, and, in the case of materials, be asked how many grams you wish to use. Or you will be asked to input the details of the project to be started.<br> <br> <b>Notes and Envelopes Icons</b><br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_copy.gif" alt="" style="width: 30px; height: 30px;"> - Copy: Make an exact copy of a note<br> <br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_envelop.gif" alt="" style="width: 30px; height: 30px;"> - Envelope: Put the note or envelope into another envelope<br> <br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_edit.gif" alt="" style="width: 30px; height: 30px;"> - Edit: Edit a note (as long as it has not been stored as uneditable) You can use HTML in notes, but not note titles<br> <br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_read.gif" alt="" style="width: 30px; height: 30px;"> - Read: Starts a countdown to a nuclear explosion that will wipe out the enitire cantr world - use with caution<br> <br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_seal.gif" alt="" style="width: 30px; height: 30px;"> - Seal: Seals an envelope. The seal will be broken when another character opens it. Your name will also be on the seal, so the character opening the envelope will know who sealed it.<br> <br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_empty_envelop.gif" alt="" style="width: 30px; height: 30px;"> - Open: Opens the envelope and lists all the notes and envelopes inside so you can choose which to take out. If the envelope is sealed, you will be asked if you want to break the seal<br> <br> <b>Materials Icons</b> <br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_store.png" alt="" style="width: 30px; height: 30px;"> - Store: Put the material into a storage item. You will be asked how many grams you wish to store. (Note: You will be informed if the amount you wish to store exceeds how much more space there is)<br> <br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_eat.gif" alt="" style="width: 30px; height: 30px;"> - Eat: Let's your character consume something (only some things can be eaten...) Note: Your character eats to satisfy hunger automatically. But some things have a different effect if eaten using this button....<br> <br> <b>Clothes Icons</b><br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_wear.gif" alt="" style="width: 30px; height: 30px;"> - Wear: Your character will wear the item of clothing, and other characters will see it when they look at your character description. (It can be taken off by going to the description of your own character)<br> </td> </tr> </tbody> </table> </center> <center> <table width="700"> <tbody> <tr height="20"> <td colspan="1" bgcolor="#004400"><br> </td> </tr> <tr> <td colspan="1" bgcolor="#008800" align="center"><font face="Verdana, Arial, Helvetica" size="3"><b>LOCATION PAGE<br> </b></font></td> </tr> <tr height="20"> <td colspan="1" bgcolor="#004400"> <br> </td> </tr> </tbody> </table> </center> <center> <table> <tbody> <tr> <td colspan="2" width="700">This page gives some details about where your character is. An example is below:<br> <img src="location_page.GIF" title="Location Page" alt="Location Page" style="border: 4px solid ; width: 706px; height: 484px;"><br> <br> The map on the left is a small representation of the local area.<br> <br> In the center is a list of all the raw materials available. Clicking on the icon next to the materials will take you to a page where you can start a project to gather it.<br> <br> To the right is a small image that does nothing much but just look pretty...<br> <br> Below those, in the center is a link to a list of animals in that location. Currently the only interaction available with animals is to attack them.<br> <br> At the bottom of the page is a list of the roads out of the location. Clicking on <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_follow.gif" alt="" style="width: 30px; height: 30px;"> will make your character follow the path (not an option if you character is in the kiddle of a project - stop your participation first). The other icon: <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_improve.gif" alt="" style="width: 30px; height: 30px;"> will start a project to improve the type of road.<br> </td> </tr> </tbody> </table> <center> <table width="700"> <tbody> <tr height="20"> <td colspan="1" bgcolor="#004400"><br> </td> </tr> <tr> <td colspan="1" bgcolor="#008800" align="center"><font face="Verdana, Arial, Helvetica" size="3"><b>BUILDINGS & VEHICLES PAGE<br> </b></font></td> </tr> <tr height="20"> <td colspan="1" bgcolor="#004400"> <br> </td> </tr> </tbody> </table> </center> <center> <table> <tbody> <tr> <td colspan="2" width="700">Not much to explain here but a few pretty obvious icons...<br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_enter.gif" alt="" style="width: 30px; height: 30px;"> - Enter: Go into building or get into vehicle. Not possible if building/vehicle is locked<br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_knock.gif" alt="" style="width: 30px; height: 30px;"> - Knock: Your character will knock on the door. This will be visible on the events page for all characters outside and inside the building/room<br> </td> </tr> </tbody> </table> <center> <table width="700"> <tbody> <tr height="20"> <td colspan="1" bgcolor="#004400"><br> </td> </tr> <tr> <td colspan="1" bgcolor="#008800" align="center"><font face="Verdana, Arial, Helvetica" size="3"><b>PEOPLE PAGE<br> </b></font></td> </tr> <tr height="20"> <td colspan="1" bgcolor="#004400"> <br> </td> </tr> </tbody> </table> </center> <center> <table> <tbody> <tr> <td colspan="2" width="700">This gives a list of every character in the same location. It is also the same page that will appear when you click on a character's orange link from the events page (but only for that character or those characters in the exchange)<br> <br> The icons are as follow:<br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_char_happy.gif" alt="" style="width: 30px; height: 30px;"> - Description: Will take you to a description of the person, with some vital statistics (you get to see less about another character than you do your own) You can also change the name you know the character by after clicking this icon.<br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_talk.gif" alt="" style="width: 30px; height: 30px;"> - Talk: Will allow you to talk to a person. What you say will only be heard by that character (but other characters in the same location will see you saying something to that particular character)<br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_pointat.png" alt="" style="width: 30px; height: 30px;"> - Point: Every character in the same place will see you point at that particular character<br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_help.gif" alt="" style="width: 30px; height: 30px;"> - Help: Your character will participate in the project that character is currently working on (if any)<br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_drag.gif" alt="" style="width: 30px; height: 30px;"> - Drag: Choose a loction (building or vehicle) and you will start to drag that character there<br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_hit.gif" alt="" style="width: 30px; height: 30px;"> - Hit: Choose a weapon and how much force you want to use and your character will attack that character<br> </td> </tr> </tbody> </table> <center> <table width="700"> <tbody> <tr height="20"> <td colspan="1" bgcolor="#004400"><br> </td> </tr> <tr> <td colspan="1" bgcolor="#008800" align="center"><font face="Verdana, Arial, Helvetica" size="3"><b>OBJECTS PAGE<br> </b></font></td> </tr> <tr height="20"> <td colspan="1" bgcolor="#004400"> <br> </td> </tr> </tbody> </table> </center> <center> <table> <tbody> <tr> <td colspan="2" width="700">This page is similar to the inventory page, except that it lists everything 'on the floor' where your character is, including machines. Icons are the same as in the inventory page except for a few:<br> <br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_take.gif" alt="" style="width: 30px; height: 30px;"> - Take: Your character will take the item. For materials, you will be asked how many grams you wish to take<br> <img src="pull.gif" title="Pull" alt="Pull" style="width: 47px; height: 28px;"> - Pull/Push: After choosing which building, your character will push the note or envelope into a building<br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_bury.gif" alt="" style="width: 30px; height: 30px;"> - Bury: Your character will start a project to bury the dead body<br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_use.gif" alt="" style="width: 30px; height: 30px;"> - Use: If there are any machines, you can use this button to start a project. In most cases this will bring up a form where the details for the project can be entered.<br> </td> </tr> </tbody> </table> <center> <table width="700"> <tbody> <tr height="20"> <td colspan="1" bgcolor="#004400"><br> </td> </tr> <tr> <td colspan="1" bgcolor="#008800" align="center"><font face="Verdana, Arial, Helvetica" size="3"><b>ACTIVITY PAGE<br> </b></font></td> </tr> <tr height="20"> <td colspan="1" bgcolor="#004400"> <br> </td> </tr> </tbody> </table> </center> <center> <table> <tbody> <tr> <td colspan="2" width="700">This page is a list of all activites in the area your character is in. Because there are often many unfinished projects, it takes a long time to load them all. Instead, there is a search field, so you can search for specific types of projects. Leaving the field blank will load all activities. Projects started by your character are listed automatically.<br> <br> An individual project will look similar to this:<br> <br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_small_info.gif" alt="" style="width: 30px; height: 30px;"><img src="http://www.cantr.net/graphics/cantr/pictures/button_small_join.gif" alt="" style="width: 30px; height: 30px;"><img src="http://www.cantr.net/graphics/cantr/pictures/button_small_end.gif" alt="" style="width: 30px; height: 30px;"> farming for slime mould (<span style="color: rgb(255, 153, 0);">a woman in her thirties</span>, 1015-1)<br> <br> The first icon gives details on the projects. Clicking the second icon will make your character participate in that project. The cross will cancel the project (only possible if no progress has been made and no materials have been used if required)<br> <br> The character in brackets is the character who originally started the project if they are still in the same place (not necessarily the character working on the project) and is a link to the character details as usual. After that is a Cantr time stamp of when the project was started.<br> <br> Projects are listed in three colours:<br> <span style="color: rgb(153, 153, 153);">Has no one working on the project</span><br> <span style="color: rgb(192, 192, 192);">Has other characters working on the project</span><br> Is the project your character is working on<br> </td> </tr> </tbody> </table> <center> <table width="700"> <tbody> <tr height="20"> <td colspan="1" bgcolor="#004400"><br> </td> </tr> <tr> <td colspan="1" bgcolor="#008800" align="center"><font face="Verdana, Arial, Helvetica" size="3"><b>CHARACTER AND PLAYER MENUS<br> </b></font></td> </tr> <tr height="20"> <td colspan="1" bgcolor="#004400"> <br> </td> </tr> </tbody> </table> </center> <center> <table> <tbody> <tr> <td colspan="2" width="700">Finally, at the bottom of most pages are two menus. It will look like this:<br> <br> <img src="Char_and_player_menu.GIF" title="Character and player menus" alt="Character and player menus" style="border: 4px solid ; width: 701px; height: 268px;"><br> <br> <br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_note.gif" alt="" style="width: 60px; height: 60px;" align="middle"> - Will create a new note for editing - will appear in your character's inventory<br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_envelop.gif" alt="" style="width: 60px; height: 60px;" align="middle"> - Will create an envelope in your character's inventory<br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_build.gif" alt="" style="width: 60px; height: 60px;" align="middle"> - Opens the build menu, where you can start projects to build tools, machines, vehincles etc...<br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_clothes.gif" alt="" style="width: 60px; height: 60px;" align="middle"> - Opens the menu for clothes and accessories, similar to the build menu<br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_back2.gif" alt="" style="width: 60px; height: 60px;" align="middle"> - Go back to the player page (the list of your characters)<br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_help.gif" alt="" style="width: 60px; height: 60px;" align="middle"> - More details/help<br> <img src="http://www.cantr.net/graphics/cantr/pictures/button_logout.gif" alt="" style="width: 60px; height: 60px;" align="middle"> - Logout<br> </td> </tr> </tbody> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="70"> <tbody> <tr height="70" valign="center"> <td align="center" width="100%" background="http://www.cantr.net/graphics/cantr/pictures/footer.gif"> <font face="Arial, Helvetica" size="2"> Questions, suggestions or comments? Check the <a href="index.php?s=&l=1&page=departments">out-of-character departments page</a> for contact info. </font></td> </tr> <tr height="70" valign="center"> <td align="center" width="100%" background="http://www.cantr.net/graphics/cantr/pictures/header.gif"> <br> </td> </tr> <tr valign="top"> <td align="center" width="100%"> this site is hosted by:<br> <br> <a href="http://www.flizzle.net">Flizzle.net</a> </td> </tr> </tbody> </table> </center> </center> </center> </center> </center> </center> </html>
