Difference between revisions of "User interface features"

From RogueBasin
Jump to navigation Jump to search
m (→‎Numpad: Added warning on numpads)
 
(2 intermediate revisions by one other user not shown)
Line 9: Line 9:
The character display in roguelikes is, however, different: instead of representing words or graphical components of a graphic user interface, each character has a meaning on its own. This is one of the [[Definition|basic characteristics]] of roguelikes, although it is not a deciding one as the developer may not feel comfortable with it and would instead go with a graphical display. There are some adventure and role-playing games that have a character display similar to the one roguelikes use, but it doesn't qualify them as roguelikes, as they are missing other most important features.
The character display in roguelikes is, however, different: instead of representing words or graphical components of a graphic user interface, each character has a meaning on its own. This is one of the [[Definition|basic characteristics]] of roguelikes, although it is not a deciding one as the developer may not feel comfortable with it and would instead go with a graphical display. There are some adventure and role-playing games that have a character display similar to the one roguelikes use, but it doesn't qualify them as roguelikes, as they are missing other most important features.


A typical roguelike ASCII display is the following :
A typical roguelike ASCII display is the following:


<code>
<code>
Line 22: Line 22:
                           ? A magical item
                           ? A magical item
</code>
</code>
Some ASCII characters have the same meaning in nearly every roguelikes. <code>.</code> is used for floors, lit areas, or somewhere the player can walk on and doesn't have anything special. In [[dungeon]]s, <code><</code> and <code>></code> are stairs to the previous and next level. <code>@</code> usually is the hero and letters from <code>a</code> to <code>z</code> (lower case and capital letters) the monsters. <code>?</code> is common for scrolls, <code>!</code> for potions.
Some ASCII characters have the same meaning in nearly every roguelike. <code>.</code> is used for floors, lit areas, or somewhere the player can walk on. In [[dungeon]]s, <code><</code> and <code>></code> are stairs to the previous and next level. <code>@</code> usually is the hero and letters from <code>a</code> to <code>z</code> (lower case and capital letters) the monsters. <code>?</code> is common for scrolls, <code>!</code> for potions.


===Graphical display===
===Graphical display===
'''Graphical displays''' manipulate pixels directly, rather than rendering them as characters of text. This approach gives much more flexibility than pure text, since shapes can be modified before drawing them on the screen. Graphical displays often use tiles (small pictures) instead of text symbols.
'''Graphical displays''' (a misnomer when text is one kind whereof, as opposed to sprite) manipulate pixels directly, rather than rendering them as characters of text. This approach gives much more flexibility than pure text, since shapes can be modified before drawing them on the screen. Graphical displays often use tiles (small pictures) instead of text symbols.


If you want to use graphical tiles in your roguelike, you might find the [[Finding_graphical_tiles|list of tilesets]] helpful.
If you want to use graphical tiles in your roguelike, you might find the [[Finding graphical tiles|list of tilesets]] helpful.


==Movement keys==
==Movement keys==
Line 73: Line 73:


It is a very important part of the UI, as it helps to make the combat simpler to the eyes of the player.
It is a very important part of the UI, as it helps to make the combat simpler to the eyes of the player.
Some games (such as [[Nethack]]) do not have a proper targetting system, they only allow the player to enter the direction not the target.
  You throw 2 daggers.
 
 
                    ---------
                    |····f···####
                    |)·)··@·|  #
                    |········#  0
                    -------·|#
                          # #
                          # #
                        #### ##
