From 58cb35cb05a2cf262747f1898281d173b4dbef23 Mon Sep 17 00:00:00 2001 From: pommicket Date: Sat, 17 Jun 2023 10:11:51 +0100 Subject: ui niceties --- fractiform.js | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) (limited to 'fractiform.js') diff --git a/fractiform.js b/fractiform.js index 3936a73..8d13fce 100644 --- a/fractiform.js +++ b/fractiform.js @@ -28,6 +28,7 @@ let mouse_x, mouse_y; let viewport_width, viewport_height, viewport_scale; let ui_shape = []; let ui_vertices = []; +let ui_vertex_properties_div; let ui_color_input; let ui_color_mix_input; let ui_div; @@ -251,6 +252,7 @@ function startup() { ui_canvas = document.getElementById('ui-canvas'); ui_color_input = document.getElementById('color-input'); ui_color_mix_input = document.getElementById('color-mix-input'); + ui_vertex_properties_div = document.getElementById('vertex-properties'); ui_ctx = ui_canvas.getContext('2d'); gl = canvas.getContext('webgl'); @@ -312,10 +314,15 @@ function startup() { } function ui_is_editing_shape() { - return ui_tool == TOOL_TRIANGLE || ui_tool == TOOL_UV; + return ui_tool === TOOL_TRIANGLE || ui_tool === TOOL_UV; +} + +function ui_is_editing_vertex() { + return ui_tool === TOOL_TRIANGLE; } function frame(time) { + ui_vertex_properties_div.style.display = ui_is_editing_vertex() ? 'inline-block' : 'none'; current_time = time * 1e-3; let page_width = page.offsetWidth; -- cgit v1.2.3