
## new GUIButton(id, options, guimanager, callback, append)
Creates a new GUIButton

### Parameters
Name | Type | Description
---|---|---
**id** | string | The id and name element
**options** | json | Options of element
**guimanager** | GUIManager | The gui manager
**callback** | function | Trigger function by click (optional)
**append** | bool | is added to the &lt;body&gt;. =&gt; True by default (optional)
---

## Options

* **w**: width of button (in pixel)
* **h**: height of button (in pixel)
* **x**: position left of button (in pixel)
* **y**: position top of button (in pixel)
* **value**: value text button (string) =&gt; "Ok" by default
* **backgroundImage**: image background of button (string) =&gt; null by default
* **backgroundColor**: color background of button (string) =&gt; "rgba(0.5, 0.5, 0.5, 0.6)" by default
* **borderRadiusButton**: radius border of button (string)  =&gt; "10px" by default
* **borderButton**: border of button (string)  =&gt; "2px solid black" by default
* **colorText**: color text of button (string)  =&gt; "black" by default
* **zIndex**: depth of the element (int) =&gt; 1 by default
* **tabindex**: Tab order of the field.

## Methods

### setVisible(bool, fade) → void
Set this GUI element to visible or invisible

### isVisible() → void
Returns element if is visible or no

### dispose() → void
Dispose the GUIButton, and delete element.



## new GUICheckbox(id, options, guimanager, callback, append)
Creates a new GUICheckbox

### Parameters
Name | Type | Description
---|---|---
**id** | string | The id and name element
**options** | json | Options of element
**guimanager** | GUIManager | The gui manager
**callback** | function | Trigger function by click (optional)
**append** | bool | is added to the &lt;body&gt;. =&gt; True by default (optional)
---

## Options

* **x**: position left of checkbox (in pixel)
* **y**: position top of checkbox (in pixel)
* **size**: size of checkbox (float) =&gt; "1.0" by default
* **zIndex**: depth of the element (int) =&gt; 1 by default
* **tabindex**: Tab order of the field.

## Methods

### isChecked() → void
return if element is checked

### setChecked(value) → void
check element

### setVisible(bool, fade) → void
Set this GUI element to visible or invisible

### isVisible() → void
Returns element if is visible or no

### dispose() → void
Dispose the GUICheckbox, and delete element.



## new GUIColor(id, options, guimanager, callback, append)
Creates a new GUIColor

### Parameters

Name | Type | Description
---|---|---
**id** | string | The id and name element
**options** | json | Options of element
**guimanager** | GUIManager | The gui manager
**callback** | function | Trigger function by change (optional)
**append** | bool | is added to the &lt;body&gt;. =&gt; True by default (optional)
---

## Options

* **w**: width of slider (in pixel)
* **h**: height of slider (in pixel)
* **x**: position left of slider (in pixel)
* **y**: position top of slider (in pixel)
* **value**: Current value of the slider =&gt; "red" by default (optional)
* **zIndex**: depth of the element (int) =&gt; 1 by default
* **tabindex**: Tab order of the field.

## Methods

### getColor(bool: rgb) → void
Get the color value of element in rgb (true by default) or hex (false by default)

### setVisible(bool: fade) → void
Set this GUI element to visible or invisible

### isVisible() → void
Returns element if is visible or no

### dispose() → void
Dispose the GUIColor, and delete element.



## new GUIDialog(id, options, guimanager, callback, append)
Creates a new GUIDialog

### Parameters
Name | Type | Description
---|---|---
**id** | string | The id and name element
**options** | json | Options of element
**guimanager** | GUIManager | The gui manager
**callback** | function | Trigger function by click on the customize button (optional)
**append** | bool | is added to the &lt;body&gt;. =&gt; True by default (optional)
---

## Options

* **w**: width of dialog (in pixel)
* **h**: height of dialog (in pixel)
* **x**: position left of dialog (in pixel)
* **y**: position top of dialog (in pixel)
* **closeDialog**: Creating a button of dialog is closed (string) =&gt; "true" by default
* **imageButtonDialog**: Creating an image for a button customize event (string) =&gt; "false" by default
* **urlImage**: url image of button dialog customize (string) =&gt; "null" by default
* **backgroundColor**: color background of dialog (string) =&gt; "rgba(0, 0, 0, 0)" by default
* **backgroundImage**: image background of dialog (string) =&gt; "null" by default
* **radius**: radius border of dialog (int)  =&gt; 8 by default
* **border**: border of button (string)  =&gt; "2px solid black" by default
* **zIndex**: depth of the element (int) =&gt; 1 by default
* **overflow**: overflow auto or hidden (auto by default)

