Difference between revisions of "Complete Roguelike Tutorial, using python3+libtcod, part 1"

From RogueBasin
Jump to navigation Jump to search
Line 33: Line 33:


Now, something libtcod-specific: we're going to use a custom font! It's pretty easy. libtcod comes bundled with a few fonts that are usable right out of the box. Remember however that they can be in different '''formats''', and you'll need to tell it about this. This one is "grayscale" and using the "tcod layout", most fonts are in this format and thus end with ''_gs_tc''. If you wanna use a font with a different layout or make your own, the [http://roguecentral.org/doryen/data/libtcod/doc/1.5.1/html2/console_set_custom_font.html?c=false&cpp=false&cs=false&py=true&lua=false docs on the subject] are really informative. You can worry about that at a later time though. Notice that the size of a font is automatically detected.
Now, something libtcod-specific: we're going to use a custom font! It's pretty easy. libtcod comes bundled with a few fonts that are usable right out of the box. Remember however that they can be in different '''formats''', and you'll need to tell it about this. This one is "grayscale" and using the "tcod layout", most fonts are in this format and thus end with ''_gs_tc''. If you wanna use a font with a different layout or make your own, the [http://roguecentral.org/doryen/data/libtcod/doc/1.5.1/html2/console_set_custom_font.html?c=false&cpp=false&cs=false&py=true&lua=false docs on the subject] are really informative. You can worry about that at a later time though. Notice that the size of a font is automatically detected.
<div style="padding: 5px; border: solid 1px #C0C0C0; background-color: #F0F0F0"><syntaxhighlight lang="python">tcod.console_set_custom_font('arial10x10.png', tcod.FONT_TYPE_GREYSCALE | tcod.FONT_LAYOUT_TCOD)</syntaxhighlight></div>
<div style="padding: 5px; border: solid 1px #C0C0C0; background-color: #F0F0F0"><syntaxhighlight lang="python">
font_path = 'arial10x10.png' # this will look in the same folder as this script
font_flags = tcod.FONT_TYPE_GREYSCALE | tcod.FONT_LAYOUT_TCOD # the layout may need to change with a different font file
tcod.console_set_custom_font(font_path, font_flags)
</syntaxhighlight></div>





Revision as of 22:32, 16 September 2017

This is part of a series of tutorials; the main page can be found here.

Graphics

Setting it up

See Part 0.

Download a font

You will also need to download a font file. libtcod does not transform standard .ttf file fonts into something usable. Instead, we must use what's called a bitmap format. As a consequence, the font displayed is static - you will not be able to increase or decrease the size of the font on the screen without picking a new font file. You may find these font files in a variety of locations.

For this tutorial, it is recommended that you download arial10x10.png. You will want to make sure that this font file is found within the same folder as the script we're creating within this tutorial.

For more information on choosing a font, the author of Cogmind has done a great in-depth explanation here.

Showing the @ on screen

This first part will be a bit of a crash-course. The reason is that you need a few lines of boilerplate code that will initialize and handle the basics of a libtcod window. And though there are many options, we won't explain them all or this part will really start to drag out. Fortunately the code involved is not as much as in many other libraries!

First we import the library. The name libtcodpy is a bit funky (sorry Jice!) so we'll rename it to just tcod, which is easier to type.

import libtcodpy as tcod


Then, a couple of important values. It's good practice to define special numbers that might get reused. Many people capitalize them to distinguish from variables that may change.

SCREEN_WIDTH = 80
SCREEN_HEIGHT = 50
LIMIT_FPS = 20


Now, something libtcod-specific: we're going to use a custom font! It's pretty easy. libtcod comes bundled with a few fonts that are usable right out of the box. Remember however that they can be in different formats, and you'll need to tell it about this. This one is "grayscale" and using the "tcod layout", most fonts are in this format and thus end with _gs_tc. If you wanna use a font with a different layout or make your own, the docs on the subject are really informative. You can worry about that at a later time though. Notice that the size of a font is automatically detected.

font_path = 'arial10x10.png'  # this will look in the same folder as this script
font_flags = tcod.FONT_TYPE_GREYSCALE | tcod.FONT_LAYOUT_TCOD  # the layout may need to change with a different font file
tcod.console_set_custom_font(font_path, font_flags)


This is probably the most important call, initializing the window. We're specifying its size, the title (change it now if you want to), and the last parameter tells it if it should be fullscreen or not.

tcod.console_init_root(SCREEN_WIDTH, SCREEN_HEIGHT, 'python/libtcod tutorial', False)


For a real-time roguelike, you wanna limit the speed of the game (frames-per-second or FPS). If you want it to be turn-based, ignore this line. (This line will simply have no effect if your game is turn-based.)

tcod.sys_set_fps(LIMIT_FPS)


Now the main loop. It will keep running the logic of your game as long as the window is not closed.

while not tcod.console_is_window_closed():


For each iteration we'll want to print something useful to the window. If your game is turn-based each iteration is a turn; if it's real-time, each one is a frame. Here we're setting the text color to be white. There's a good list of colors you can use here, along with some info about mixing them and all that. The zero is the console we're printing to, in this case the screen; more on that later.

    tcod.console_set_default_foreground(0, tcod.white)


