Pixel-Composer/objects/o_dialog_palette/Draw_64.gml

264 lines
9.2 KiB
Plaintext
Raw Normal View History

2022-01-13 05:24:03 +01:00
/// @description init
if !ready exit;
if palette == 0 exit;
#region dropper
2023-03-02 07:59:14 +01:00
selector.interactable = interactable;
2022-11-18 03:20:31 +01:00
if(selector.dropper_active) {
selector.drawDropper(self);
2022-01-13 05:24:03 +01:00
exit;
}
#endregion
#region base UI
var presets_x = dialog_x;
2022-11-03 11:44:49 +01:00
var presets_w = ui(240);
2022-01-13 05:24:03 +01:00
2022-11-03 11:44:49 +01:00
var content_x = dialog_x + presets_w + ui(16);
var content_w = dialog_w - presets_w - ui(16);
2022-01-13 05:24:03 +01:00
2023-11-13 15:42:14 +01:00
var p = DIALOG_PAD;
var p2 = DIALOG_PAD * 2;
2022-01-13 05:24:03 +01:00
2023-11-13 15:42:14 +01:00
draw_sprite_stretched(THEME.dialog_bg, 0, presets_x - p, dialog_y - p, presets_w + p2, dialog_h + p2);
if(sFOCUS) draw_sprite_stretched_ext(THEME.dialog_active, 0, presets_x - p, dialog_y - p, presets_w + p2, dialog_h + p2, COLORS._main_accent, 1);
draw_sprite_stretched(THEME.dialog_bg, 0, content_x - p, dialog_y - p, content_w + p2, dialog_h + p2);
if(sFOCUS) draw_sprite_stretched_ext(THEME.dialog_active, 0, content_x - p, dialog_y - p, content_w + p2, dialog_h + p2, COLORS._main_accent, 1);
2022-01-13 05:24:03 +01:00
2023-06-10 13:59:45 +02:00
draw_set_text(f_p0, fa_left, fa_top, COLORS._main_text);
2023-06-05 18:27:53 +02:00
draw_text(presets_x + ui(24), dialog_y + ui(16), __txt("Presets"));
2023-03-02 07:59:14 +01:00
draw_text(content_x + (!interactable * ui(32)) + ui(24), dialog_y + ui(16), name);
if(!interactable)
draw_sprite_ui(THEME.lock, 0, content_x + ui(24 + 12), dialog_y + ui(16 + 12),,,, COLORS._main_icon);
2022-01-13 05:24:03 +01:00
#endregion
#region presets
2023-11-13 15:42:14 +01:00
draw_sprite_stretched(THEME.ui_panel_bg, 1, presets_x + ui(16), dialog_y + ui(44), ui(240 - 32), dialog_h - ui(60));
2022-01-13 05:24:03 +01:00
2023-06-21 20:36:53 +02:00
sp_presets.setFocusHover(sFOCUS, sHOVER);
2022-11-03 11:44:49 +01:00
sp_presets.draw(presets_x + ui(24), dialog_y + ui(44));
2022-01-13 05:24:03 +01:00
2022-11-03 11:44:49 +01:00
var bx = presets_x + presets_w - ui(44);
2023-02-23 07:02:19 +01:00
var by = dialog_y + ui(12);
2023-12-29 14:30:54 +01:00
var bs = ui(28);
2022-01-13 05:24:03 +01:00
2023-12-29 14:30:54 +01:00
if(buttonInstant(THEME.button_hide, bx, by, bs, bs, mouse_ui, sFOCUS, sHOVER, __txtx("add_preset", "Add to preset"), THEME.add_20) == 2) {
2022-11-03 11:44:49 +01:00
var dia = dialogCall(o_dialog_file_name, mouse_mx + ui(8), mouse_my + ui(8));
2022-01-13 05:24:03 +01:00
dia.onModify = function (txt) {
var file = file_text_open_write(txt + ".hex");
for(var i = 0; i < array_length(palette); i++) {
var cc = palette[i];
var r = number_to_hex(color_get_red(cc));
var g = number_to_hex(color_get_green(cc));
var b = number_to_hex(color_get_blue(cc));
2024-01-09 03:39:40 +01:00
var a = number_to_hex(color_get_alpha(cc));
2022-01-13 05:24:03 +01:00
2024-01-09 03:39:40 +01:00
file_text_write_string(file, $"{r}{g}{b}{a}\n");
2022-01-13 05:24:03 +01:00
}
file_text_close(file);
__initPalette();
2022-01-13 05:24:03 +01:00
};
dia.path = DIRECTORY + "Palettes/"
}
2022-11-03 11:44:49 +01:00
bx -= ui(32);
2022-01-13 05:24:03 +01:00
2023-12-29 14:30:54 +01:00
if(buttonInstant(THEME.button_hide, bx, by, bs, bs, mouse_ui, sFOCUS, sHOVER, __txt("Refresh"), THEME.refresh_20) == 2)
__initPalette();
2022-11-03 11:44:49 +01:00
bx -= ui(32);
2022-01-13 05:24:03 +01:00
2023-12-29 14:30:54 +01:00
if(buttonInstant(THEME.button_hide, bx, by, bs, bs, mouse_ui, sFOCUS, sHOVER, __txtx("color_selector_open_palette", "Open palette folder"), THEME.path_open_20) == 2) {
2023-05-30 11:09:15 +02:00
var _realpath = DIRECTORY + "Palettes";
shellOpenExplorer(_realpath)
2022-01-13 05:24:03 +01:00
}
2023-12-29 14:30:54 +01:00
draw_sprite_ui_uniform(THEME.path_open_20, 1, bx + bs / 2, by + bs / 2, 1, c_white);
2022-11-03 11:44:49 +01:00
bx -= ui(32);
2022-01-13 05:24:03 +01:00
#endregion
#region palette
2022-11-03 11:44:49 +01:00
var pl_x = content_x + ui(60);
var pl_y = dialog_y + ui(54);
var pl_w = content_w - ui(154);
var pl_h = ui(24);
2022-01-13 05:24:03 +01:00
var max_col = 8;
var col = min(array_length(palette), max_col);
var row = ceil(array_length(palette) / col);
2023-02-14 13:44:46 +01:00
var ww = round(pl_w / col);
2022-11-03 11:44:49 +01:00
var hh = (pl_h + ui(6)) * row;
2022-12-10 05:06:01 +01:00
dialog_h = ui(408) + hh;
2022-01-13 05:24:03 +01:00
2023-01-04 02:30:04 +01:00
draw_sprite_stretched(THEME.textbox, 3, pl_x - ui(6), pl_y - ui(6), pl_w + ui(12), hh + ui(6));
2022-11-18 03:20:31 +01:00
draw_sprite_stretched(THEME.textbox, 0, pl_x - ui(6), pl_y - ui(6), pl_w + ui(12), hh + ui(6));
2022-01-13 05:24:03 +01:00
#region tools
2022-11-03 11:44:49 +01:00
var bx = content_x + content_w - ui(50);
var by = dialog_y + ui(16);
2022-01-13 05:24:03 +01:00
2023-06-04 18:28:29 +02:00
if(buttonInstant(THEME.button_hide, bx, by, ui(28), ui(28), mouse_ui, interactable && sFOCUS, sHOVER, __txtx("palette_editor_sort", "Sort color"), THEME.sort) == 2) {
2023-05-03 21:42:17 +02:00
menuCall("palette_window_sort_menu", bx + ui(32), by, [
2023-06-04 18:28:29 +02:00
menuItem(__txtx("palette_editor_sort_brighter", "Brighter"), function() { sortPalette(__sortBright); }),
menuItem(__txtx("palette_editor_sort_darker", "Darker"), function() { sortPalette(__sortDark); }),
2023-02-17 04:48:54 +01:00
-1,
2023-06-04 18:28:29 +02:00
menuItem(__txtx("palette_editor_sort_hue", "Hue"), function() { sortPalette(__sortHue); }),
menuItem(__txtx("palette_editor_sort_sat", "Saturation"), function() { sortPalette(__sortSat); }),
menuItem(__txtx("palette_editor_sort_val", "Value"), function() { sortPalette(__sortVal); }),
],, palette);
2022-01-13 05:24:03 +01:00
}
2023-02-17 04:48:54 +01:00
bx -= ui(32);
2022-01-13 05:24:03 +01:00
2023-06-04 18:28:29 +02:00
if(buttonInstant(THEME.button_hide, bx, by, ui(28), ui(28), mouse_ui, interactable && sFOCUS, sHOVER, __txtx("palette_editor_reverse", "Reverse palette"), THEME.reverse) == 2) {
2023-02-17 04:48:54 +01:00
palette = array_reverse(palette);
onApply(palette);
}
2022-11-03 11:44:49 +01:00
bx -= ui(32);
2022-01-13 05:24:03 +01:00
#endregion
2022-12-10 05:06:01 +01:00
var hover = -1, hvx, hvy;
2024-01-09 03:39:40 +01:00
var _pd = ui(5);
2022-01-13 05:24:03 +01:00
for(var i = 0; i < row; i++)
for(var j = 0; j < col; j++) {
var index = i * col + j;
if(index >= array_length(palette)) break;
2024-01-09 03:39:40 +01:00
2022-01-13 05:24:03 +01:00
var _p = palette[index];
2024-01-09 03:39:40 +01:00
var _pa = _color_get_alpha(_p);
2022-01-13 05:24:03 +01:00
var _kx = pl_x + j * ww;
2022-11-03 11:44:49 +01:00
var _ky = pl_y + i * (pl_h + ui(6));
2022-01-13 05:24:03 +01:00
2024-01-09 03:39:40 +01:00
var _px = _kx + ui(2);
var _py = _ky;
var _pw = ww - ui(4);
var _ph = pl_h;
if(index == index_dragging) {
index_drag_x_to = _px;
index_drag_y_to = _py;
index_drag_w_to = _pw;
index_drag_h_to = _ph;
continue;
}
if(_pa < 1) {
draw_sprite_stretched_ext(THEME.palette_mask, 1, _px, _py, _pw, _ph - ui(8), _p, 1);
draw_sprite_stretched_ext(THEME.palette_mask, 1, _px, _py + _ph - ui(6), _pw, ui(6), c_black, 1);
draw_sprite_stretched_ext(THEME.palette_mask, 1, _px, _py + _ph - ui(6), _pw * _pa, ui(6), c_white, 1);
} else
draw_sprite_stretched_ext(THEME.palette_mask, 1, _px, _py, _pw, _ph, _p, 1);
if(index == index_selecting)
draw_sprite_stretched_ext(THEME.palette_selecting, 0, _px - _pd, _py - _pd, _pw + _pd * 2, _ph + _pd * 2, c_white, 1);
2022-01-13 05:24:03 +01:00
2022-11-03 11:44:49 +01:00
if(sHOVER && point_in_rectangle(mouse_mx, mouse_my, _kx, _ky, _kx + ww, _ky + pl_h)) {
2022-01-13 05:24:03 +01:00
hover = index;
2022-12-10 05:06:01 +01:00
hvx = _kx;
hvy = _ky;
2022-01-13 05:24:03 +01:00
}
}
if(index_dragging > -1) {
2024-01-09 03:39:40 +01:00
index_drag_x = index_drag_x == 0? index_drag_x_to : lerp_float(index_drag_x, index_drag_x_to, 5);
index_drag_y = index_drag_y == 0? index_drag_y_to : lerp_float(index_drag_y, index_drag_y_to, 5);
index_drag_w = index_drag_w == 0? index_drag_w_to : lerp_float(index_drag_w, index_drag_w_to, 5);
index_drag_h = index_drag_h == 0? index_drag_h_to : lerp_float(index_drag_h, index_drag_h_to, 5);
_px = index_drag_x;
_py = index_drag_y;
_pw = index_drag_w;
_ph = index_drag_h;
_p = palette[index_dragging];
_pa = _color_get_alpha(_p);
if(_pa < 1) {
draw_sprite_stretched_ext(THEME.palette_mask, 1, _px, _py, _pw, _ph - ui(8), _p, 1);
draw_sprite_stretched_ext(THEME.palette_mask, 1, _px, _py + _ph - ui(6), _pw, ui(6), c_black, 1);
draw_sprite_stretched_ext(THEME.palette_mask, 1, _px, _py + _ph - ui(6), _pw * _pa, ui(6), c_white, 1);
} else
draw_sprite_stretched_ext(THEME.palette_mask, 1, _px, _py, _pw, _ph, _p, 1);
draw_sprite_stretched_ext(THEME.palette_selecting, 0, _px - _pd, _py - _pd, _pw + _pd * 2, _ph + _pd * 2, c_white, 1);
2022-12-10 05:06:01 +01:00
if(hover > -1 && hover != index_dragging) {
draw_set_color(COLORS.dialog_palette_divider);
2024-01-09 03:39:40 +01:00
var sx = hvx;
if(hover >= index_dragging) sx += ww;
2022-12-10 05:06:01 +01:00
2024-01-09 03:39:40 +01:00
var tt = palette[index_dragging];
2022-01-13 05:24:03 +01:00
2024-01-09 03:39:40 +01:00
array_delete(palette, index_dragging, 1);
array_insert(palette, hover, tt);
index_selecting = hover;
index_dragging = hover;
2023-02-21 07:38:25 +01:00
2024-01-09 03:39:40 +01:00
onApply(palette);
2022-01-13 05:24:03 +01:00
}
2022-12-10 05:06:01 +01:00
if(mouse_release(mb_left))
2024-01-09 03:39:40 +01:00
index_dragging = -1;
} else {
index_drag_x = 0;
index_drag_y = 0;
index_drag_w = 0;
index_drag_h = 0;
2022-01-13 05:24:03 +01:00
}
2022-12-10 05:06:01 +01:00
if(mouse_press(mb_left, sFOCUS) && hover > -1) {
2022-11-18 03:20:31 +01:00
index_selecting = hover;
2023-02-28 09:43:01 +01:00
if(interactable)
index_dragging = hover;
2022-11-18 03:20:31 +01:00
selector.setColor(palette[hover]);
2022-01-13 05:24:03 +01:00
}
2022-11-03 11:44:49 +01:00
var bx = content_x + content_w - ui(50);
var by = pl_y - ui(2);
2022-01-13 05:24:03 +01:00
if(array_length(palette) > 1) {
2024-01-09 03:39:40 +01:00
if(buttonInstant(THEME.button_hide, bx, by, ui(28), ui(28), mouse_ui, interactable && sFOCUS, sHOVER, "", THEME.minus) == 2) {
2023-01-09 03:14:20 +01:00
array_delete(palette, index_selecting, 1);
2023-02-14 13:44:46 +01:00
index_selecting = clamp(index_selecting - 1, 0, array_length(palette) - 1);
2022-11-18 03:20:31 +01:00
onApply(palette);
2022-01-13 05:24:03 +01:00
}
} else {
2022-11-18 03:20:31 +01:00
draw_sprite_ui_uniform(THEME.minus, 0, bx + ui(14), by + ui(14), 1, COLORS._main_icon, 0.5);
2022-01-13 05:24:03 +01:00
}
2022-11-03 11:44:49 +01:00
bx -= ui(32);
2024-01-09 03:39:40 +01:00
if(buttonInstant(THEME.button_hide, bx, by, ui(28), ui(28), mouse_ui, interactable && sFOCUS, sHOVER, "", THEME.add) == 2) {
2023-02-14 13:44:46 +01:00
index_selecting = array_length(palette);
2022-01-13 05:24:03 +01:00
palette[array_length(palette)] = c_black;
2022-11-18 03:20:31 +01:00
onApply(palette);
2022-01-13 05:24:03 +01:00
}
2022-11-03 11:44:49 +01:00
bx = content_x + ui(18);
2024-01-09 03:39:40 +01:00
if(buttonInstant(THEME.button_hide, bx, by, ui(28), ui(28), mouse_ui, interactable && sFOCUS, sHOVER, __txtx("palette_editor_load", "Load palette file") + " (.hex)", THEME.file) == 2) {
2024-05-16 15:28:45 +02:00
var path = get_open_filename_pxc("HEX palette|*.hex", "");
2023-02-28 09:43:01 +01:00
key_release();
if(isPaletteFile(path)) {
2022-01-13 05:24:03 +01:00
palette = loadPalette(path);
2022-11-18 03:20:31 +01:00
onApply(palette);
}
2022-01-13 05:24:03 +01:00
}
2022-11-18 03:20:31 +01:00
draw_sprite_ui_uniform(THEME.file, 0, bx + ui(14), by + ui(14), 1, COLORS._main_icon);
2022-01-13 05:24:03 +01:00
#endregion
2022-11-18 03:20:31 +01:00
#region selector
2022-11-03 11:44:49 +01:00
var col_x = content_x + ui(20);
var col_y = dialog_y + ui(70) + hh;
2022-01-13 05:24:03 +01:00
2022-11-18 03:20:31 +01:00
selector.draw(col_x, col_y, sFOCUS, sHOVER);
2022-01-13 05:24:03 +01:00
#endregion
#region controls
2022-11-03 11:44:49 +01:00
var bx = content_x + content_w - ui(36);
var by = dialog_y + dialog_h - ui(36);
2023-01-25 06:49:00 +01:00
b_apply.register();
2023-06-21 20:36:53 +02:00
b_apply.setFocusHover(sFOCUS, sHOVER);
2023-01-25 06:49:00 +01:00
b_apply.draw(bx - ui(18), by - ui(18), ui(36), ui(36), mouse_ui, THEME.button_lime);
2023-02-14 13:44:46 +01:00
bx -= ui(48);
b_cancel.register();
2023-06-21 20:36:53 +02:00
b_cancel.setFocusHover(sFOCUS, sHOVER);
2023-02-14 13:44:46 +01:00
b_cancel.draw(bx - ui(18), by - ui(18), ui(36), ui(36), mouse_ui, THEME.button_hide);
2022-01-13 05:24:03 +01:00
#endregion