## Methods

### add(element) → void
add element in the GUIDialog

### setVisible(bool, fade) → void
Set this GUI element to visible or invisible (false by default)

### isVisible() → void
Returns element if is visible or no

### dispose() → void
Dispose the GUIDialog, and delete element.



## new GUIFieldset(id, options, guimanager, append)
Creates a new GUIFieldset

### Parameters
Name | Type | Description
---|---|---
**id** | string | The id and name element
**options** | json | Options of element
**guimanager** | GUIManager | The gui manager
**append** | bool | is added to the &lt;body&gt;. =&gt; True by default (optional)
---

## Options

* **w**: width of fieldset (in pixel)
* **h**: height of fieldset (in pixel)
* **x**: position left of fieldset (in pixel)
* **y**: position top of fieldset (in pixel)
* **legend**: value legend od the fieldset (string)
* **zIndex**: depth of the element (int) =&gt; 1 by default

## Methods

### add(element) → void
add element in the GUIFieldset

### setVisible(bool, fade) → void
Set this GUI element to visible or invisible

### isVisible() → void
Returns element if is visible or no

### dispose() → void
Dispose the GUIFieldset, and delete element.



## new GUIGroup(id, options, guimanager)
Creates a new GUIGroup

### Parameters
Name | Type | Description
---|---|---
**name** | string | The name element
**options** | json | Options of element
**guimanager** | GUIManager | The gui manager
---

## Options

* **x**: position left of group (in pixel)
* **y**: position top of group (in pixel)

## Methods

### add(GUIElement) → void
add element in the GUIGroup

### setVisible(bool) → void
Set this GUI element to visible or invisible

### isVisible() → void
Returns element if is visible or no

### dispose() → void
Dispose the GUIGroup, and delete all elements of group.



## new GUILabel(id, options, guimanager, append)
Creates a new GUILabel

### Parameters
Name | Type | Description
---|---|---
**id** | string | The id and name element
**options** | json | Options of element
**guimanager** | GUIManager | The gui manager
**append** | bool | is added to the &lt;body&gt;. =&gt; True by default (optional)
---

## Options

* **w**: width of label (in pixel)
* **h**: height of label (in pixel)
* **x**: position left of label (in pixel)
* **y**: position top of label (in pixel)
* **text**: value text label (string)
* **zIndex**: depth of the element (int) =&gt; 1 by default

## Methods

### setVisible(bool, fade) → void
Set this GUI element to visible or invisible

### isVisible() → void
Returns element if is visible or no

### dispose() → void
Dispose the GUILabel, and delete element.



## new GUIManager(canvas, css)
Creates a new GUIManager

### Parameters
Name | Type | Description
---|---|---
**canvas** | object | The element canvas
**css** | string | The css GUI for all element
**options** | object | The option of theme GUI for all element
---

## Options

### themeRoot
Root of file css of theme

### themeGUI
file css of theme

## Methods

### addStyle(string:css) → void
Add style on GUI

### getElementById(string) → [GUIElement]()
Returns the element corresponding.

### getCanvasOrigine() → void
Returns the origine canvas (x,y)

### getCanvasWidth(string) → void
Returns the size canvas (width, height)

### fadeIn(element) → void
Set fade in element

### fadeOut(element) → void
Set fade out element

### setVisible(bool, fade) → void
Set this GUI all element to visible or invisible

### isVisible() → void
Returns all element if is visible or no

### dispose() → void
Dispose the GUIManager, and delete all elements.



## new GUIMeter(id, options, guimanager, callback, append)
Creates a new GUIMeter

### Parameters
Name | Type | Description
---|---|---
**id** | string | The id and name element
**options** | json | Options of element
**guimanager** | GUIManager | The gui manager
**callback** | function | Trigger function by change (optional)
**append** | bool | is added to the &lt;body&gt;. =&gt; True by default (optional)
---

## Options

* **w**: width of meter (in pixel)
* **h**: height of meter (in pixel)
* **x**: position left of meter (in pixel)
* **y**: position top of meter (in pixel)
* **min**: min value meter =&gt; 0 by default (optional)
* **max**: max value meter =&gt; 100 by default (optional)
* **border**: border of element =&gt; 0 by default (optional)
* **borderRadius**: radius border of element =&gt; 5 by default (optional)
* **background**: background meter bar  =&gt; "rgba(0, 0, 0, 0.2)" by default (optional)
* **backgroundValue**:  background value meter  =&gt; "#1e9100" by default (optional)
* **value**: current value of the meter =&gt; 0 by default (optional)
* **orient**: orientation of the meter =&gt; "horizontal" by default (optional)
* **zIndex**: depth of the element (int) =&gt; 1 by default
* **tabindex**: Tab order of the field.