Don't forget the indentation at the beginning of the line, it's extra-important in Python. Make sure you don't mix tabs with spaces for indentation! This comes up often if you copy-and-paste code from the net, and you'll see an error telling you something about the indentation (that's a pretty big clue right there!). Choose one option and stick with it. In this tutorial we're using the 4-spaces convention, but tabs are easy to work with in many editors so they're a valid choice too.

Now print a character to the coordinates (1,1). Once more the first zero specifies the console, which is the screen in this case. Can you guess what that character is? No, it doesn't move yet!

    tcod.console_put_char(0, 1, 1, '@', tcod.BKGND_NONE)


At the end of the main loop you'll always need to present the changes to the screen. This is called flushing the console and is done with the following line.

    tcod.console_flush()


Ta-da! You're done. Run that code and give yourself a pat on the back!

Common Bugs

Common reasons the code won't run.
  • Python errors? Using Python 2?
    This tutorial is only for Python 3. See our Python 2 tutorial.
  • On Windows? Getting the "Incompatible architecture" error?
    Make sure your Python and libtcod are either BOTH 32 bit, or BOTH 64 bit.
  • On Windows? Getting the "The specified module could not be found" error?
    You didn't verify that libtcod was working. Go back and do it
  • Still blocked for other reasons? Check out the problems page.

Note that since we don't have any input handling code, the game may crash on exit (it won't process the OS's requests to close). Oops! Don't worry though, this problem will go away as soon as we add keyboard support.

Here's the complete code so far.

Moving around

That was pretty neat, huh? Now we're going to move around that @ with the keys!

First, we need to keep track of the player's position. We'll use these variables for that, and take the opportunity to initialize them to the center of the screen instead of the top-left corner. This can go just before the main loop.

playerx = SCREEN_WIDTH // 2
playery = SCREEN_HEIGHT // 2
Notes:
  • The screen coordinates start at the top left corner (0, 0) and end at the bottom right corner (SCREEN_WIDTH, SCREEN_HEIGHT)
  • Python 3 has two types of division: "/" and "//". The former will produce a floating point number (e.g. 1.0, 2.0, 3.0) while the latter will produce an integer (e.g. 1, 2, 3). The libtcod library is explicitly expecting an integer, so we will make sure that Python produces an integer for the player's (x, y) coordinates.


There are functions to check for pressed keys. When that happens, just change the coordinates accordingly. Then, print the @ at those coordinates. We'll make a separate function to handle the keys.

def handle_keys():
    global playerx, playery

    # movement keys
    if tcod.console_is_key_pressed(tcod.KEY_UP):
        playery = playery - 1

    elif tcod.console_is_key_pressed(tcod.KEY_DOWN):
        playery = playery + 1

    elif tcod.console_is_key_pressed(tcod.KEY_LEFT):
        playerx = playerx - 1

    elif tcod.console_is_key_pressed(tcod.KEY_RIGHT):
        playerx = playerx + 1


Done! These are the arrow keys, if you want to use other keys here's a reference (pay attention to the Python-specific notes).

While we're at it, why not include keys to toggle fullscreen mode, and exit the game? You can put this at the beginning of the function.

    key = tcod.console_check_for_keypress()
    if key.vk == tcod.KEY_ENTER and key.lalt:
        #Alt+Enter: toggle fullscreen
        tcod.console_set_fullscreen(not tcod.console_is_fullscreen())

    elif key.vk == tcod.KEY_ESCAPE:
        return True  #exit game


From now on, we'll show code for a real-time game with a green background, and code for a turn-based game with a blue background.

Notice a subtle difference here. The console_is_key_pressed function is useful for real-time games, since it checks if a key is pressed with no delays. console_check_for_keypress, on the other hand, treats the key like it's being typed. So after the first press, it will stop working for a fraction of a second. This is the same behavior you see when you type, otherwise pressing a key would result in you typing 3 or 4 letters! It's useful for all commands except movement, which you usually want to react as soon as possible with no delays, and continue for as long as you press the movement keys.

Now here's an important thing: you can use that first line to distinguish between real-time and turn-based gameplay! See, console_check_for_keypress won't block the game. But if you replace it with this line:

    key = tcod.console_wait_for_keypress(True)


Then the game won't go on unless the player presses a key. So effectively you have a turn-based game now.

Now, the main loop needs to call this function in order for it to work. If the returned value is True, then we "break" from the main loop, ending the game. The inside of the main loop should now look like this:

    tcod.console_set_default_foreground(0, tcod.white)
    tcod.console_put_char(0, playerx, playery, '@', tcod.BKGND_NONE)

    tcod.console_flush()

    #handle keys and exit game if needed
    exit = handle_keys()
    if exit:
        break


The reason why we draw stuff before handling key input is that, in a turn-based game, the first screen is shown before the first key is pressed (otherwise the first screen would be blank).

One more thing! If you try that, you'll see that moving you leave around a trail of little @'s. That's not what we want! We need to clear the character at the last position before moving to the new one, this can be done by simply printing a space there. Put this just before exit = handle_keys().

        tcod.console_put_char(0, playerx, playery, ' ', tcod.BKGND_NONE)

Finishing Touches

Here's a rundown of the whole code so far.

Go on to the next part.