Synthasmagoria/transformation_visualizer
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Matrix container

Browse source
This commit is contained in:
Synthasmagoria 2026-07-31 11:51:09 +02:00
commit 31422d9592
3 changed files with 80 additions and 62 deletions
Download patch file Download diff file Expand all files Collapse all files

87
program.odin
View file

@ -4,6 +4,26 @@ import rl "libraries/raylib"
import ui "libraries/snths_ui"
import "core:fmt"
UiContainerType :: enum {
Normal,
Matrix,
}
UiElementData_Container :: struct {
type: UiContainerType,
thickness: f32,
}
UiElementData_Slider :: struct {
min, max: f32,
value: ^f32,
}
UiElementData_FloatInput :: struct {
value: ^f32,
value_string: cstring,
}
FontStyle :: struct {
font: rl.Font,
size, spacing: f32
@ -92,13 +112,9 @@ program_update :: proc() {
}
program_build_ui :: proc() -> []ui.Element {
container_margin: f32 = 4.0
container_config := ui.ElementConfiguration {
margin = V2_ONE * container_margin,
}
ui.start(&program.ui_context, {0, 0}, {WINDOW_WIDTH, WINDOW_HEIGHT})
top_bar_container := ui.container_begin({ui.Size_Percentage(1.0), ui.Size_Pixels(48.0)}, container_config)
top_bar_container_config := ui.ElementConfiguration {margin = V2_ONE * 4.0}
top_bar_container := ui.container_begin({ui.Size_Percentage(1.0), ui.Size_Pixels(48.0)}, top_bar_container_config)
top_bar_inner_height := ui.get_element_inner_area(top_bar_container^).height
top_bar_button_dimensions := ui.Dimensions {ui.Size_Pixels(top_bar_inner_height), ui.Size_Pixels(top_bar_inner_height)}
top_bar_button_config := ui.ElementConfiguration {margin = V2_ONE * 4}
@ -112,11 +128,12 @@ program_build_ui :: proc() -> []ui.Element {
}
ui.container_end()
ui.container_begin({ui.Size_Percentage(0.2), ui.Size_PercentageRemainder(1.0)}, container_config)
side_bar_container_config := ui.ElementConfiguration {margin = V2_ONE * 4.0}
ui.container_begin({ui.Size_Percentage(0.2), ui.Size_PercentageRemainder(1.0)}, side_bar_container_config)
for i in 0..<program.matrix_count {
container_config := ui.ElementConfiguration{margin = V2_ONE * 4.0, label = fmt.ctprintf("Matrix %d", i)}
container_config := ui.ElementConfiguration{margin = V2_ONE * 8.0, label = fmt.ctprintf("Matrix %d", i)}
container_dimensions := ui.Dimensions {ui.Size_Percentage(1.0), ui.Size_Pixels(112.0)}
mat := cast(^mat3)&program.matrix_float_pool[i * 9]
mat := program.matrix_float_pool[i * 9 : i * 9 + 9]
value_strings := program.matrix_value_string_pool[i * 9 : i * 9 + 9]
ui_mat3(mat, value_strings, container_dimensions, container_config)
}
@ -124,20 +141,21 @@ program_build_ui :: proc() -> []ui.Element {
return ui.end()
}
ui_mat3 :: proc(mat: ^mat3, value_strings: []InputFloatField, dimensions: ui.Dimensions, config: ui.ElementConfiguration) {
ui.container_begin(dimensions, config)
ui_mat3 :: proc(mat: []f32, value_strings: []InputFloatField, dimensions: ui.Dimensions, config: ui.ElementConfiguration, allocator := context.temp_allocator) {
container_data := new(UiElementData_Container, allocator)
container_data^ = {type = .Matrix, thickness = 2.0}
ui.container_begin(dimensions, config, container_data)
matrix_input_config := ui.ElementConfiguration {margin = V2_ONE * 4.0}
matrix_input_dimensions := ui.Dimensions {ui.Size_Percentage(1.0 / 3.0), ui.Size_Percentage(1.0 / 3.0)}
#unroll for i in 0..<3 {
data: ui.ElementData_FloatInput
data = {value = &mat[i, 0], value_string = input_float_field_as_cstring(&value_strings[i * 3 + 0])}
ui.input_float(matrix_input_dimensions, matrix_input_config, data)
ui.same_line()
data = {value = &mat[i, 1], value_string = input_float_field_as_cstring(&value_strings[i * 3 + 1])}
ui.input_float(matrix_input_dimensions, matrix_input_config, data)
ui.same_line()
data = {value = &mat[i, 2], value_string = input_float_field_as_cstring(&value_strings[i * 3 + 2])}
ui.input_float(matrix_input_dimensions, matrix_input_config, data)
#unroll for j in 0..<3 {
data := new(UiElementData_FloatInput, allocator)
index := i * 3 + j
data^ = {value = &mat[index], value_string = input_float_field_as_cstring(&value_strings[index])}
ui.input_float(matrix_input_dimensions, matrix_input_config, data)
ui.same_line()
}
program.ui_context.same_line = false
}
ui.container_end()
}
@ -147,14 +165,37 @@ program_render_ui :: proc(ctx: ^ui.Context, elements: []ui.Element) {
area := rl.Rectangle(element.area)
switch element.type {
case .Container:
rl.GuiGroupBox(area, element.label)
dim := rl.Color {0, 0, 0, 192}
if element.data != nil {
data := cast(^UiElementData_Container)element.data
switch data.type {
case .Normal:
rl.DrawRectangleRounded(area, 0.1, 4.0, dim)
rl.GuiGroupBox(area, element.label)
case .Matrix:
matrix_area := ui.rect_grow(element.area, element.margin / 2.0)
tl, tr, br, bl := ui.rect_get_corners(matrix_area)
col := rl.WHITE
hook_length: f32 = 4.0
rl.DrawLineEx(tl, bl, data.thickness, col)
rl.DrawLineEx(tl, tl + V2_RIGHT * hook_length, data.thickness, col)
rl.DrawLineEx(bl, bl + V2_RIGHT * hook_length, data.thickness, col)
rl.DrawLineEx(tr, br, data.thickness, col)
rl.DrawLineEx(tr, tr + V2_LEFT * hook_length, data.thickness, col)
rl.DrawLineEx(br, br + V2_LEFT * hook_length, data.thickness, col)
}
} else {
rl.DrawRectangleRounded(area, 0.1, 4.0, dim)
rl.GuiGroupBox(area, element.label)
}
case .Button:
rl.GuiButton(area, element.label)
case .Slider:
data := element.data
data := cast(^UiElementData_Slider)element.data
rl.GuiSlider(area, element.label, "", data.value, data.min, data.max)
case .InputFloat:
data := element.data
data := cast(^UiElementData_FloatInput)element.data
if rl.GuiValueBoxFloat(area, element.label, data.value_string, data.value, ui.is_element_focused(ctx, element)) == 1 {
ui.focus_element(ctx, element)
}