## Methods

### updateValue(int) → void
Set this progress value GUI element 

### setVisible(bool, fade) → void
Set this GUI element to visible or invisible

### isVisible() → void
Returns element if is visible or no

### dispose() → void
Dispose the GUIMeter, and delete element.



## new GUIPanel(id, options, guimanager, append)
Creates a new GUIPanel

### Parameters
Name | Type | Description
---|---|---
**id** | string | The id and name element
**options** | json | Options of element
**guimanager** | GUIManager | The gui manager
**callback** | function | Trigger function by click (optional)
---

## Options

* **w**: width of panel (in pixel)
* **h**: height of panel (in pixel)
* **x**: position left of panel (in pixel)
* **y**: position top of panel (in pixel)
* **backgroundImage**: image background of panel (string) =&gt; null by default
* **backgroundColor**: color background of panel (string) =&gt; "black" by default
* **borderRadiusPanel**: radius border of panel (string)  =&gt; "10px" by default
* **borderPanel**: border of panel (string)  =&gt; "2px solid black" by default
* **zIndex**: depth of the element (int) =&gt; 1 by default
* **overflow**: overflow auto or hidden (auto by default)

## Methods

### add(element) → void
add element in the GUIPanel

### setVisible(bool, fade) → void
Set this GUI element to visible or invisible (false by default)

### isVisible() → void
Returns element if is visible or no

### dispose() → void
Dispose the GUIPanel, and delete element.



## new GUIProgress(id, options, guimanager, callback, append)
Creates a new GUIProgress

### Parameters
Name | Type | Description
---|---|---
**id** | string | The id and name element
**options** | json | Options of element
**guimanager** | GUIManager | The gui manager
**callback** | function | Trigger function by change (optional)
**append** | bool | is added to the &lt;body&gt;. =&gt; True by default (optional)
---

## Options

* **w**: Width of progress bar (in pixel)
* **h**: Height of progress bar (in pixel)
* **x**: Position left of progress bar (in pixel)
* **y**: Position top of progress bar (in pixel)
* **min**: Min value progress bar =&gt; 0 by default (optional)
* **max**: Max value progress bar =&gt; 100 by default (optional)
* **value**: Current value of the progress bar =&gt; 0 by default (optional)
* **border**: Border of element =&gt; 0 by default (optional)
* **borderRadius**: Radius border of element =&gt; 5 by default (optional)
* **background**: Background progress bar  =&gt; "rgba(0, 0, 0, 0.2)" by default (optional)
* **backgroundValue**: Background value progress bar  =&gt; "#0f4fff" by default (optional)
* **orient**: Orientation of the progress bar =&gt; "horizontal" by default (optional)
* **zIndex**: Depth of the element (int) =&gt; 1 by default
* **tabindex**: Tab order of the field.

## Methods

### updateValue(int) → void
Set this progress value GUI element 

### getValue(int) → void
Get value progress GUI element

### setVisible(bool, fade) → void
Set this GUI element to visible or invisible

### isVisible() → void
Returns element if is visible or no

### dispose() → void
Dispose the GUIProgress, and delete element.



## new GUIRadio(id, options, guimanager, callback, append)
Creates a new GUIRadio

### Parameters
Name | Type | Description
---|---|---
**id** | string | The id and name element
**options** | json | Options of element
**guimanager** | GUIManager | The gui manager
**callback** | function | Trigger function by click (optional)
**append** | bool | is added to the &lt;body&gt;. =&gt; True by default (optional)
---

## Options

* **name**: Name to group radio buttons
* **x**: Position left of radio button (in pixel)
* **y**: Position top of radio button (in pixel)
* **size**: Size of radio button (float) =&gt; "1.0" by default
* **zIndex**: Depth of the element (int) =&gt; 1 by default
* **tabindex**: Tab order of the field.

## Methods

### isChecked() → void
return if element is checked

## setChecked(value) → void
check element

### setVisible(bool, fade) → void
Set this GUI element to visible or invisible

### isVisible() → void
Returns element if is visible or no

### dispose() → void
Dispose the GUIRadio, and delete element.



