lexgui 0.7.15 → 8.1.0

package/build/extensions/ImUi.js

@@ -0,0 +1,227 @@
+// This is a generated file. Do not edit.
+import { LX } from '../core/Namespace.js';
+
+// ImUI.ts @jxarco
+if (!LX) {
+    throw ('Missing LX namespace!');
+}
+LX.extensions.push('ImUI');
+const vec2 = LX.vec2;
+/**
+ * @class ImUI
+ */
+class ImUI {
+    root;
+    canvas;
+    // Components
+    components = {};
+    // Mouse state
+    mouseDown = false;
+    mousePosition = new vec2();
+    usePointerCursor = false;
+    eventClick = undefined;
+    constructor(canvas, options = {}) {
+        console.assert(canvas !== undefined);
+        // To capture key events
+        canvas.tabIndex = -1;
+        canvas.addEventListener('keydown', this._processKey.bind(this), true);
+        canvas.addEventListener('mousedown', this._processMouse.bind(this));
+        canvas.addEventListener('mouseup', this._processMouse.bind(this));
+        canvas.addEventListener('mousemove', this._processMouse.bind(this));
+        canvas.addEventListener('click', this._processMouse.bind(this));
+        // this.font = new FontFace("Ubuntu", "url(../data/Ubuntu-Bold.ttf)");
+        // this.font.load().then(
+        //     ( font ) => {
+        //         document.fonts.add( font );
+        //         if( options.onready ) options.onready();
+        //     },
+        //     (err) => {
+        //         console.error(err);
+        //     },
+        // );
+        this.root = this.canvas = canvas;
+    }
+    _processKey(e) {
+        const detail = e.detail;
+        const key = e.key ?? detail.key;
+        console.log(key);
+    }
+    _processMouse(e) {
+        if (e.type == 'mousedown') {
+            this.mouseDown = true;
+        }
+        else if (e.type == 'mouseup') {
+            this._processClick(e);
+            this.mouseDown = false;
+        }
+        else if (e.type == 'mousemove') {
+            this.mousePosition.set(e.clientX, e.clientY);
+        }
+    }
+    _processClick(e) {
+        this.eventClick = e;
+    }
+    /**
+     * @method Button
+     * @param {String} text
+     * @param {Number} x
+     * @param {Number} y
+     */
+    Button(text, x, y, callback) {
+        const ctx = this.canvas.getContext('2d');
+        // Element properties
+        let fontSize = 16;
+        ctx.font = fontSize + 'px Arial';
+        let padding = new LX.vec2(12, 8);
+        let position = new LX.vec2(x, y);
+        const metrics = ctx.measureText(text);
+        let size = new LX.vec2(metrics.width, metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent);
+        // Get mouse state
+        const hovered = this.mousePosition.x >= position.x
+            && this.mousePosition.x <= (position.x + size.x + padding.x * 2.0)
+            && this.mousePosition.y >= position.y && this.mousePosition.y <= (position.y + size.y + padding.y * 2.0);
+        const active = hovered && this.mouseDown;
+        // Draw button
+        ctx.beginPath();
+        ctx.fillStyle = active ? '#666' : (hovered ? '#444' : '#222');
+        ctx.roundRect(position.x, position.y, size.x + padding.x * 2.0, size.y + padding.y * 2.0, [8, 8, 8, 8]);
+        ctx.fill();
+        // Draw text
+        ctx.fillStyle = hovered ? '#fff' : '#ddd';
+        ctx.fillText(text, position.x + padding.x, position.y + metrics.actualBoundingBoxAscent + padding.y);
+        this.usePointerCursor = this.usePointerCursor || hovered;
+        if (this.eventClick) {
+            if (callback)
+                callback();
+            return true;
+        }
+        return false;
+    }
+    /**
+     * @method Slider
+     * @param {String} text
+     * @param {Number} x
+     * @param {Number} y
+     * @param {Number} value
+     */
+    Slider(text, x, y, value = 0, callback) {
+        const ctx = this.canvas.getContext('2d');
+        // Store slider value
+        if (!this.components[text]) {
+            this.components[text] = { value: value };
+        }
+        else {
+            value = this.components[text].value;
+        }
+        // Element properties
+        let fontSize = 16;
+        ctx.font = fontSize + 'px Arial';
+        let padding = new LX.vec2(12, 8);
+        let position = new LX.vec2(x, y);
+        const metrics = ctx.measureText(text);
+        let size = new LX.vec2(metrics.width, metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent);
+        let fullSize = size.add(padding.mul(2.0));
+        // Get mouse state
+        const hovered = this.mousePosition.x >= position.x && this.mousePosition.x <= (position.x + fullSize.x)
+            && this.mousePosition.y >= position.y && this.mousePosition.y <= (position.y + fullSize.y);
+        const active = hovered && this.mouseDown;
+        // Draw box
+        ctx.beginPath();
+        ctx.fillStyle = hovered ? '#444' : '#222';
+        ctx.roundRect(position.x, position.y, fullSize.x, fullSize.y, [8, 8, 8, 8]);
+        ctx.fill();
+        // Draw value
+        const min = position.x;
+        const max = position.x + fullSize.x;
+        if (active) {
+            value = LX.clamp((this.mousePosition.x - min) / (max - min), 0.0, 1.0);
+            this.components[text].value = value;
+        }
+        let valueSize = new LX.vec2(fullSize.x * value, size.y);
+        ctx.beginPath();
+        ctx.fillStyle = hovered ? '#6074e7' : '#3e57e4';
+        if (valueSize.x > (fullSize.x - 8)) { // 8: radius
+            ctx.roundRect(position.x, position.y, valueSize.x, valueSize.y + padding.y * 2.0, [8, 8, 8, 8]);
+            ctx.fill();
+        }
+        else {
+            ctx.fillRect(position.x, position.y, valueSize.x, valueSize.y + padding.y * 2.0);
+        }
+        // Draw text
+        ctx.fillStyle = hovered ? '#fff' : '#ddd';
+        ctx.fillText(text, position.x + padding.x, position.y + metrics.actualBoundingBoxAscent + padding.y);
+        this.usePointerCursor = this.usePointerCursor || hovered;
+        if (active) {
+            if (callback)
+                callback(value);
+        }
+    }
+    /**
+     * @method Checkbox
+     * @param {String} text
+     * @param {Number} x
+     * @param {Number} y
+     * @param {Number} value
+     */
+    Checkbox(text, x, y, value = false, callback) {
+        const ctx = this.canvas.getContext('2d');
+        // Store slider value
+        if (!this.components[text]) {
+            this.components[text] = { value: value };
+        }
+        else {
+            value = this.components[text].value;
+        }
+        // Element properties
+        let fontSize = 16;
+        ctx.font = fontSize + 'px Arial';
+        let padding = new LX.vec2(12, 8);
+        let position = new LX.vec2(x, y);
+        const metrics = ctx.measureText(text);
+        let size = new LX.vec2(metrics.width, metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent);
+        let boxMargin = 12;
+        let fullSize = new LX.vec2(boxMargin * 2.0, 0);
+        fullSize.add(size, fullSize);
+        // Get mouse state
+        const boxStartX = position.x + size.x + padding.x + boxMargin;
+        const boxStartY = position.y + padding.y;
+        const hovered = this.mousePosition.x >= boxStartX && this.mousePosition.x <= (boxStartX + size.y)
+            && this.mousePosition.y >= boxStartY && this.mousePosition.y <= (boxStartY + size.y);
+        const active = hovered && this.mouseDown;
+        const pressed = hovered && this.eventClick;
+        // Draw button
+        ctx.fillStyle = active ? '#666' : (hovered ? '#444' : '#222');
+        ctx.fillRect(position.x, position.y, fullSize.x + padding.x * 2.0, fullSize.y + padding.y * 2.0);
+        // Draw checkbox
+        if (pressed) {
+            value = !value;
+            this.components[text].value = value;
+            if (callback) {
+                callback(value);
+            }
+        }
+        ctx.fillStyle = value
+            ? (active ? '#ddd' : (hovered ? '#6074e7' : '#3e57e4'))
+            : (active ? '#bbb' : (hovered ? '#777' : '#888'));
+        ctx.fillRect(position.x + size.x + padding.x + boxMargin, position.y + padding.y, size.y, size.y);
+        // Draw text
+        ctx.fillStyle = hovered ? '#fff' : '#ddd';
+        ctx.fillText(text, position.x + padding.x, position.y + metrics.actualBoundingBoxAscent + padding.y);
+        this.usePointerCursor = this.usePointerCursor || hovered;
+    }
+    /**
+     * @method endFrame
+     * @description Clears the information stored during the last frame
+     */
+    endFrame() {
+        delete this.eventClick;
+        // Pointer cursor on hover
+        document.body.style.cursor = this.usePointerCursor ? 'pointer' : 'default';
+        // Clear info
+        this.usePointerCursor = false;
+    }
+}
+LX.ImUI = ImUI;
+
+export { ImUI };
+//# sourceMappingURL=ImUi.js.map

