Creating the game

Now, lets add some game code to main Javascript file, to start creating something!

First, let's import the library.

import { Playlib } from './path/to/Playlib.js'

Importing the library gives you now access to do some interesting stuff! Let's create a new game, by creating a config variable with necessary values, like game name, version, style of the canvas and set to true if you have own canvas. Also, don't forget to add the value where you give the game, location where the canvas going to be created.

var config = {
    game_name: "First Game",
    parent_element: "body",
    style: "",
    width: 1000,
    height: 600,
    useOwnCanvas: false
    //canvas: canvas
}

Also, let's create the game where we give the game those configs, which will create the canvas.

var game = new Playlib.Game(config);

Now, let's jump over to add a simple square to the game. Follow next page!