## new GUISelect(id, options, guimanager, callback, append)
Creates a new GUISelect

### Parameters
Name | Type | Description
---|---|---
**id** | string | The id and name element
**options** | json | Options of element
**guimanager** | GUIManager | The gui manager
**callback** | function | Trigger function by change (optional)
**append** | bool | is added to the &lt;body&gt;. =&gt; True by default (optional)
---

## Options

* **w**: width of select (in pixel)
* **h**: height of select (in pixel)
* **x**: position left of select (in pixel)
* **y**: position top of select (in pixel)
* **zIndex**: depth of the element (int) =&gt; 1 by default
* **tabindex**: Tab order of the field.

## Methods

### addOptions(value, text) → void
Add option in the GUISelect

### findOptionSelected(bool: withIndex) → void
Find option selected in the GUISelect

### removeOption(value) → void
Delete option value in the GUISelect

### changeItem(oldValue, newValue) → void
Change old value by new value

### selectedItem(item) → void
Add atribute selected item

### setVisible(bool, fade) → void
Set this GUI element to visible or invisible

### isVisible() → void
Returns element if is visible or no

### dispose() → void
Dispose the GUISelect, and delete element.



## new GUISlider(id, options, guimanager, callback, append)
Creates a new GUISlider

### Parameters
Name | Type | Description
---|---|---
**id** | string | The id and name element
**options** | json | Options of element
**guimanager** | GUIManager | The gui manager
**callback** | function | Trigger function by change (optional)
**append** | bool | is added to the &lt;body&gt;. =&gt; True by default (optional)
---

## Options

* **w**: width of slider (in pixel)
* **h**: height of slider (in pixel)
* **x**: position left of slider (in pixel)
* **y**: position top of slider (in pixel)
* **min**: min value slider =&gt; 0 by default (optional)
* **max**: max value slider =&gt; 100 by default (optional)
* **step**: graduation of slider =&gt; 1 by default (optional)
* **value**: Current value of the slider =&gt; 50 by default (optional)
* **orient**: orientation of the slider =&gt; "horizontal" by default (optional)
* **zIndex**: depth of the element (int) =&gt; 1 by default
* **tabindex**: Tab order of the field.

## Methods

### setVisible(bool, fade) → void
Set this GUI element to visible or invisible

### isVisible() → void
Returns element if is visible or no

### dispose() → void
Dispose the GUISlider, and delete element.



## new GUISpinner(id, options, guimanager, callback, append)
Creates a new GUISpinner

### Parameters
Name | Type | Description
---|---|---
**id** | string | The id and name element
**options** | json | Options of element
**guimanager** | GUIManager | The gui manager
**callback** | function | Trigger function by change (optional)
**append** | bool | is added to the &lt;body&gt;. =&gt; True by default (optional)
---

## Options

* **w**: width of input number (in pixel)
* **h**: height of input number (in pixel)
* **x**: position left of input number (in pixel)
* **y**: position top of input number (in pixel)
* **min**: min value input number =&gt; 0 by default (optional)
* **max**: max value input number =&gt; 100 by default (optional)
* **step**: graduation of input number =&gt; 1 by default (optional)
* **value**: Current value of the input number =&gt; 50 by default (optional)
* **orient**: orientation of the input number =&gt; "horizontal" by default (optional)
* **zIndex**: depth of the element (int) =&gt; 1 by default
* **tabindex**: Tab order of the field.

## Methods

### getNumber() → void
Get the number value of element

### setVisible(bool, fade) → void
Set this GUI element to visible or invisible

### isVisible() → void
Returns element if is visible or no

### dispose() → void
Dispose the GUISpinner, and delete element.



## new GUIText(id, options, guimanager, append)
Creates a new GUIText

### Parameters
Name | Type | Description
---|---|---
**id** | string | The id and name element
**options** | json | Options of element
**guimanager** | GUIManager | The gui manager
**append** | bool | is added to the &lt;body&gt;. =&gt; True by default (optional)
---

## Options

* **x**: position left of text (in pixel)
* **y**: position top of text (in pixel)
* **position**: set position "absolute" or "relative"
* **size**: size the text (int) =&gt; 30 by default (optional)
* **color**: color the text (string) =&gt; "white" by default (optional)
* **police**: police font of text (string) =&gt; "Segoe UI" by default (optional)
* **text**: value text label (string) =&gt; "CastorGUI" by default
* **bold**: text bold or no =&gt; "none" by default else "bold"
* **italic**: text italic or no =&gt; "none" by default else "italic"
* **centerVertical**: text align center vertical (string) =&gt; "false" by default (optional)
* **centerHorizontal**: text align center horizontal (string) =&gt; "false" by default (optional)
* **zIndex**: depth of the element (int) =&gt; 1 by default
* **inline**: text inline or no. false by default.

