mirror of
https://github.com/Ttanasart-pt/Pixel-Composer.git
synced 2024-11-15 06:53:59 +01:00
299 lines
8.6 KiB
Plaintext
299 lines
8.6 KiB
Plaintext
|
function Panel_Action_Create() : PanelContent() constructor {
|
||
|
|
#region data
|
||
|
|
title = __txt("Create Action");
|
||
|
|
showHeader = true;
|
||
|
|
padding = ui(12);
|
||
|
|
|
||
|
|
w = min(WIN_W, ui(720));
|
||
|
|
h = ui(400);
|
||
|
|
min_w = ui(640);
|
||
|
|
min_h = ui(320);
|
||
|
|
|
||
|
|
name = "New Action";
|
||
|
|
tooltip = "";
|
||
|
|
tags = "";
|
||
|
|
location = [];
|
||
|
|
spr = noone;
|
||
|
|
|
||
|
|
rawNodes = [];
|
||
|
|
nodes = [];
|
||
|
|
connections = [];
|
||
|
|
|
||
|
|
cat_index = 0;
|
||
|
|
node_categories = [ "None" ];
|
||
|
|
cat_value = [ noone ];
|
||
|
|
|
||
|
|
for(var i = global.__startPage; i < ds_list_size(NODE_CATEGORY); i++) {
|
||
|
|
var _name = NODE_CATEGORY[| i].name;
|
||
|
|
switch(_name) {
|
||
|
|
case "Action" :
|
||
|
|
case "Custom" :
|
||
|
|
case "Extra" :
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
|
||
|
|
array_push(node_categories, _name);
|
||
|
|
array_push(cat_value, [ _name, "" ]);
|
||
|
|
|
||
|
|
var _list = NODE_CATEGORY[| i].list;
|
||
|
|
for(var j = 0, m = ds_list_size(_list); j < m; j++ ) {
|
||
|
|
if(is_string(_list[| j])) {
|
||
|
|
array_push(node_categories, $"> {_list[| j]}");
|
||
|
|
array_push(cat_value, [ _name, _list[| j] ]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
array_push(node_categories, -1);
|
||
|
|
array_push(cat_value, noone);
|
||
|
|
}
|
||
|
|
|
||
|
|
tb_name = new textBox( TEXTBOX_INPUT.text, function(str) /*=>*/ { name = str; }).setAutoUpdate();
|
||
|
|
tb_tooltip = new textArea(TEXTBOX_INPUT.text, function(str) /*=>*/ { tooltip = str; }).setAutoUpdate();
|
||
|
|
tb_alias = new textArea(TEXTBOX_INPUT.text, function(str) /*=>*/ { tags = str; }).setAutoUpdate();
|
||
|
|
tb_location = new scrollBox(node_categories, function(val) /*=>*/ { cat_index = val; });
|
||
|
|
tb_location.align = fa_left;
|
||
|
|
tb_location.horizontal = true;
|
||
|
|
tb_location.padding = ui(16);
|
||
|
|
tb_location.item_pad = ui(4);
|
||
|
|
tb_location.font = f_p2;
|
||
|
|
|
||
|
|
b_create = button(function() /*=>*/ {
|
||
|
|
var _path = $"{DIRECTORY}Actions/Nodes/{name}.json";
|
||
|
|
var _map = {
|
||
|
|
name,
|
||
|
|
sprPath : $"./{name}.png",
|
||
|
|
tooltip,
|
||
|
|
tags: string_split(tags, ",", true),
|
||
|
|
location : cat_value[cat_index],
|
||
|
|
nodes,
|
||
|
|
connections,
|
||
|
|
};
|
||
|
|
|
||
|
|
json_save_struct(_path, _map);
|
||
|
|
|
||
|
|
if(spr) surface_save(spr, $"{DIRECTORY}Actions/Nodes/{name}.png");
|
||
|
|
close();
|
||
|
|
});
|
||
|
|
|
||
|
|
b_create.text = __txtx("new_action_create", "Create");
|
||
|
|
|
||
|
|
KEYBOARD_STRING = "";
|
||
|
|
#endregion
|
||
|
|
|
||
|
|
function onResize() { sc_node_content.resize(w - padding * 2 - ui(320) - ui(16), h - padding * 2 - ui(16)); }
|
||
|
|
|
||
|
|
#region content
|
||
|
|
sc_node_content = new scrollPane(w - padding * 2 - ui(320) - ui(16), h - padding * 2 - ui(16), function(_y, _m) {
|
||
|
|
draw_clear_alpha(COLORS.panel_bg_clear, 0);
|
||
|
|
var _w = sc_node_content.surface_w;
|
||
|
|
var _h = ui(16);
|
||
|
|
var yy = _y;
|
||
|
|
var _lh = line_get_height(f_p2);
|
||
|
|
|
||
|
|
for (var i = 0, n = array_length(rawNodes); i < n; i++) {
|
||
|
|
var _r = rawNodes[i];
|
||
|
|
var _n = _r.node;
|
||
|
|
var _name = _n.getFullName();
|
||
|
|
var _nd = nodes[i];
|
||
|
|
|
||
|
|
var _hv = pHOVER && point_in_rectangle(_m[0], _m[1], 0, yy, _w, yy + _lh + ui(4));
|
||
|
|
draw_sprite_stretched_ext(THEME.group_label, _hv, 0, yy, _w, _lh + ui(4), CDEF.main_grey);
|
||
|
|
|
||
|
|
draw_set_text(f_p2, fa_left, fa_top, COLORS._main_text);
|
||
|
|
draw_text_add(ui(8), yy + ui(2), _name);
|
||
|
|
|
||
|
|
if(mouse_press(mb_left, _hv))
|
||
|
|
_r.expanded = !_r.expanded;
|
||
|
|
|
||
|
|
yy += _lh + ui(4);
|
||
|
|
_h += _lh + ui(4);
|
||
|
|
|
||
|
|
if(_r.expanded) {
|
||
|
|
var _val = _nd.setValues;
|
||
|
|
|
||
|
|
for(var j = 0; j < ds_list_size(_n.inputs); j++) {
|
||
|
|
var _in = _n.inputs[| j];
|
||
|
|
var _vali = _val[$ j];
|
||
|
|
var _ttg = false;
|
||
|
|
|
||
|
|
var _bx = ui(8 + 12);
|
||
|
|
var _by = yy + _lh / 2;
|
||
|
|
var _tg = struct_has(_vali, "value"); _ttg |= _tg;
|
||
|
|
var _hv = pHOVER && point_in_circle(_m[0], _m[1], _bx, _by, 6);
|
||
|
|
if(_hv) TOOLTIP = "Save value";
|
||
|
|
draw_sprite_ext(THEME.circle_toggle_8, _tg, _bx, _by, 1, 1, 0, _tg? c_white : COLORS._main_icon, .5 + .5 * (_hv || _tg));
|
||
|
|
if(mouse_press(mb_left, _hv)) {
|
||
|
|
if(_tg) struct_remove(_vali, "value");
|
||
|
|
else _vali[$ "value"] = _in.getValue();
|
||
|
|
}
|
||
|
|
_bx += ui(12);
|
||
|
|
|
||
|
|
if(_in.expUse) {
|
||
|
|
var _tg = struct_has(_vali, "expression"); _ttg |= _tg;
|
||
|
|
var _hv = pHOVER && point_in_circle(_m[0], _m[1], _bx, _by, 6);
|
||
|
|
if(_hv) TOOLTIP = "Save expression";
|
||
|
|
draw_sprite_ext(THEME.circle_toggle_8, _tg, _bx, _by, 1, 1, 0, _tg? c_white : COLORS._main_icon, .5 + .5 * (_hv || _tg));
|
||
|
|
if(mouse_press(mb_left, _hv)) {
|
||
|
|
if(_tg) struct_remove(_vali, "expression");
|
||
|
|
else _vali[$ "expression"] = _in.expression;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
_bx += ui(12);
|
||
|
|
|
||
|
|
if(_in.unit.reference != noone) {
|
||
|
|
var _tg = struct_has(_vali, "unit"); _ttg |= _tg;
|
||
|
|
var _hv = pHOVER && point_in_circle(_m[0], _m[1], _bx, _by, 6);
|
||
|
|
if(_hv) TOOLTIP = "Save unit";
|
||
|
|
draw_sprite_ext(THEME.circle_toggle_8, _tg, _bx, _by, 1, 1, 0, _tg? c_white : COLORS._main_icon, .5 + .5 * (_hv || _tg));
|
||
|
|
if(mouse_press(mb_left, _hv)) {
|
||
|
|
if(_tg) struct_remove(_vali, "unit");
|
||
|
|
else _vali[$ "unit"] = _in.unit.mode;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
_bx += ui(12);
|
||
|
|
|
||
|
|
draw_set_text(f_p2, fa_left, fa_top, _ttg? c_white : COLORS._main_text_sub);
|
||
|
|
draw_text_add(_bx, yy, _in.name);
|
||
|
|
|
||
|
|
yy += _lh;
|
||
|
|
_h += _lh;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
yy += ui(4);
|
||
|
|
_h += ui(4);
|
||
|
|
}
|
||
|
|
|
||
|
|
return _h;
|
||
|
|
})
|
||
|
|
#endregion
|
||
|
|
|
||
|
|
function setNodes(_nodes) {
|
||
|
|
rawNodes = [];
|
||
|
|
nodes = [];
|
||
|
|
connections = [];
|
||
|
|
|
||
|
|
if(array_empty(_nodes)) {
|
||
|
|
close();
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
var _nmap = {};
|
||
|
|
var _minx = _nodes[0].x;
|
||
|
|
var _miny = _nodes[0].y;
|
||
|
|
|
||
|
|
for (var i = 0, n = array_length(_nodes); i < n; i++) {
|
||
|
|
var _n = _nodes[i];
|
||
|
|
rawNodes[i] = { node: _n, expanded: false };
|
||
|
|
_nmap[$ _n.node_id] = i;
|
||
|
|
|
||
|
|
_minx = min(_minx, _n.x);
|
||
|
|
_miny = min(_miny, _n.y);
|
||
|
|
}
|
||
|
|
|
||
|
|
for (var i = 0, n = array_length(_nodes); i < n; i++) {
|
||
|
|
var _n = _nodes[i];
|
||
|
|
var _idT = i;
|
||
|
|
var _vals = {};
|
||
|
|
|
||
|
|
for(var j = 0; j < ds_list_size(_n.inputs); j++) {
|
||
|
|
var _in = _n.inputs[| j];
|
||
|
|
_vals[$ j] = {};
|
||
|
|
|
||
|
|
if(_in.value_from == noone || !struct_has(_nmap, _in.value_from.node.node_id)) {
|
||
|
|
var _vl = _in.getValue();
|
||
|
|
if(!isEqual(_vl, _in.def_val))
|
||
|
|
_vals[$ j].value = _vl;
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
|
||
|
|
var _idF = _nmap[$ _in.value_from.node.node_id];
|
||
|
|
|
||
|
|
array_push(connections, {
|
||
|
|
from: _idF,
|
||
|
|
fromIndex: _in.value_from.index,
|
||
|
|
|
||
|
|
to: _idT,
|
||
|
|
toIndex: j,
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
nodes[i] = {
|
||
|
|
node: instanceof(_n),
|
||
|
|
x : _n.x - _minx,
|
||
|
|
y : _n.y - _miny,
|
||
|
|
setValues : _vals,
|
||
|
|
};
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function drawContent(panel) {
|
||
|
|
draw_clear_alpha(COLORS.panel_bg_clear, 0);
|
||
|
|
|
||
|
|
var _pd = padding;
|
||
|
|
|
||
|
|
// Nodes
|
||
|
|
|
||
|
|
var ndx = _pd;
|
||
|
|
var ndy = _pd;
|
||
|
|
var ndw = w - _pd * 2 - ui(320);
|
||
|
|
var ndh = h - _pd * 2;
|
||
|
|
|
||
|
|
draw_sprite_stretched(THEME.ui_panel_bg, 1, ndx, ndy, ndw, ndh);
|
||
|
|
|
||
|
|
sc_node_content.setFocusHover(pFOCUS, pHOVER);
|
||
|
|
sc_node_content.draw(ndx + ui(8), ndy + ui(8), mx - ndx - ui(8), my - ndy - ui(8));
|
||
|
|
|
||
|
|
// Metadata
|
||
|
|
|
||
|
|
var _tx = w - ui(320);
|
||
|
|
var _nm = ui(128);
|
||
|
|
var _wx = _tx + _nm;
|
||
|
|
var _wy = ui(8);
|
||
|
|
var _ww = ui(320) - _pd - _nm;
|
||
|
|
var _wh = TEXTBOX_HEIGHT;
|
||
|
|
var _th = _wy;
|
||
|
|
|
||
|
|
tb_name.setFocusHover(pFOCUS, pHOVER); tb_name.register();
|
||
|
|
tb_tooltip.setFocusHover(pFOCUS, pHOVER); tb_tooltip.register();
|
||
|
|
tb_alias.setFocusHover(pFOCUS, pHOVER); tb_alias.register();
|
||
|
|
tb_location.setFocusHover(pFOCUS, pHOVER); tb_location.register();
|
||
|
|
|
||
|
|
draw_set_text(f_p0, fa_left, fa_center, COLORS._main_text);
|
||
|
|
draw_text_add(_tx, _wy + _wh / 2, __txt("Name"));
|
||
|
|
var _hh = tb_name.draw(_wx, _wy, _ww, _wh, name, [ mx, my ]); _wy += _hh + ui(8); _th += _hh + ui(8);
|
||
|
|
|
||
|
|
draw_set_text(f_p0, fa_left, fa_center, COLORS._main_text);
|
||
|
|
draw_text_add(_tx, _wy + _wh / 2, __txt("Alias"));
|
||
|
|
var _hh = tb_alias.draw(_wx, _wy, _ww, _wh, tags, [ mx, my ]); _wy += _hh + ui(8); _th += _hh + ui(8);
|
||
|
|
|
||
|
|
draw_set_text(f_p0, fa_left, fa_center, COLORS._main_text);
|
||
|
|
draw_text_add(_tx, _wy + _wh / 2, __txt("Tooltip"));
|
||
|
|
var _hh = tb_tooltip.draw(_wx, _wy, _ww, _wh * 2, tooltip, [ mx, my ]); _wy += _hh + ui(8); _th += _hh + ui(8);
|
||
|
|
|
||
|
|
draw_set_text(f_p0, fa_left, fa_center, COLORS._main_text);
|
||
|
|
draw_text_add(_tx, _wy + _wh / 2, __txt("Categories"));
|
||
|
|
var _hh = tb_location.draw(_wx, _wy, _ww, _wh, cat_index, [ mx, my ], x, y); _wy += _hh + ui(8); _th += _hh + ui(8);
|
||
|
|
|
||
|
|
draw_set_text(f_p0, fa_left, fa_center, COLORS._main_text);
|
||
|
|
draw_text_add(_tx, _wy + _wh / 2, __txt("Sprite"));
|
||
|
|
|
||
|
|
var spx = _wx;
|
||
|
|
var spy = _wy;
|
||
|
|
var spw = ui(64);
|
||
|
|
|
||
|
|
draw_sprite_stretched(THEME.ui_panel_bg, 1, spx, spy, spw, spw);
|
||
|
|
if(spr) draw_surface_fit(spr, spx + spw / 2, spy + spw / 2, spw, spw);
|
||
|
|
|
||
|
|
// Buttons
|
||
|
|
|
||
|
|
var bw = ui(96);
|
||
|
|
var bh = ui(32);
|
||
|
|
var bx = w - _pd - bw;
|
||
|
|
var by = h - _pd - bh;
|
||
|
|
|
||
|
|
b_create.setFocusHover(pFOCUS, pHOVER);
|
||
|
|
b_create.draw(bx, by, bw, bh, [ mx, my ]);
|
||
|
|
}
|
||
|
|
}
|