A horizontal area of the content. A Area defines how the content should be displayed.

Note:
An area can only contain elements of the same type. So either you have tiles or images.

An area for using tilesets.

It supports one tileset at a time, that means all sprites must be of the same size and stored as a grid in one single file. This area is useful for displaying the playing field of a game.

Checkout PixelEngine.Graphics.Tile for more information.

This area has the following options:

• rows - The amount of rows of the grid. This value defines the height of the Area.
• tileset - The tileset that will be used for all elements in the Area.
• background - The background of the Area.

An area containing images that can be arranged freely.

This is a complete contrast to the way how tiledArea is working. Usefull applications are GUIs, menus or loading screens.

Checkout PixelEngine.Graphics.Image for more information.

This area has the following options:

• height - The height or the Area in pixels.
• background - The background of the Area.

Returns the height of a list of Areas

This can be used to return the height of a tiledArea. For a imageArea this function is trivial.

Every area has a background.

An image that gets repeated.

Image "groundTile.png"

A single color background. It uses avh4/elm-color.

colorBackground (Color.rgb255 20 12 28)

Options for the render function

The engine comes with a set of options:

• width - Width of the game.
  Note:
  all spatial values are given in Pixels.

• transitionSpeedInSec - The speed of animations.
  Default value: 0 for no animations

For the start use the following settings

{width = 800, transitionSpeedInSec = 0.2}

Displays content of the game.

Note:
The first argument is the scale. Use only power of 2 as scale to ensure crisp pixels.