## Methods

### updateText(string:text) → void
Updates the text of the GUI element

### getTextWidth(string:text, string:font) → void : static
Get size the text of the GUI element

### setVisible(bool, fad) → void
Set this GUI element to visible or invisible

### isVisible(e) → void
Returns element if is visible or no

### dispose() → void
Dispose the GUIText Manager, and delete element.



## new GUITextarea(id, options, guimanager, append)
Creates a new GUITextarea

### Parameters
Name | Type | Description
---|---|---
**id** | string | The id and name element
**options** | json | Options of element
**guimanager** | GUIManager | The gui manager
**append** | bool | is added to the &lt;body&gt;. =&gt; True by default (optional)
---

## Options
* **w**: width of textarea (in pixel)
* **h**: height of textarea (in pixel)
* **x**: position left of textarea (in pixel)
* **y**: position top of textarea (in pixel)
* **value**: value of textarea (string)
* **placeholder**: value by default of textfield (string)
* **background**: background of textarea (int) =&gt; "white" by default (optional)
* **color**: color the textarea (string) =&gt; "black" by default (optional)
* **zIndex**: depth of the element (int) =&gt; 1 by default
* **tabindex**: Tab order of the field.

## Methods

### getValue() → void
Get the value element

### setValue() → void
Set the value element

### setVisible(bool, fade) → void
Set this GUI element to visible or invisible

### isVisible() → void
Returns element if is visible or no

### dispose() → void
Dispose the GUITextarea, and delete element.



## new GUITextfield(id, options, guimanager, append)
Creates a new GUITextfield

### Parameters
Name | Type | Description
---|---|---
**id** | string | The id and name element
**options** | json | Options of element
**guimanager** | GUIManager | The gui manager
**append** | bool | is added to the &lt;body&gt;. =&gt; True by default (optional)
---

## Options

* **x**: position left of textfield (in pixel)
* **y**: position top of textfield (in pixel)
* **size**: size the textfield (int) =&gt; 30 by default (optional)
* **color**: color the textfield (string) =&gt; "white" by default (optional)
* **value**: value of textfield (string)
* **placeholder**: value by default of textfield (string)
* **zIndex**: depth of the element (int) =&gt; 1 by default
* **tabindex**: Tab order of the field.

## Methods

### getValue() → void
Get the value element

### setValue() → void
Set the value element

### setVisible(bool, fade) → void
Set this GUI element to visible or invisible

### isVisible() → void
Returns element if is visible or no

### dispose() → void
Dispose the GUITextfield, and delete element.



## new GUITexture(id, imageUrl, options, guimanager, callback, append)
Creates a new GUITexture

### Parameters
Name | Type | Description
---|---|---
**id** | string | The id and name element
**imageUrl** | string | The image with path relative or absolute
**options** | json | Options of element
**guimanager** | GUIManager | The gui manager
**callback** | function | Trigger function by click (optional)
**append** | bool | is added to the &lt;body&gt;. =&gt; True by default (optional)
---

## Options

* **w**: width of image (in pixel)
* **h**: height of image (in pixel)
* **x**: position left of image (in pixel)
* **y**: position top of image (in pixel)
* **zIndex**: depth of the element (int) =&gt; 1 by default

## Methods

### setVisible(bool, fade) → void
Set this GUI element to visible or invisible

### isVisible() → void
Returns element if is visible or no

### dispose() → void
Dispose the GUITexture, and delete element.



## new GUIWindow(id, imageUrl, options, guimanager)
Creates a new GUIWindow

### Parameters
Name | Type | Description
---|---|---
**id** | string | The id and name element
**imageUrl** | string | The image with path
**options** | json | Options of element
**guimanager** | GUIManager | The gui manager
---

## Options