package/build/extensions/ImUi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImUi.js","sources":["../../src/extensions/ImUi.ts"],"sourcesContent":["// ImUI.ts @jxarco\r\n\r\nimport { LX } from '../core/Namespace';\r\n\r\nif ( !LX )\r\n{\r\n    throw ( 'Missing LX namespace!' );\r\n}\r\n\r\nLX.extensions.push( 'ImUI' );\r\n\r\nconst vec2 = LX.vec2;\r\n\r\n/**\r\n * @class ImUI\r\n */\r\n\r\nexport class ImUI\r\n{\r\n    root: any;\r\n    canvas: any;\r\n\r\n    // Components\r\n    components: any = {};\r\n\r\n    // Mouse state\r\n    mouseDown: boolean = false;\r\n    mousePosition: typeof vec2 = new vec2();\r\n    usePointerCursor: boolean = false;\r\n    eventClick: MouseEvent | undefined = undefined;\r\n\r\n    constructor( canvas: HTMLCanvasElement, options: any = {} )\r\n    {\r\n        console.assert( canvas !== undefined );\r\n\r\n        // To capture key events\r\n        canvas.tabIndex = -1;\r\n\r\n        canvas.addEventListener( 'keydown', this._processKey.bind( this ), true );\r\n        canvas.addEventListener( 'mousedown', this._processMouse.bind( this ) );\r\n        canvas.addEventListener( 'mouseup', this._processMouse.bind( this ) );\r\n        canvas.addEventListener( 'mousemove', this._processMouse.bind( this ) );\r\n        canvas.addEventListener( 'click', this._processMouse.bind( this ) );\r\n\r\n        // this.font = new FontFace(\"Ubuntu\", \"url(../data/Ubuntu-Bold.ttf)\");\r\n        // this.font.load().then(\r\n        //     ( font ) => {\r\n        //         document.fonts.add( font );\r\n        //         if( options.onready ) options.onready();\r\n        //     },\r\n        //     (err) => {\r\n        //         console.error(err);\r\n        //     },\r\n        // );\r\n\r\n        this.root = this.canvas = canvas;\r\n    }\r\n\r\n    _processKey( e: KeyboardEvent )\r\n    {\r\n        const detail: any = e.detail;\r\n        const key = e.key ?? detail.key;\r\n        console.log( key );\r\n    }\r\n\r\n    _processMouse( e: MouseEvent )\r\n    {\r\n        if ( e.type == 'mousedown' )\r\n        {\r\n            this.mouseDown = true;\r\n        }\r\n        else if ( e.type == 'mouseup' )\r\n        {\r\n            this._processClick( e );\r\n            this.mouseDown = false;\r\n        }\r\n        else if ( e.type == 'mousemove' )\r\n        {\r\n            this.mousePosition.set( e.clientX, e.clientY );\r\n        }\r\n    }\r\n\r\n    _processClick( e: MouseEvent )\r\n    {\r\n        this.eventClick = e;\r\n    }\r\n\r\n    /**\r\n     * @method Button\r\n     * @param {String} text\r\n     * @param {Number} x\r\n     * @param {Number} y\r\n     */\r\n\r\n    Button( text: string, x: number, y: number, callback: any )\r\n    {\r\n        const ctx = this.canvas.getContext( '2d' );\r\n\r\n        // Element properties\r\n\r\n        let fontSize = 16;\r\n        ctx.font = fontSize + 'px Arial';\r\n\r\n        let padding = new LX.vec2( 12, 8 );\r\n        let position = new LX.vec2( x, y );\r\n\r\n        const metrics = ctx.measureText( text );\r\n        let size = new LX.vec2( metrics.width, metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent );\r\n\r\n        // Get mouse state\r\n\r\n        const hovered = this.mousePosition.x >= position.x\r\n            && this.mousePosition.x <= ( position.x + size.x + padding.x * 2.0 )\r\n            && this.mousePosition.y >= position.y && this.mousePosition.y <= ( position.y + size.y + padding.y * 2.0 );\r\n\r\n        const active = hovered && this.mouseDown;\r\n\r\n        // Draw button\r\n\r\n        ctx.beginPath();\r\n        ctx.fillStyle = active ? '#666' : ( hovered ? '#444' : '#222' );\r\n        ctx.roundRect( position.x, position.y, size.x + padding.x * 2.0, size.y + padding.y * 2.0, [ 8, 8, 8, 8 ] );\r\n        ctx.fill();\r\n\r\n        // Draw text\r\n\r\n        ctx.fillStyle = hovered ? '#fff' : '#ddd';\r\n        ctx.fillText( text, position.x + padding.x, position.y + metrics.actualBoundingBoxAscent + padding.y );\r\n\r\n        this.usePointerCursor = this.usePointerCursor || hovered;\r\n\r\n        if ( this.eventClick )\r\n        {\r\n            if ( callback ) callback();\r\n            return true;\r\n        }\r\n\r\n        return false;\r\n    }\r\n\r\n    /**\r\n     * @method Slider\r\n     * @param {String} text\r\n     * @param {Number} x\r\n     * @param {Number} y\r\n     * @param {Number} value\r\n     */\r\n\r\n    Slider( text: string, x: number, y: number, value: number = 0, callback: any )\r\n    {\r\n        const ctx = this.canvas.getContext( '2d' );\r\n\r\n        // Store slider value\r\n\r\n        if ( !this.components[text] )\r\n        {\r\n            this.components[text] = { value: value };\r\n        }\r\n        else\r\n        {\r\n            value = this.components[text].value;\r\n        }\r\n\r\n        // Element properties\r\n\r\n        let fontSize = 16;\r\n        ctx.font = fontSize + 'px Arial';\r\n\r\n        let padding = new LX.vec2( 12, 8 );\r\n        let position = new LX.vec2( x, y );\r\n\r\n        const metrics = ctx.measureText( text );\r\n        let size = new LX.vec2( metrics.width, metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent );\r\n        let fullSize = size.add( padding.mul( 2.0 ) );\r\n\r\n        // Get mouse state\r\n\r\n        const hovered = this.mousePosition.x >= position.x && this.mousePosition.x <= ( position.x + fullSize.x )\r\n            && this.mousePosition.y >= position.y && this.mousePosition.y <= ( position.y + fullSize.y );\r\n\r\n        const active = hovered && this.mouseDown;\r\n\r\n        // Draw box\r\n\r\n        ctx.beginPath();\r\n        ctx.fillStyle = hovered ? '#444' : '#222';\r\n        ctx.roundRect( position.x, position.y, fullSize.x, fullSize.y, [ 8, 8, 8, 8 ] );\r\n        ctx.fill();\r\n\r\n        // Draw value\r\n\r\n        const min = position.x;\r\n        const max = position.x + fullSize.x;\r\n\r\n        if ( active )\r\n        {\r\n            value = LX.clamp( ( this.mousePosition.x - min ) / ( max - min ), 0.0, 1.0 );\r\n            this.components[text].value = value;\r\n        }\r\n\r\n        let valueSize = new LX.vec2( fullSize.x * value, size.y );\r\n\r\n        ctx.beginPath();\r\n        ctx.fillStyle = hovered ? '#6074e7' : '#3e57e4';\r\n        if ( valueSize.x > ( fullSize.x - 8 ) )\r\n        { // 8: radius\r\n            ctx.roundRect( position.x, position.y, valueSize.x, valueSize.y + padding.y * 2.0, [ 8, 8, 8, 8 ] );\r\n            ctx.fill();\r\n        }\r\n        else\r\n        {\r\n            ctx.fillRect( position.x, position.y, valueSize.x, valueSize.y + padding.y * 2.0 );\r\n        }\r\n\r\n        // Draw text\r\n\r\n        ctx.fillStyle = hovered ? '#fff' : '#ddd';\r\n        ctx.fillText( text, position.x + padding.x, position.y + metrics.actualBoundingBoxAscent + padding.y );\r\n\r\n        this.usePointerCursor = this.usePointerCursor || hovered;\r\n\r\n        if ( active )\r\n        {\r\n            if ( callback ) callback( value );\r\n        }\r\n    }\r\n\r\n    /**\r\n     * @method Checkbox\r\n     * @param {String} text\r\n     * @param {Number} x\r\n     * @param {Number} y\r\n     * @param {Number} value\r\n     */\r\n\r\n    Checkbox( text: string, x: number, y: number, value: boolean = false, callback: any )\r\n    {\r\n        const ctx = this.canvas.getContext( '2d' );\r\n\r\n        // Store slider value\r\n\r\n        if ( !this.components[text] )\r\n        {\r\n            this.components[text] = { value: value };\r\n        }\r\n        else\r\n        {\r\n            value = this.components[text].value;\r\n        }\r\n\r\n        // Element properties\r\n\r\n        let fontSize = 16;\r\n        ctx.font = fontSize + 'px Arial';\r\n\r\n        let padding = new LX.vec2( 12, 8 );\r\n        let position = new LX.vec2( x, y );\r\n\r\n        const metrics = ctx.measureText( text );\r\n        let size = new LX.vec2( metrics.width, metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent );\r\n\r\n        let boxMargin = 12;\r\n        let fullSize = new LX.vec2( boxMargin * 2.0, 0 );\r\n        fullSize.add( size, fullSize );\r\n\r\n        // Get mouse state\r\n\r\n        const boxStartX = position.x + size.x + padding.x + boxMargin;\r\n        const boxStartY = position.y + padding.y;\r\n        const hovered = this.mousePosition.x >= boxStartX && this.mousePosition.x <= ( boxStartX + size.y )\r\n            && this.mousePosition.y >= boxStartY && this.mousePosition.y <= ( boxStartY + size.y );\r\n\r\n        const active = hovered && this.mouseDown;\r\n        const pressed = hovered && this.eventClick;\r\n\r\n        // Draw button\r\n\r\n        ctx.fillStyle = active ? '#666' : ( hovered ? '#444' : '#222' );\r\n        ctx.fillRect( position.x, position.y, fullSize.x + padding.x * 2.0, fullSize.y + padding.y * 2.0 );\r\n\r\n        // Draw checkbox\r\n\r\n        if ( pressed )\r\n        {\r\n            value = !value;\r\n            this.components[text].value = value;\r\n            if ( callback )\r\n            {\r\n                callback( value );\r\n            }\r\n        }\r\n\r\n        ctx.fillStyle = value\r\n            ? ( active ? '#ddd' : ( hovered ? '#6074e7' : '#3e57e4' ) )\r\n            : ( active ? '#bbb' : ( hovered ? '#777' : '#888' ) );\r\n        ctx.fillRect( position.x + size.x + padding.x + boxMargin, position.y + padding.y, size.y, size.y );\r\n\r\n        // Draw text\r\n\r\n        ctx.fillStyle = hovered ? '#fff' : '#ddd';\r\n        ctx.fillText( text, position.x + padding.x, position.y + metrics.actualBoundingBoxAscent + padding.y );\r\n\r\n        this.usePointerCursor = this.usePointerCursor || hovered;\r\n    }\r\n\r\n    /**\r\n     * @method endFrame\r\n     * @description Clears the information stored during the last frame\r\n     */\r\n\r\n    endFrame()\r\n    {\r\n        delete this.eventClick;\r\n\r\n        // Pointer cursor on hover\r\n        document.body.style.cursor = this.usePointerCursor ? 'pointer' : 'default';\r\n\r\n        // Clear info\r\n        this.usePointerCursor = false;\r\n    }\r\n}\r\n\r\nLX.ImUI = ImUI;\r\n"],"names":[],"mappings":"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"}