An IMGUI inspired GUI Framework for javascript thats designed to be as simple to use as IMGUI.
此脚本不应直接安装，它是一个供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.cn-greasyfork.org/scripts/535798/1591785/ImmediateGUI.js
An IMGUI inspired GUI Framework for javascript thats designed to be as simple to use as IMGUI. Its actively developed, which means stuff might change and bugs (most definitely) will occur when using this
Supports most of the default controls one could need, can drag the gui around with the mouse, toggle between light/dark mode etc.
For how to use it, check the example code down below (and look at the code of the library)
Example Images (and pseudo code how they were made)
const $$ = new ImmediateGUI({
theme: 'dark',
position: 'left',
width: 400,
draggable: true,
});
$$.Header("Example Header", 5);
$$.Button("Example Button");
$$.Textbox("Example Textbox");
$$.TextArea("Example TextArea");
$$.Label("Example Label");
$$.ProgressBar(64, 0, 100, true);
$$.ColorPicker();
$$.DatePicker();
$$.Dropdown(["Option 1", "Option 2", "Option 3"], "Option 1");
$$.NumberInput("Example Number Input", 0, 0, 100);
$$.Slider(1, 100, 25);
$$.Checkbox("Example Checkbox", true);
$$.BeginSection("Example Section (Non collapsable)", false);
$$.Button("Control inside section");
$$.Textbox("Textbox inside section", "GAGA");
$$.EndSection();
$$.BeginSection("Example Section (Collapsable)", true);
$$.Button("Control inside section");
$$.EndSection();
$$.BeginIndentation(1);
$$.Button("Indended Control (Level 1)");
$$.EndIndentation();
$$.BeginIndentation(2);
$$.Button("Indended Control (Level 2)");
$$.EndIndentation();
$$.BeginIndentation(3);
$$.Button("Indended Control (Level 3)");
$$.EndIndentation();
$$.Label("Example Separator");
$$.Separator();
$$.BeginSection("Example Radio Button Group", true);
$$.RadioButtons(['Option 1', 'Option 2', 'Option 3'], 'Option 1');
$$.EndSection();
$$.Button("Switch Theme", () => { $$.SetTheme($$.options.theme === 'dark' ? 'light' : 'dark'); });
$$.Show();