main.js

import { Playlib } from './bin/playlib.js'
/** @description This is the testing page for modules and is used by the main page (index.html) */


document.getElementById("version").innerHTML = Playlib.version;

const canvas = document.getElementById("canvas");
canvas.width = window.outerWidth;
canvas.height = window.outerHeight;

const ScreenSize = new Playlib.Vec2(canvas.width, canvas.height);

let config = {
    style: "background-color: white;",
    width: ScreenSize.width,
    height: ScreenSize.height,
    canvas: canvas
}


class MainScene extends Playlib.Scene
{
    colors = ["#FFFFFF", "#C0C0C0", "#FF00FF", "#808080", "#000000", "#FF0000", "#800000", "#FFFF00", "#808000", "#00FF00", "#008000", "#00FFFF"];
    colorcount = 0;

    ActivateDown = false;
    
    square = new Playlib.Rect(new Playlib.Vec2(1, 1), new Playlib.Vec2(20, 20), ScreenSize);

    constructor(canvas, ClearScreen)
    {
        super(canvas, ClearScreen);
        this.ClearScreen = false;

        this.square.color = "#545454"
    }
    
    create(ctx)
    {

    }
    
    update(ctx, deltaTime)
    {
        // console.log(this.ActivateDown);
        this.square.draw(ctx);

        this.square.color = this.colors[this.colorcount];
        this.colorcount++;

        if (this.colorcount > this.colors.length) this.colorcount = 0;
        
        if (this.square.position.y >= ScreenSize.x && this.ActivateDown) {
            this.square.position = new Playlib.Vec2(1, 1);
            this.ActivateDown = false;
            ctx.clearRect(0, 0, ScreenSize.x, ScreenSize.y);
        } 
        else if (this.square.position.y >= ScreenSize.x) {
            this.ActivateDown = true;
            this.square.position = new Playlib.Vec2(ScreenSize.x, 0);
        }
        else if (this.ActivateDown) {
            this.square.position.y += 10;
            this.square.position.x -= 10;
        }
        
        else {
            this.square.position.x += 10;
            this.square.position.y += 10;
        }

    }
}

let game = new Playlib.Game(config, [new MainScene()]);

game.run();