thing.js

export class Thing {
    constructor(x, y, width, height, src=null) {
        this._x = x;
        this._y = y;
        this.width = width;
        this.height = height;
        this.src = src;
    }

    get x() {return this._x}
    set x(i) {this._x = i}
    get y() {return this._y}
    set y(i) {this._y = i}

    update(ratio, keyboard, mouse) {}

    draw(ctx, drawSprite) {
        if (this.src == null) {return}
        drawSprite[this.src](this.x, this.y);
    }


    collides(other) {
        return (this.x + this.width > other.x && this.x < other.x + other.width && other.y + other.height > this.y && other.y < this.y + this.height);
    }
}


export class AnimatedThing extends Thing {
    constructor(x, y, width, height, src, animFrames, animTiming) {
        super(x, y, width, height, src);
        this.animFrames = animFrames;
        this.animTiming = animTiming;
        this.anim = 0.0;
        this.loops = 0;
    }

    update(ratio, keyboard, mouse) {
        this.anim += ratio;
        if (this.anim > this.animFrames * this.animTiming) {this.anim = 0.0; this.loops++;}
    }

    draw(ctx, drawSprite) {
        let frame = Math.floor(this.anim / this.animTiming);
        drawSprite[this.src](frame, this.x, this.y);
    }
}


export class ClickableThing extends Thing {
    constructor(x, y, width, height, src=null) {
        super(x, y, width, height, src);
        this.cooldown = 0.0;
        this.delay = 30.0;
    }

    update(ratio, keyboard, mouse, func=this.leftClicked, self=this) {
        if (mouse.leftClick && this.cooldown == 0.0 && this.collides(mouse)) {
            func(self);
            this.cooldown = this.delay;
        } else if (this.cooldown < 0.0) {
            this.cooldown = 0.0;
        } else if (this.cooldown > 0.0) {
            this.cooldown -= ratio;
        }
    }

    draw(ctx, drawSprite) {
        if (this.src == null) {return}
        drawSprite[this.src](this.x, this.y);
    }

    leftClicked() {
        console.log("clicked");
    }

    collides(other) {
        return (this.x + this.width > other.x && this.x < other.x + other.width && other.y + other.height > this.y && other.y < this.y + this.height);
    }
}