gw-canvas/js/mixer.js

Library for rendering colorized bitmap fonts. Very fast, suitable for applications where the whole canvas needs frequent redrawing.

import * as Color from "./color";
export class Mixer {
    constructor(base = {}) {
        this.ch = base.ch || 0;
        this.fg = Color.make(base.fg);
        this.bg = Color.make(base.bg);
    }
    _changed() {
        return this;
    }
    copy(other) {
        this.ch = other.ch || -1;
        this.fg = Color.from(other.fg);
        this.bg = Color.from(other.bg);
        return this._changed();
    }
    clone() {
        const other = new Mixer();
        other.copy(this);
        return other;
    }
    equals(other) {
        return (this.ch == other.ch &&
            this.fg.equals(other.fg) &&
            this.bg.equals(other.bg));
    }
    // get dances(): boolean {
    //   return this.fg.dances || this.bg.dances;
    // }
    nullify() {
        this.ch = -1;
        this.fg = Color.NONE;
        this.bg = Color.NONE;
        return this._changed();
    }
    blackOut() {
        this.ch = -1;
        this.fg = Color.BLACK;
        this.bg = Color.BLACK;
        return this._changed();
    }
    draw(ch = -1, fg = -1, bg = -1) {
        if (ch && ch !== -1) {
            this.ch = ch;
        }
        if (fg !== -1 && fg !== null) {
            fg = Color.from(fg);
            this.fg = this.fg.blend(fg);
        }
        if (bg !== -1 && bg !== null) {
            bg = Color.from(bg);
            this.bg = this.bg.blend(bg);
        }
        return this._changed();
    }
    drawSprite(src, opacity) {
        if (src === this)
            return this;
        // @ts-ignore
        if (opacity === undefined)
            opacity = src.opacity;
        if (opacity === undefined)
            opacity = 100;
        if (opacity <= 0)
            return;
        if (src.ch)
            this.ch = src.ch;
        if ((src.fg && src.fg !== -1) || src.fg === 0)
            this.fg = this.fg.mix(src.fg, opacity);
        if ((src.bg && src.bg !== -1) || src.bg === 0)
            this.bg = this.bg.mix(src.bg, opacity);
        return this._changed();
    }
    invert() {
        [this.bg, this.fg] = [this.fg, this.bg];
        return this._changed();
    }
    multiply(color, fg = true, bg = true) {
        color = Color.from(color);
        if (fg) {
            this.fg = this.fg.multiply(color);
        }
        if (bg) {
            this.bg = this.bg.multiply(color);
        }
        return this._changed();
    }
    scale(multiplier, fg = true, bg = true) {
        if (fg)
            this.fg = this.fg.scale(multiplier);
        if (bg)
            this.bg = this.bg.scale(multiplier);
        return this._changed();
    }
    mix(color, fg = 50, bg = fg) {
        color = Color.from(color);
        if (fg > 0) {
            this.fg = this.fg.mix(color, fg);
        }
        if (bg > 0) {
            this.bg = this.bg.mix(color, bg);
        }
        return this._changed();
    }
    add(color, fg = 100, bg = fg) {
        color = Color.from(color);
        if (fg > 0) {
            this.fg = this.fg.add(color, fg);
        }
        if (bg > 0) {
            this.bg = this.bg.add(color, bg);
        }
        return this._changed();
    }
    separate() {
        [this.fg, this.bg] = Color.separate(this.fg, this.bg);
        return this._changed();
    }
    bake(clearDancing = false) {
        this.fg = this.fg.bake(clearDancing);
        this.bg = this.bg.bake(clearDancing);
        this._changed();
        return {
            ch: this.ch,
            fg: this.fg.toInt(),
            bg: this.bg.toInt(),
        };
    }
    toString() {
        // prettier-ignore
        return `{ ch: ${this.ch}, fg: ${this.fg.toString()}, bg: ${this.bg.toString()} }`;
    }
}
export function makeMixer(base) {
    return new Mixer(base);
}