seed-engine/src/prefab/ui/UIPanel.js

A Lightweight 2D game engine using WebGL2. The engine is designed on the focus of creating a bridge between creating and publishing games to the Seed Network as modules.

import { ClickController, Point, SceneObject, Renderable2D, UIManager, UIElement, TextureManager } from '../../entry';

export default class UIPanel extends UIElement {
    constructor(viewport, x, y, w, h, texture) {
        super(new Point(x, y, 0), new Point(w, h, 0), 0);

        this.panelObject = new SceneObject(new Point(x, y, 0), new Point(w, h, 0), 0);
        this.panelObject.renderable = new Renderable2D();
        this.panelObject.addComponent(this.panelObject.renderable);
        this.panelObject.renderable.addToViewport(viewport);
        this.panelObject.renderable.setTexture(texture);
        this.panelObject.renderable.setDepth(2000);
    }

    setPosition(x, y) {
        this.transform.setPosition(x, y, 0);
        this.panelObject.transform.setPosition(x, y, 0);
    }

    setScale(x, y) {
        this.transform.setScale(x, y, 0);
        this.panelObject.transform.setScale(x, y, 0);
    }

    setColor(r, g, b, a) {
        this.panelObject.renderable.setColor(r, g, b, a);
        return this;
    }

    onPause() {
        this.panelObject.pause();
        this.panelObject.renderable.pause();
    }

    onUnpause() {
        this.panelObject.unpause();
        this.panelObject.renderable.unpause();
    }

    setSubIndex(index) {
        this.panelObject.renderable.setSubIndex(index);
        return this;
    }

    setDepth(depth) {
        this.panelObject.renderable.setDepth(depth);
        return this;
    }

    onEnd() {
        this.panelObject.renderable.end();
        this.panelObject.end();
    }
}