Ed_
1b32fe916e
Saw that layout really should be separated from the style struct, so went ahead and pulled the trigger... A bunch of other refactors have also been done * Lifted layout out of style, its not separate in UI_Box and in UI_State there is not a UI_LayoutCombo stack. * UI_StyleTheme renamed to UI_StyleCombo * UI_Theme has both UI_StyleCombo & UI_LayoutCombo * Made files for the "project" related code * ui_layout_compute moved to its own file, ui_layout now used for layout related data structures and interfacing * Impovements to horizontal & vertical box impl * UI_Box now keeps track of how many ancestors it has
438 lines
13 KiB
Odin
438 lines
13 KiB
Odin
package sectr
|
|
|
|
import "core:fmt"
|
|
|
|
import rl "vendor:raylib"
|
|
|
|
draw_rectangle :: #force_inline proc "contextless" ( rect : rl.Rectangle, box : ^UI_Box ) {
|
|
using box
|
|
if style.corner_radii[0] > 0 {
|
|
rl.DrawRectangleRounded( rect, style.corner_radii[0], 9, style.bg_color )
|
|
}
|
|
else {
|
|
rl.DrawRectangleRec( rect, style.bg_color )
|
|
}
|
|
}
|
|
|
|
draw_rectangle_lines :: #force_inline proc "contextless" ( rect : rl.Rectangle, box : ^UI_Box, color : Color, thickness : f32 ) {
|
|
using box
|
|
if style.corner_radii[0] > 0 {
|
|
rl.DrawRectangleRoundedLines( rect, style.corner_radii[0], 9, thickness, color )
|
|
}
|
|
else {
|
|
rl.DrawRectangleLinesEx( rect, thickness, color )
|
|
}
|
|
}
|
|
|
|
render :: proc()
|
|
{
|
|
profile(#procedure)
|
|
state := get_state(); using state
|
|
|
|
render_mode_3d()
|
|
|
|
rl.BeginDrawing()
|
|
rl.ClearBackground( Color_BG )
|
|
|
|
render_mode_2d_workspace()
|
|
render_mode_screenspace()
|
|
|
|
rl.EndDrawing()
|
|
}
|
|
|
|
// Experimental 3d viewport, not really the focus of this prototype
|
|
// Until we can have a native or interpreted program render to it its not very useful.
|
|
// Note(Ed): Other usecase could be 3d vis notes & math/graphical debug
|
|
render_mode_3d :: proc()
|
|
{
|
|
profile(#procedure)
|
|
|
|
state := get_state(); using state
|
|
|
|
rl.BeginDrawing()
|
|
rl.BeginTextureMode( debug.viewport_rt )
|
|
rl.BeginMode3D( debug.cam_vp )
|
|
rl.ClearBackground( Color_3D_BG )
|
|
|
|
rl.EndMode3D()
|
|
rl.EndTextureMode()
|
|
rl.EndDrawing()
|
|
}
|
|
|
|
// TODO(Ed): Eventually this needs to become a 'viewport within a UI'
|
|
// This would allow the user to have more than one workspace open at the same time
|
|
render_mode_2d_workspace :: proc()
|
|
{
|
|
profile(#procedure)
|
|
state := get_state(); using state
|
|
cam := & project.workspace.cam
|
|
|
|
win_extent := state.app_window.extent
|
|
|
|
rl.BeginMode2D( project.workspace.cam )
|
|
|
|
// Draw 3D Viewport
|
|
when false
|
|
{
|
|
viewport_size := Vec2 { 1280.0, 720.0 }
|
|
vp_half_size := viewport_size * 0.5
|
|
viewport_box := range2( -vp_half_size, vp_half_size )
|
|
viewport_render := range2(
|
|
world_to_screen_pos( viewport_box.min),
|
|
world_to_screen_pos( viewport_box.max),
|
|
)
|
|
viewport_rect := range2_to_rl_rect( viewport_render )
|
|
rl.DrawTextureRec( debug.viewport_rt.texture, viewport_rect, -vp_half_size, Color_White )
|
|
}
|
|
|
|
// draw_text( "This is text in world space", { 0, 200 }, 16.0 )
|
|
|
|
cam_zoom_ratio := 1.0 / cam.zoom
|
|
|
|
view_bounds := view_get_bounds()
|
|
when false
|
|
{
|
|
render_view := Range2 { pts = {
|
|
world_to_screen_pos( view_bounds.min),
|
|
world_to_screen_pos( view_bounds.max),
|
|
}}
|
|
view_rect := rl.Rectangle {
|
|
render_view.min.x,
|
|
render_view.max.y,
|
|
abs(render_view.max.x - render_view.min.x),
|
|
abs(render_view.max.y - render_view.min.y),
|
|
}
|
|
rl.DrawRectangleRounded( view_rect, 0.3, 9, { 255, 0, 0, 20 } )
|
|
}
|
|
|
|
ImguiRender:
|
|
{
|
|
profile("Imgui Render")
|
|
ui := & state.project.workspace.ui
|
|
root := ui.root
|
|
if root.num_children == 0 {
|
|
break ImguiRender
|
|
}
|
|
state.ui_context = ui
|
|
|
|
current := root.first
|
|
for ; current != nil; current = ui_box_tranverse_next( current )
|
|
{
|
|
// profile("Box")
|
|
parent := current.parent
|
|
|
|
layout := current.layout
|
|
style := current.style
|
|
computed := & current.computed
|
|
|
|
computed_size := computed.bounds.p1 - computed.bounds.p0
|
|
|
|
if ! intersects_range2( view_bounds, computed.bounds ) {
|
|
continue
|
|
}
|
|
|
|
// TODO(Ed) : Render Borders
|
|
|
|
// profile_begin("Calculating Raylib rectangles")
|
|
// render_anchors := range2(
|
|
// ws_view_to_render_pos(computed.anchors.min),
|
|
// ws_view_to_render_pos(computed.anchors.max),
|
|
// )
|
|
// render_margins := range2(
|
|
// ws_view_to_render_pos(computed.margins.min),
|
|
// ws_view_to_render_pos(computed.margins.max),
|
|
// )
|
|
render_bounds := range2(
|
|
ws_view_to_render_pos(computed.bounds.min),
|
|
ws_view_to_render_pos(computed.bounds.max),
|
|
)
|
|
render_padding := range2(
|
|
ws_view_to_render_pos(computed.padding.min),
|
|
ws_view_to_render_pos(computed.padding.max),
|
|
)
|
|
render_content := range2(
|
|
ws_view_to_render_pos(computed.content.min),
|
|
ws_view_to_render_pos(computed.content.max),
|
|
)
|
|
|
|
// rect_anchors := range2_to_rl_rect( render_anchors )
|
|
// rect_margins := range2_to_rl_rect( render_margins )
|
|
rect_bounds := range2_to_rl_rect( render_bounds )
|
|
rect_padding := range2_to_rl_rect( render_padding )
|
|
rect_content := range2_to_rl_rect( render_content )
|
|
// profile_end()
|
|
|
|
// profile_begin("rl.DrawRectangleRounded( rect_bounds, style.layout.corner_radii[0], 9, style.bg_color )")
|
|
if style.bg_color.a != 0
|
|
{
|
|
draw_rectangle( rect_bounds, current )
|
|
}
|
|
if layout.border_width > 0 {
|
|
draw_rectangle_lines( rect_bounds, current, style.border_color, layout.border_width )
|
|
}
|
|
// profile_end()
|
|
|
|
line_thickness := 1 * cam_zoom_ratio
|
|
|
|
// profile_begin("rl.DrawRectangleRoundedLines: padding & content")
|
|
if equal_range2(computed.content, computed.padding) {
|
|
draw_rectangle_lines( rect_padding, current, Color_Debug_UI_Padding_Bounds, line_thickness )
|
|
}
|
|
else {
|
|
draw_rectangle_lines( rect_content, current, Color_Debug_UI_Content_Bounds, line_thickness )
|
|
}
|
|
// profile_end()
|
|
|
|
point_radius := 3 * cam_zoom_ratio
|
|
|
|
// profile_begin("circles")
|
|
// center := Vec2 {
|
|
// render_bounds.p0.x + computed_size.x * 0.5,
|
|
// render_bounds.p0.y - computed_size.y * 0.5,
|
|
// }
|
|
// rl.DrawCircleV( center, point_radius, Color_White )
|
|
|
|
rl.DrawCircleV( render_bounds.p0, point_radius, Color_Red )
|
|
rl.DrawCircleV( render_bounds.p1, point_radius, Color_Blue )
|
|
// profile_end()
|
|
|
|
if len(current.text.str) > 0 {
|
|
ws_view_draw_text( current.text, ws_view_to_render_pos(computed.text_pos * {1, -1}), layout.font_size, style.text_color )
|
|
}
|
|
}
|
|
}
|
|
//endregion Imgui Render
|
|
|
|
|
|
if debug.mouse_vis {
|
|
cursor_world_pos := screen_to_ws_view_pos(input.mouse.pos)
|
|
rl.DrawCircleV( ws_view_to_render_pos(cursor_world_pos), 5, Color_GreyRed )
|
|
}
|
|
|
|
rl.DrawCircleV( { 0, 0 }, 1 * cam_zoom_ratio, Color_White )
|
|
|
|
rl.EndMode2D()
|
|
}
|
|
|
|
render_mode_screenspace :: proc ()
|
|
{
|
|
profile("Render Screenspace")
|
|
|
|
state := get_state(); using state
|
|
replay := & Memory_App.replay
|
|
cam := & project.workspace.cam
|
|
win_extent := state.app_window.extent
|
|
|
|
render_screen_ui()
|
|
|
|
fps_msg := str_fmt_tmp( "FPS: %f", fps_avg)
|
|
fps_msg_width := measure_text_size( fps_msg, default_font, 16.0, 0.0 ).x
|
|
fps_msg_pos := screen_get_corners().top_right - { fps_msg_width, 0 } - { 5, 5 }
|
|
debug_draw_text( fps_msg, fps_msg_pos, 16.0, color = rl.GREEN )
|
|
|
|
debug_text :: proc( format : string, args : ..any )
|
|
{
|
|
@static draw_text_scratch : [Kilobyte * 64]u8
|
|
|
|
state := get_state(); using state
|
|
if debug.draw_debug_text_y > 800 {
|
|
debug.draw_debug_text_y = 0
|
|
}
|
|
|
|
cam := & project.workspace.cam
|
|
screen_corners := screen_get_corners()
|
|
|
|
position := screen_corners.top_right
|
|
position.x -= app_window.extent.x
|
|
position.y -= debug.draw_debug_text_y
|
|
|
|
content := str_fmt_buffer( draw_text_scratch[:], format, ..args )
|
|
debug_draw_text( content, position, 14.0 )
|
|
|
|
debug.draw_debug_text_y += 14
|
|
}
|
|
|
|
// Debug Text
|
|
{
|
|
// debug_text( "Screen Width : %v", rl.GetScreenWidth () )
|
|
// debug_text( "Screen Height: %v", rl.GetScreenHeight() )
|
|
debug_text( "frametime_target_ms : %f ms", frametime_target_ms )
|
|
debug_text( "frametime : %f ms", frametime_delta_ms )
|
|
// debug_text( "frametime_last_elapsed_ms : %f ms", frametime_elapsed_ms )
|
|
if replay.mode == ReplayMode.Record {
|
|
debug_text( "Recording Input")
|
|
}
|
|
if replay.mode == ReplayMode.Playback {
|
|
debug_text( "Replaying Input")
|
|
}
|
|
}
|
|
|
|
debug_text("Zoom Target: %v", project.workspace.zoom_target)
|
|
|
|
if debug.mouse_vis {
|
|
debug_text("Mouse Vertical Wheel: %v", input.mouse.vertical_wheel )
|
|
debug_text("Mouse Delta : %v", input.mouse.delta )
|
|
debug_text("Mouse Position (Render) : %v", input.mouse.raw_pos )
|
|
debug_text("Mouse Position (Screen) : %v", input.mouse.pos )
|
|
debug_text("Mouse Position (Workspace View): %v", screen_to_ws_view_pos(input.mouse.pos) )
|
|
rl.DrawCircleV( input.mouse.raw_pos, 10, Color_White_A125 )
|
|
rl.DrawCircleV( screen_to_render_pos(input.mouse.pos), 2, Color_BG )
|
|
}
|
|
|
|
ui := & project.workspace.ui
|
|
|
|
debug_text("Box Count (Workspace): %v", ui.built_box_count )
|
|
|
|
hot_box := ui_box_from_key( ui.curr_cache, ui.hot )
|
|
active_box := ui_box_from_key( ui.curr_cache, ui.active )
|
|
if hot_box != nil {
|
|
debug_text("Worksapce Hot Box : %v", hot_box.label.str )
|
|
debug_text("Workspace Hot Range2: %v", hot_box.computed.bounds.pts)
|
|
}
|
|
if active_box != nil{
|
|
debug_text("Workspace Active Box: %v", active_box.label.str )
|
|
}
|
|
|
|
ui = & screen_ui
|
|
|
|
debug_text("Box Count: %v", ui.built_box_count )
|
|
|
|
hot_box = ui_box_from_key( ui.curr_cache, ui.hot )
|
|
active_box = ui_box_from_key( ui.curr_cache, ui.active )
|
|
if hot_box != nil {
|
|
debug_text("Hot Box : %v", hot_box.label.str )
|
|
debug_text("Hot Range2: %v", hot_box.computed.bounds.pts)
|
|
}
|
|
if active_box != nil{
|
|
debug_text("Active Box: %v", active_box.label.str )
|
|
}
|
|
|
|
view := view_get_bounds()
|
|
// debug_text("View Bounds (World): %v", view.pts )
|
|
|
|
debug.draw_debug_text_y = 14
|
|
}
|
|
|
|
// A non-zoomable static-view for ui
|
|
// Only a scalar factor may be applied to the size of widgets & fonts
|
|
// 'Window tiled' panels reside here
|
|
render_screen_ui :: proc()
|
|
{
|
|
profile(#procedure)
|
|
|
|
using state := get_state()
|
|
|
|
//region App UI
|
|
Render_App_UI:
|
|
{
|
|
profile("App UI")
|
|
ui := & state.screen_ui
|
|
state.ui_context = ui
|
|
root := ui.root
|
|
if root.num_children == 0 {
|
|
break Render_App_UI
|
|
}
|
|
|
|
current := root.first
|
|
for ; current != nil; current = ui_box_tranverse_next( current )
|
|
{
|
|
// profile("Box")
|
|
parent := current.parent
|
|
|
|
style := current.style
|
|
layout := current.layout
|
|
computed := & current.computed
|
|
|
|
computed_size := computed.bounds.p1 - computed.bounds.p0
|
|
|
|
// render_anchors := range2(
|
|
// screen_to_render_pos(computed.anchors.min),
|
|
// screen_to_render_pos(computed.anchors.max),
|
|
// )
|
|
// render_margins := range2(
|
|
// screen_to_render_pos(computed.margins.min),
|
|
// screen_to_render_pos(computed.margins.max),
|
|
// )
|
|
render_bounds := range2(
|
|
screen_to_render_pos(computed.bounds.min),
|
|
screen_to_render_pos(computed.bounds.max),
|
|
)
|
|
render_padding := range2(
|
|
screen_to_render_pos(computed.padding.min),
|
|
screen_to_render_pos(computed.padding.max),
|
|
)
|
|
render_content := range2(
|
|
screen_to_render_pos(computed.content.min),
|
|
screen_to_render_pos(computed.content.max),
|
|
)
|
|
// rect_anchors := range2_to_rl_rect( render_anchors )
|
|
// rect_margins := range2_to_rl_rect( render_margins )
|
|
rect_bounds := range2_to_rl_rect( render_bounds )
|
|
rect_padding := range2_to_rl_rect( render_padding )
|
|
rect_content := range2_to_rl_rect( render_content )
|
|
// profile_end()
|
|
|
|
// profile_begin("rl.DrawRectangleRounded( rect_bounds, style.layout.corner_radii[0], 9, style.bg_color )")
|
|
if style.bg_color.a != 0
|
|
{
|
|
draw_rectangle( rect_bounds, current )
|
|
}
|
|
if layout.border_width > 0 {
|
|
draw_rectangle_lines( rect_bounds, current, style.border_color, layout.border_width )
|
|
}
|
|
// profile_end()
|
|
|
|
line_thickness : f32 = 1
|
|
|
|
// profile_begin("rl.DrawRectangleRoundedLines: padding & content")
|
|
if equal_range2(computed.content, computed.padding) {
|
|
draw_rectangle_lines( rect_padding, current, Color_Debug_UI_Padding_Bounds, line_thickness )
|
|
}
|
|
else {
|
|
draw_rectangle_lines( rect_content, current, Color_Debug_UI_Content_Bounds, line_thickness )
|
|
}
|
|
// profile_end()
|
|
|
|
// if .Mouse_Resizable in current.flags
|
|
// {
|
|
// // profile("Resize Bounds")
|
|
// resize_border_width := cast(f32) get_state().config.ui_resize_border_width
|
|
// resize_percent_width := computed_size * (resize_border_width * 1.0/ 200.0)
|
|
// resize_border_non_range := add(current.computed.bounds, range2(
|
|
// { resize_percent_width.x, -resize_percent_width.x },
|
|
// { -resize_percent_width.x, resize_percent_width.x }))
|
|
|
|
// render_resize := range2(
|
|
// resize_border_non_range.min,
|
|
// resize_border_non_range.max,
|
|
// )
|
|
// rect_resize := rl.Rectangle {
|
|
// render_resize.min.x,
|
|
// render_resize.min.y,
|
|
// render_resize.max.x - render_resize.min.x,
|
|
// render_resize.max.y - render_resize.min.y,
|
|
// }
|
|
// draw_rectangle_lines( rect_padding, current, Color_Red, line_thickness )
|
|
// }
|
|
|
|
point_radius : f32 = 3
|
|
|
|
// profile_begin("circles")
|
|
// center := Vec2 {
|
|
// render_bounds.p0.x + computed_size.x * 0.5,
|
|
// render_bounds.p0.y - computed_size.y * 0.5,
|
|
// }
|
|
// rl.DrawCircleV( center, point_radius, Color_White )
|
|
|
|
rl.DrawCircleV( render_bounds.p0, point_radius, Color_Red )
|
|
rl.DrawCircleV( render_bounds.p1, point_radius, Color_Blue )
|
|
// profile_end()
|
|
|
|
if len(current.text.str) > 0 && style.font.key != 0 {
|
|
draw_text_screenspace( current.text, screen_to_render_pos(computed.text_pos), layout.font_size, style.text_color )
|
|
}
|
|
}
|
|
}
|
|
//endregion App UI
|
|
}
|