* **w**: Width of image (in pixel)
* **h**: Height of image (in pixel)
* **x**: Position left of image (in pixel)
* **y**: Position top of image (in pixel)
* **backgroundColor**: Color background of window (string) =&gt; "rgba(0, 0, 0, 0.5)" by default
* **backgroundImage**: Image background of window (string) =&gt; "null" by default
* **colorContent**: Color background of content window (string) =&gt; "rgba(0.5, 0.5, 0.5, 0.1)" by default
* **imageContent**: Image background of content window (string) =&gt; "null" by default
* **borderWindow**: border of window (string) =&gt; "2px solid black" by default
* **borderTitle**: Border of window (string) =&gt; "1px solid black" by default
* **radiusWindow**: Radius border of dialog (int)  =&gt; 8 by default
* **colorTitle**: Color background title window (string) =&gt; "rgba(0, 0, 0, 0.4)" by default
* **imageTitle**: Image background title window (string) =&gt; "null" by default
* **heightTitle**: Height the title element (int) =&gt; 30 by default
* **titleTextAlign**: Allignment of the title text (string) =&gt; "center" by default
* **titleColor**: Color of the title text (string) =&gt; "white" by default
* **titleFontSize**: size title (int)  =&gt; 12 by default
* **textTitle**: Text of title (string)  =&gt; true by default
* **draggable**: Window draggable (bool)
* **closeButton**: Button window display (bool)
* **zIndex**: Depth of the element (int) =&gt; 1 by default
* **overflow**: overflow auto or hidden (auto by default)

## Methods

### add(element) → void
add element in the GUIWindow

### setVisible(bool, fade) → void
Set this GUI element to visible or invisible (false by default)

### isVisible() → void
Returns element if is visible or no

### dispose() → void
Dispose the GUIWindow, and delete element.



Library to display a GUI game as a layer on top of the canvas HTML/CSS.

- [Depot](https://github.com/dad72/CastorGUI)
- [Documentation](/communityExtensions/castorGUI)

## Features:

Select or create themes.

Create GUI (element html5 and css3):

- texture
- text
- textLink
- label
- window draggable (with title & button close)
- dialog (with button close)
- panel (simple dialog without button close)
- button
- slider
- progress
- meter (jauge de measure)
- select color (with compatibility IE and Edge)
- spinner
- radio button
- checkbox
- textfield
- textarea
- fieldset
- select with options
- system of database (localStorage and sessionStorage)

## Quick overview of use GUI

We must create a GUIManager that allows to recover the origin of the canvas and provides other basic thing.
A GUIManager can have a CSS that formatted anything you want to customize your GUI.
You can also add options to set a theme in the third parameter.

```javascript
let canvas = document.getElementById("game");
let css = "button {cursor:pointer;}";
let options = { themeRoot: "../style/", themeGUI: "default", pixel: false };
let guisystem = new GUIManager(canvas, css, options);
```

Then we create interfaces items. eg textures and dialog with text:

```javascript
let myFunction = function () {
  alert("Yes, this work!");
};
let guiTexture = new GUITexture("life", "data/image.png", { w: 50, h: 50, x: 10, y: 0 }, guisystem, myFunction);

let optionsDialog = { w: guisystem.getCanvasSize().width - 20, h: 100, x: 8, y: guisystem.getCanvasSize().height - 110 };
let dialog = new GUIDialog("dialog", optionsDialog, guisystem);
dialog.setVisible(true);

let text = new GUIText("textDialog", { size: 15, text: "Display text here" }, guisystem, false);
dialog.add(text);
```

That's it. Everything works the same way with the same simplicity.

Demo PG: <Playground id="#S34THY#55" title="Castor GUI Playground Demo" description="Basic demo for showing the Castor GUI in action."/>

## For use Database

```javascript
let db = new DataBase(false); // true if use sessionStorage else use localStorage (stockage temporary)
db.addTable("user"); // create table
db.createField("user", "member", { pseudo: "dad72" }); // create field

db.selectItem("user", "member", "pseudo"); // return dad72
db.updateItem("user", "member", "pseudo", "Romeo"); // update pseudo
db.selectItem("user", "member", "pseudo"); // return Romeo

//if delete table:
db.deleteTable("member");
// if delete database:
db.deleteDataBase();
```

Demo PG: <Playground id="#S34THY#57" title="Castor GUI database Demo" description="Basic demo for using Castor GUI with a database."/>



# Babylon Buffered Interpolation

Have you ever wanted to manage the position, rotation, and scale of networked Babylon.js objects? This [awesome package](https://github.com/virbela/buffered-interpolation) provides a fantastic solution. It is a port of Mozilla's [buffered-interpolation](https://github.com/InfiniteLee/buffered-interpolation) to Babylon.js and aims to work well both in situations with continuous and sparse network updates.

To see this system working live, check out the virtual co-presence experience: [Frame](https://framevr.io/).

To get started and learn more, head over to the [Virbela's Github page](https://github.com/virbela/buffered-interpolation).
