Pixel-Composer/scripts/areaBox/areaBox.gml

313 lines
9.2 KiB
Plaintext
Raw Normal View History

2022-01-13 05:24:03 +01:00
enum AREA_SHAPE {
rectangle,
elipse
}
2023-01-17 08:11:55 +01:00
enum AREA_MODE {
area,
padding,
two_point,
}
2023-03-19 09:17:39 +01:00
enum AREA_INDEX {
center_x,
center_y,
half_w,
half_h
}
2023-01-17 08:11:55 +01:00
function areaBox(_onModify, _unit = noone) : widget() constructor {
2022-01-13 05:24:03 +01:00
onModify = _onModify;
2022-12-27 04:00:50 +01:00
unit = _unit;
2022-01-13 05:24:03 +01:00
onSurfaceSize = -1;
2023-08-24 11:59:05 +02:00
link_value = false;
2023-01-17 08:11:55 +01:00
current_data = [ 0, 0, 0, 0 ];
2023-01-25 06:49:00 +01:00
adjust_shape = true;
2023-08-24 11:59:05 +02:00
mode = AREA_MODE.area;
tooltip = new tooltipSelector("Area type", [
__txtx("widget_area_center_Span", "Center + Span"),
__txtx("widget_area_padding", "Padding"),
__txtx("widget_area_two_points", "Two points"),
]);
2023-01-17 08:11:55 +01:00
2023-08-24 11:59:05 +02:00
onModifySingle[0] = function(val) { #region
2023-08-01 11:16:23 +02:00
var v = toNumber(val);
2023-01-17 08:11:55 +01:00
if(mode == AREA_MODE.area) {
2023-08-01 11:16:23 +02:00
return onModify(0, v);
2023-01-17 08:11:55 +01:00
} else if(mode == AREA_MODE.padding) {
2023-08-01 11:16:23 +02:00
if(link_value) return onModify(0, v) || onModify(1, v) || onModify(2, v) || onModify(3, v);
else return onModify(0, v);
2023-01-17 08:11:55 +01:00
} else if(mode == AREA_MODE.two_point) {
2023-08-01 11:16:23 +02:00
return onModify(0, v);
2023-01-17 08:11:55 +01:00
}
2023-08-24 11:59:05 +02:00
} #endregion
onModifySingle[1] = function(val) { #region
2023-08-01 11:16:23 +02:00
var v = toNumber(val);
2023-01-17 08:11:55 +01:00
if(mode == AREA_MODE.area) {
2023-08-01 11:16:23 +02:00
return onModify(1, v);
2023-01-17 08:11:55 +01:00
} else if(mode == AREA_MODE.padding) {
2023-08-01 11:16:23 +02:00
if(link_value) return onModify(0, v) || onModify(1, v) || onModify(2, v) || onModify(3, v);
else return onModify(1, v);
2023-01-17 08:11:55 +01:00
} else if(mode == AREA_MODE.two_point) {
2023-08-01 11:16:23 +02:00
return onModify(1, v);
2023-01-17 08:11:55 +01:00
}
2023-08-24 11:59:05 +02:00
} #endregion
onModifySingle[2] = function(val) { #region
2023-08-01 11:16:23 +02:00
var v = toNumber(val);
2023-01-17 08:11:55 +01:00
if(mode == AREA_MODE.area) {
2023-08-01 11:16:23 +02:00
return onModify(2, v);
2023-01-17 08:11:55 +01:00
} else if(mode == AREA_MODE.padding) {
2023-08-01 11:16:23 +02:00
if(link_value) return onModify(0, v) || onModify(1, v) || onModify(2, v) || onModify(3, v);
else return onModify(2, v);
2023-01-17 08:11:55 +01:00
} else if(mode == AREA_MODE.two_point) {
2023-08-01 11:16:23 +02:00
return onModify(2, v);
2023-01-17 08:11:55 +01:00
}
2023-08-24 11:59:05 +02:00
} #endregion
onModifySingle[3] = function(val) { #region
2023-08-01 11:16:23 +02:00
var v = toNumber(val);
2023-01-17 08:11:55 +01:00
if(mode == AREA_MODE.area) {
2023-08-01 11:16:23 +02:00
return onModify(3, v);
2023-01-17 08:11:55 +01:00
} else if(mode == AREA_MODE.padding) {
2023-08-01 11:16:23 +02:00
if(link_value) return onModify(0, v) || onModify(1, v) || onModify(2, v) || onModify(3, v);
else return onModify(3, v);
2023-01-17 08:11:55 +01:00
} else if(mode == AREA_MODE.two_point) {
2023-08-01 11:16:23 +02:00
return onModify(3, v);
2023-01-17 08:11:55 +01:00
}
2023-08-24 11:59:05 +02:00
} #endregion
2022-01-13 05:24:03 +01:00
2023-08-24 11:59:05 +02:00
for(var i = 0; i < 4; i++) { #region
2022-01-13 05:24:03 +01:00
tb[i] = new textBox(TEXTBOX_INPUT.number, onModifySingle[i]);
2023-01-17 08:11:55 +01:00
tb[i].slidable = true;
2023-08-24 11:59:05 +02:00
} #endregion
2023-01-17 08:11:55 +01:00
2023-08-24 11:59:05 +02:00
static setSlideSpeed = function(speed) { #region
2023-02-14 05:32:32 +01:00
for(var i = 0; i < 4; i++)
tb[i].setSlidable(speed);
2023-08-24 11:59:05 +02:00
} #endregion
2023-02-14 05:32:32 +01:00
2023-08-24 11:59:05 +02:00
static setInteract = function(interactable = noone) { #region
2023-01-25 06:49:00 +01:00
self.interactable = interactable;
2023-01-17 08:11:55 +01:00
for(var i = 0; i < 4; i++)
2023-01-25 06:49:00 +01:00
tb[i].interactable = interactable;
2023-08-24 11:59:05 +02:00
} #endregion
2023-01-25 06:49:00 +01:00
2023-08-24 11:59:05 +02:00
static register = function(parent = noone) { #region
2023-01-25 06:49:00 +01:00
switch(mode) {
case AREA_MODE.two_point :
case AREA_MODE.area :
for(var i = 0; i < 4; i++)
tb[i].register(parent);
break;
case AREA_MODE.padding :
tb[1].register(parent);
tb[2].register(parent);
tb[0].register(parent);
tb[3].register(parent);
break;
}
2023-01-17 08:11:55 +01:00
if(unit != noone && unit.reference != noone)
unit.triggerButton.register(parent);
2023-08-24 11:59:05 +02:00
} #endregion
2023-01-17 08:11:55 +01:00
2023-08-24 11:59:05 +02:00
static drawParam = function(params) { #region
return draw(params.x + params.w / 2, params.y + ui(40), params.data, params.display_data, params.m);
2023-08-24 11:59:05 +02:00
} #endregion
2023-07-30 19:56:53 +02:00
static draw = function(_x, _y, _data, _display_data, _m) {
2023-01-17 08:11:55 +01:00
x = _x;
y = _y;
w = 0;
h = ui(204);
mode = _display_data.area_type;
2023-01-17 08:11:55 +01:00
2023-08-24 11:59:05 +02:00
var _bx = _x - ui(48);
var _by = _y + ui(64 - 48);
var _bs = ui(96);
var _bact = adjust_shape && active;
var _bhov = adjust_shape && hover;
var _bind = array_safe_get(_data, 4);
if(!is_array(_bind))
if(buttonInstant(THEME.button_hide, _bx, _by, _bs, _bs, _m, _bact, _bhov,, THEME.inspector_area, _bind, c_white) == 2) {
var val = (array_safe_get(_data, 4) + 1) % 2;
onModify(4, val);
2022-01-13 05:24:03 +01:00
}
if(onSurfaceSize != -1) {
2023-08-24 11:59:05 +02:00
var _bx = _x - ui(76);
var _by = _y + ui(28 - 12);
var _bs = ui(24);
var _btxt = __txtx("widget_area_fill_surface", "Full surface");
if(buttonInstant(THEME.button_hide, _bx, _by, _bs, _bs, _m, active, hover, _btxt, THEME.fill, 0, c_white) == 2) { #region
2023-02-28 09:43:01 +01:00
switch(mode) {
case AREA_MODE.area :
var ss = onSurfaceSize();
onModify(0, ss[0] / 2);
onModify(1, ss[1] / 2);
onModify(2, ss[0] / 2);
onModify(3, ss[1] / 2);
break;
case AREA_MODE.padding :
var ss = onSurfaceSize();
onModify(0, 0);
onModify(1, 0);
onModify(2, 0);
onModify(3, 0);
break;
case AREA_MODE.two_point :
var ss = onSurfaceSize();
onModify(0, 0);
onModify(1, 0);
onModify(2, ss[0]);
onModify(3, ss[1]);
break;
}
2023-08-24 11:59:05 +02:00
} #endregion
2023-01-17 08:11:55 +01:00
tooltip.index = mode;
2023-01-17 08:11:55 +01:00
2023-08-24 11:59:05 +02:00
var _bx = _x + ui(76 - 24);
var _by = _y + ui(28 - 12);
var _bs = ui(24);
if(buttonInstant(THEME.button_hide, _bx, _by, _bs, _bs, _m, active, hover, tooltip, THEME.inspector_area_type, mode, c_white) == 2) { #region
2023-01-17 08:11:55 +01:00
switch(mode) {
2023-07-30 13:56:22 +02:00
case AREA_MODE.area : //area to padding
2023-01-17 08:11:55 +01:00
var cx = array_safe_get(_data, 0);
var cy = array_safe_get(_data, 1);
var sw = array_safe_get(_data, 2);
var sh = array_safe_get(_data, 3);
var ss = onSurfaceSize();
onModify(0, ss[0] - (cx + sw));
onModify(1, cy - sh);
onModify(2, cx - sw);
onModify(3, ss[1] - (cy + sh));
break;
2023-07-30 13:56:22 +02:00
case AREA_MODE.padding : //padding to two points
2023-01-17 08:11:55 +01:00
var r = array_safe_get(_data, 0);
var t = array_safe_get(_data, 1);
var l = array_safe_get(_data, 2);
var b = array_safe_get(_data, 3);
var ss = onSurfaceSize();
onModify(0, l);
onModify(1, t);
onModify(2, ss[0] - r);
onModify(3, ss[1] - b);
break;
2023-07-30 13:56:22 +02:00
case AREA_MODE.two_point : //twp points to area
2023-01-17 08:11:55 +01:00
var x0 = array_safe_get(_data, 0);
var y0 = array_safe_get(_data, 1);
var x1 = array_safe_get(_data, 2);
var y1 = array_safe_get(_data, 3);
onModify(0, (x0 + x1) / 2);
onModify(1, (y0 + y1) / 2);
onModify(2, abs(x0 - x1) / 2);
onModify(3, abs(y0 - y1) / 2);
break;
}
_display_data.area_type = (mode + 1) % 3;
2023-08-24 11:59:05 +02:00
} #endregion
}
2023-01-17 08:11:55 +01:00
2023-08-24 11:59:05 +02:00
if(mode == AREA_MODE.padding) { #region
var cc = link_value? COLORS._main_accent : COLORS._main_icon;
var _bx = _x - ui(76);
var _by = _y + ui(88);
var _bs = ui(24);
var _btxt = __txt("Link values");
if(buttonInstant(THEME.button_hide, _bx, _by, _bs, _bs, _m, active, hover, _btxt, THEME.value_link, link_value, cc) == 2)
2023-01-17 08:11:55 +01:00
link_value = !link_value;
2023-08-24 11:59:05 +02:00
} #endregion
2022-01-13 05:24:03 +01:00
for(var i = 0; i < 4; i++) {
2023-06-21 20:36:53 +02:00
tb[i].setFocusHover(active, hover);
2022-01-13 05:24:03 +01:00
tb[i].align = fa_center;
}
2023-01-17 08:11:55 +01:00
current_data = _data;
2022-01-13 05:24:03 +01:00
2023-08-24 11:59:05 +02:00
if(mode == AREA_MODE.area) { #region
2023-01-17 08:11:55 +01:00
var tb_x0 = _x + ui(6) - ui(64) - ui(48);
var tb_x1 = _x + ui(6) + ui(64) - ui(48);
var tb_y0 = _y - ui(28);
var tb_y1 = _y + ui(64 + 48 + 8);
2022-12-27 04:00:50 +01:00
2023-01-17 08:11:55 +01:00
draw_set_text(f_p0, fa_right, fa_center, COLORS._main_text_sub);
draw_text(tb_x0 - ui(4), tb_y0 + TEXTBOX_HEIGHT / 2, "x");
draw_text(tb_x1 - ui(4), tb_y0 + TEXTBOX_HEIGHT / 2, "y");
draw_text(tb_x0 - ui(4), tb_y1 + TEXTBOX_HEIGHT / 2, "w");
draw_text(tb_x1 - ui(4), tb_y1 + TEXTBOX_HEIGHT / 2, "h");
tb[0].draw(tb_x0, tb_y0, ui(96), TEXTBOX_HEIGHT, array_safe_get(_data, 0), _m);
tb[1].draw(tb_x1, tb_y0, ui(96), TEXTBOX_HEIGHT, array_safe_get(_data, 1), _m);
tb[2].draw(tb_x0, tb_y1, ui(96), TEXTBOX_HEIGHT, array_safe_get(_data, 2), _m);
tb[3].draw(tb_x1, tb_y1, ui(96), TEXTBOX_HEIGHT, array_safe_get(_data, 3), _m);
2023-08-24 11:59:05 +02:00
#endregion
} else if(mode == AREA_MODE.padding) { #region
2023-01-17 08:11:55 +01:00
var tb_rx = _x + ui(56);
var tb_ry = _y + ui(48);
var tb_tx = _x - ui(48);
var tb_ty = _y - ui(28);
var tb_lx = _x - ui(56 + 96);
var tb_ly = _y + ui(48);
var tb_bx = _x - ui(48);
var tb_by = _y + ui(64 + 48 + 8);
tb[0].draw(tb_rx, tb_ry, ui(96), TEXTBOX_HEIGHT, array_safe_get(_data, 0), _m);
tb[1].draw(tb_tx, tb_ty, ui(96), TEXTBOX_HEIGHT, array_safe_get(_data, 1), _m);
tb[2].draw(tb_lx, tb_ly, ui(96), TEXTBOX_HEIGHT, array_safe_get(_data, 2), _m);
tb[3].draw(tb_bx, tb_by, ui(96), TEXTBOX_HEIGHT, array_safe_get(_data, 3), _m);
2023-08-24 11:59:05 +02:00
#endregion
} else if(mode == AREA_MODE.two_point) { #region
2023-01-17 08:11:55 +01:00
var tb_x0 = _x + ui(6) - ui(64) - ui(48);
var tb_x1 = _x + ui(6) + ui(64) - ui(48);
var tb_y0 = _y - ui(28);
var tb_y1 = _y + ui(64 + 48 + 8);
draw_set_text(f_p0, fa_right, fa_center, COLORS._main_text_sub);
draw_text(tb_x0 - ui(4), tb_y0 + TEXTBOX_HEIGHT / 2, "x0");
draw_text(tb_x1 - ui(4), tb_y0 + TEXTBOX_HEIGHT / 2, "y0");
draw_text(tb_x0 - ui(4), tb_y1 + TEXTBOX_HEIGHT / 2, "x1");
draw_text(tb_x1 - ui(4), tb_y1 + TEXTBOX_HEIGHT / 2, "y1");
tb[0].draw(tb_x0, tb_y0, ui(96), TEXTBOX_HEIGHT, array_safe_get(_data, 0), _m);
tb[1].draw(tb_x1, tb_y0, ui(96), TEXTBOX_HEIGHT, array_safe_get(_data, 1), _m);
tb[2].draw(tb_x0, tb_y1, ui(96), TEXTBOX_HEIGHT, array_safe_get(_data, 2), _m);
tb[3].draw(tb_x1, tb_y1, ui(96), TEXTBOX_HEIGHT, array_safe_get(_data, 3), _m);
2023-08-24 11:59:05 +02:00
#endregion
2023-01-17 08:11:55 +01:00
}
2022-12-27 04:00:50 +01:00
if(unit != noone && unit.reference != noone) {
2023-06-21 20:36:53 +02:00
unit.triggerButton.setFocusHover(active, hover);
2022-12-27 04:00:50 +01:00
unit.draw(_x + ui(56 + 48 + 8), _y - ui(28), ui(32), ui(32), _m);
}
2022-01-13 05:24:03 +01:00
2023-01-17 08:11:55 +01:00
resetFocus();
2023-07-30 19:56:53 +02:00
return h;
2022-01-13 05:24:03 +01:00
}
}