Others like [[Crawl]] or [[Cataclysm]] have a targetting system for spells, projectiles or missile weapons.
<code>
                                    Nord the Conjurer
                                    Tengu
                                    Health: 16/16    ========================
                                    Magic:  6/6      ========================
                                    AC: 10            Str: 12
          ### #####                  EV: 11            Int: 15
        ##...#...##                SH:  0            Dex: 14
        #.........##...            XL:  2 Next: 54%  Place: Dungeon:2
        .....g.@l......            Gold: 14          Time: 880.2 (1.3)
        ...............            h) +0 hand axe
        .(..........###            g) 7 tomahawks (return)
        #...........#         
        ##...#.....##         
          ########.##                l  giant gecko
                  >.                g  hobgoblin
                  r..                r  rat
                               
A rat comes into view.
Casting: Magic Dart
Confirm with . or Enter, or press ? or * to list all spells.
Aiming: Magic Dart
Press: ? - help, Shift-Dir - straight line, f - giant gecko
Aim: a giant gecko
</code>


==See Also==
==See Also==
* [[Finding graphical tiles]]
* [[Finding graphical tiles]]
[[Category:Articles]]
[[Category:Articles]]

Latest revision as of 12:34, 8 January 2020

The user interface allows the player to interact with the game.

Display

ASCII or graphical tiles are commonly used ways to represent the game world; however, you can also use any techniques from other computer games genres, or even try to develop your own.

Character display

A character display (also textual display) is an output format that relies on characters to represent information; character displays were the main output format for all software in the 80's, where using extended ASCII it was possible to create simple menus and graphic user interfaces, even using the mouse.

The character display in roguelikes is, however, different: instead of representing words or graphical components of a graphic user interface, each character has a meaning on its own. This is one of the basic characteristics of roguelikes, although it is not a deciding one as the developer may not feel comfortable with it and would instead go with a graphical display. There are some adventure and role-playing games that have a character display similar to the one roguelikes use, but it doesn't qualify them as roguelikes, as they are missing other most important features.

A typical roguelike ASCII display is the following:

            ######       # A wall
######      #....###     . The floor
#....#   ####.@..+..     + A closed door
#.<..#####.....g.###     / An opened door
#..../.....#######       < Stairs to the previous level
#.?..#######             
######                   @ The hero
                         g A monster
                         ? A magical item

Some ASCII characters have the same meaning in nearly every roguelike. . is used for floors, lit areas, or somewhere the player can walk on. In dungeons, < and > are stairs to the previous and next level. @ usually is the hero and letters from a to z (lower case and capital letters) the monsters. ? is common for scrolls, ! for potions.

Graphical display

Graphical displays (a misnomer when text is one kind whereof, as opposed to sprite) manipulate pixels directly, rather than rendering them as characters of text. This approach gives much more flexibility than pure text, since shapes can be modified before drawing them on the screen. Graphical displays often use tiles (small pictures) instead of text symbols.

If you want to use graphical tiles in your roguelike, you might find the list of tilesets helpful.

Movement keys

Numpad

The numeric pad on most keyboards:

7 8 9
 \|/
4-5-6
 /|\
1 2 3

On US and UK keyboards (not sure about others), 7 doubles up as 'Home', 1 as 'End', 9 as 'Page Up' and 3 as 'Page Down', while 8, 4, 6 and 2 double up as the arrow keys Up, Left, Right and Down.

The 5 key usually means to stay in the same place.

But be warned that some keyboards, especially some laptop-keyboards wholly omit the numpad so be sure to always provide an alternative to numpad (such as the vi-keys given below).

Vi keys

Keyboard controls for moving the cursor in Vi(m) and some Roguelikes.

y k u
 \|/
h-.-l
 /|\
b j n

The keys are laid out so that 'hjkl' are all on one line of the keyboard. (This may not be the case on non-us keyboards). As they are (supposed to be) on the keyboard:

y u
 h j k l
b n

The '.' key is often used to stay in one place.

Targetting system

The targetting system is the part of the UI that is in charge of picking targets for the different actions, it is specially used in ranged combat with bows, crossbows, etc. And spell casting (Magic missiles or beams).

It is a very important part of the UI, as it helps to make the combat simpler to the eyes of the player.

Some games (such as Nethack) do not have a proper targetting system, they only allow the player to enter the direction not the target.

 You throw 2 daggers.
 
 
                   ---------
                   |····f···####
                   |)·)··@·|   #
                   |········#  0
                   -------·|#
                          # #
                          # #
                       #### ##


Others like Crawl or Cataclysm have a targetting system for spells, projectiles or missile weapons.

                                    Nord the Conjurer
                                    Tengu
                                    Health: 16/16     ========================
                                    Magic:  6/6       ========================
                                    AC: 10            Str: 12
         ### #####                  EV: 11            Int: 15
        ##...#...##                 SH:  0            Dex: 14
        #.........##...             XL:  2 Next: 54%  Place: Dungeon:2
        .....g.@l......             Gold: 14          Time: 880.2 (1.3) 
        ...............             h) +0 hand axe
        .(..........###             g) 7 tomahawks (return)
        #...........#           
        ##...#.....##           
         ########.##                l   giant gecko
                 >.                 g   hobgoblin
                 r..                r   rat
                                
A rat comes into view.
Casting: Magic Dart
Confirm with . or Enter, or press ? or * to list all spells.
Aiming: Magic Dart
Press: ? - help, Shift-Dir - straight line, f - giant gecko
Aim: a giant gecko

See Also