hmn
/
orca
5
Fork 2
Code Issues 21 Pull Requests 1 Packages Projects Releases Wiki Activity
orca/samples/ui/src/main.c

401 lines
19 KiB
C
Raw Normal View History

Auto-formatting with clang-format
2023-08-19 12:49:23 +00:00
#include "orca.h"
UI demo
2023-07-14 04:38:32 +00:00
Auto-formatting with clang-format
2023-08-19 12:49:23 +00:00
oc_vec2 frameSize = { 100, 100 };
UI demo
2023-07-14 04:38:32 +00:00
Big renaming and consistency pass, including: - "Namespacing" the Orca APIs by adding the oc_ prefix everywhere - Naming consistency tweaks, eg create_from_memory vs. create_from_data - Adhering to a more consistent convention when pairing functions defining entities lifetime, eg. create/destroy, push/clear, alloc/recycle, init/cleanup - Preferring oc_str8 to const char*, except when we expect lots of C string literals (e.g. when tagging UI widgets) or when it would be annoying to systematically wrap data we want to read/write into a string - Reorganize macros for asserts/logging, and properly exposing them to the apps with non conflicting names - Generally rearrange some bits and pruning unused stuff to make things more navigable
2023-08-14 08:26:11 +00:00
oc_surface surface;
oc_canvas canvas;
oc_font font;
oc_ui_context ui;
Auto-formatting with clang-format
2023-08-19 12:49:23 +00:00
oc_arena textArena = { 0 };
UI demo
2023-07-14 04:38:32 +00:00
Big renaming and consistency pass, including: - "Namespacing" the Orca APIs by adding the oc_ prefix everywhere - Naming consistency tweaks, eg create_from_memory vs. create_from_data - Adhering to a more consistent convention when pairing functions defining entities lifetime, eg. create/destroy, push/clear, alloc/recycle, init/cleanup - Preferring oc_str8 to const char*, except when we expect lots of C string literals (e.g. when tagging UI widgets) or when it would be annoying to systematically wrap data we want to read/write into a string - Reorganize macros for asserts/logging, and properly exposing them to the apps with non conflicting names - Generally rearrange some bits and pruning unused stuff to make things more navigable
2023-08-14 08:26:11 +00:00
ORCA_EXPORT void oc_on_init(void)
UI demo
2023-07-14 04:38:32 +00:00
{
update samples with title/window size
2023-08-23 20:08:09 +00:00
oc_runtime_window_set_title(OC_STR8("ui"));
Auto-formatting with clang-format
2023-08-19 12:49:23 +00:00
surface = oc_surface_canvas();
canvas = oc_canvas_create();
oc_ui_init(&ui);
//NOTE: load font
{
oc_file file = oc_file_open(OC_STR8("/OpenSansLatinSubset.ttf"), OC_FILE_ACCESS_READ, 0);
if(oc_file_last_error(file) != OC_IO_OK)
{
oc_log_error("Couldn't open file OpenSansLatinSubset.ttf\n");
}
u64 size = oc_file_size(file);
char* buffer = oc_arena_push(oc_scratch(), size);
oc_file_read(file, size, buffer);
oc_file_close(file);
oc_unicode_range ranges[5] = { OC_UNICODE_BASIC_LATIN,
OC_UNICODE_C1_CONTROLS_AND_LATIN_1_SUPPLEMENT,
OC_UNICODE_LATIN_EXTENDED_A,
OC_UNICODE_LATIN_EXTENDED_B,
OC_UNICODE_SPECIALS };
// TODO: Decide whether we're using strings or explicit pointer + length
font = oc_font_create_from_memory(oc_str8_from_buffer(size, buffer), 5, ranges);
}
oc_arena_clear(oc_scratch());
oc_arena_init(&textArena);
UI demo
2023-07-14 04:38:32 +00:00
}
Big renaming and consistency pass, including: - "Namespacing" the Orca APIs by adding the oc_ prefix everywhere - Naming consistency tweaks, eg create_from_memory vs. create_from_data - Adhering to a more consistent convention when pairing functions defining entities lifetime, eg. create/destroy, push/clear, alloc/recycle, init/cleanup - Preferring oc_str8 to const char*, except when we expect lots of C string literals (e.g. when tagging UI widgets) or when it would be annoying to systematically wrap data we want to read/write into a string - Reorganize macros for asserts/logging, and properly exposing them to the apps with non conflicting names - Generally rearrange some bits and pruning unused stuff to make things more navigable
2023-08-14 08:26:11 +00:00
ORCA_EXPORT void oc_on_resize(u32 width, u32 height)
UI demo
2023-07-14 04:38:32 +00:00
{
Auto-formatting with clang-format
2023-08-19 12:49:23 +00:00
oc_log_info("frame resize %u, %u", width, height);
frameSize.x = width;
frameSize.y = height;
UI demo
2023-07-14 04:38:32 +00:00
}
Auto-formatting with clang-format
2023-08-19 12:49:23 +00:00
ORCA_EXPORT void oc_on_raw_event(oc_event* event)
UI demo
2023-07-14 04:38:32 +00:00
{
Auto-formatting with clang-format
2023-08-19 12:49:23 +00:00
oc_ui_process_event(event);
UI demo
2023-07-14 04:38:32 +00:00
}
void widget_begin_view(char* str)
{
Auto-formatting with clang-format
2023-08-19 12:49:23 +00:00
oc_ui_style_next(&(oc_ui_style){ .layout.axis = OC_UI_AXIS_Y,
.layout.spacing = 10,
.layout.margin.x = 10,
.layout.margin.y = 10,
.layout.align.x = OC_UI_ALIGN_CENTER,
.layout.align.y = OC_UI_ALIGN_START },
OC_UI_STYLE_LAYOUT);
oc_ui_box_begin(str, OC_UI_FLAG_DRAW_BORDER);
oc_ui_label(str);
UI demo
2023-07-14 04:38:32 +00:00
}
void widget_end_view(void)
{
Auto-formatting with clang-format
2023-08-19 12:49:23 +00:00
oc_ui_box_end();
UI demo
2023-07-14 04:38:32 +00:00
}
Big renaming and consistency pass, including: - "Namespacing" the Orca APIs by adding the oc_ prefix everywhere - Naming consistency tweaks, eg create_from_memory vs. create_from_data - Adhering to a more consistent convention when pairing functions defining entities lifetime, eg. create/destroy, push/clear, alloc/recycle, init/cleanup - Preferring oc_str8 to const char*, except when we expect lots of C string literals (e.g. when tagging UI widgets) or when it would be annoying to systematically wrap data we want to read/write into a string - Reorganize macros for asserts/logging, and properly exposing them to the apps with non conflicting names - Generally rearrange some bits and pruning unused stuff to make things more navigable
2023-08-14 08:26:11 +00:00
#define widget_view(s) oc_defer_loop(widget_begin_view(s), widget_end_view())
UI demo
2023-07-14 04:38:32 +00:00
Big renaming and consistency pass, including: - "Namespacing" the Orca APIs by adding the oc_ prefix everywhere - Naming consistency tweaks, eg create_from_memory vs. create_from_data - Adhering to a more consistent convention when pairing functions defining entities lifetime, eg. create/destroy, push/clear, alloc/recycle, init/cleanup - Preferring oc_str8 to const char*, except when we expect lots of C string literals (e.g. when tagging UI widgets) or when it would be annoying to systematically wrap data we want to read/write into a string - Reorganize macros for asserts/logging, and properly exposing them to the apps with non conflicting names - Generally rearrange some bits and pruning unused stuff to make things more navigable
2023-08-14 08:26:11 +00:00
ORCA_EXPORT void oc_on_frame_refresh(void)
UI demo
2023-07-14 04:38:32 +00:00
{
Auto-formatting with clang-format
2023-08-19 12:49:23 +00:00
oc_ui_style defaultStyle = { .bgColor = { 0 },
.color = { 1, 1, 1, 1 },
.font = font,
.fontSize = 16,
.borderColor = { 0.278, 0.333, 0.412, 1 },
.borderSize = 2 };
oc_ui_style_mask defaultMask = OC_UI_STYLE_BG_COLOR
| OC_UI_STYLE_COLOR
| OC_UI_STYLE_BORDER_COLOR
| OC_UI_STYLE_BORDER_SIZE
| OC_UI_STYLE_FONT
| OC_UI_STYLE_FONT_SIZE;
oc_ui_frame(frameSize, &defaultStyle, defaultMask)
{
oc_ui_style_match_before(oc_ui_pattern_all(), &defaultStyle, defaultMask);
oc_ui_style_next(&(oc_ui_style){ .size.width = { OC_UI_SIZE_PARENT, 1 },
.size.height = { OC_UI_SIZE_PARENT, 1 },
.layout.axis = OC_UI_AXIS_Y,
.layout.align.x = OC_UI_ALIGN_CENTER,
.layout.align.y = OC_UI_ALIGN_START,
.layout.spacing = 10,
.layout.margin.x = 10,
.layout.margin.y = 10,
.bgColor = { 0.11, 0.11, 0.11, 1 } },
OC_UI_STYLE_SIZE
| OC_UI_STYLE_LAYOUT
| OC_UI_STYLE_BG_COLOR);
oc_ui_container("background", OC_UI_FLAG_DRAW_BACKGROUND)
{
oc_ui_style_next(&(oc_ui_style){ .size.width = { OC_UI_SIZE_PARENT, 1 },
.size.height = { OC_UI_SIZE_CHILDREN },
.layout.align.x = OC_UI_ALIGN_CENTER },
OC_UI_STYLE_SIZE
| OC_UI_STYLE_LAYOUT_ALIGN_X);
oc_ui_container("title", 0)
{
oc_ui_style_next(&(oc_ui_style){ .fontSize = 26 }, OC_UI_STYLE_FONT_SIZE);
oc_ui_label("Orca UI Demo");
if(oc_ui_box_sig(oc_ui_box_top()).hovering)
{
oc_ui_tooltip("tooltip")
{
oc_ui_style_next(&(oc_ui_style){ .bgColor = { 1, 0.99, 0.82, 1 } },
OC_UI_STYLE_BG_COLOR);
oc_ui_container("background", OC_UI_FLAG_DRAW_BACKGROUND)
{
oc_ui_style_next(&(oc_ui_style){ .color = { 0, 0, 0, 1 } },
OC_UI_STYLE_COLOR);
oc_ui_label("That is a tooltip!");
}
}
}
}
oc_ui_menu_bar("Menu bar")
{
oc_ui_menu("Menu 1")
{
if(oc_ui_menu_button("Option 1.1").pressed)
{
oc_log_info("Pressed option 1.1\n");
}
oc_ui_menu_button("Option 1.2");
oc_ui_menu_button("Option 1.3");
oc_ui_menu_button("Option 1.4");
}
oc_ui_menu("Menu 2")
{
oc_ui_menu_button("Option 2.1");
oc_ui_menu_button("Option 2.2");
oc_ui_menu_button("Option 2.3");
oc_ui_menu_button("Option 2.4");
}
oc_ui_menu("Menu 3")
{
oc_ui_menu_button("Option 3.1");
oc_ui_menu_button("Option 3.2");
oc_ui_menu_button("Option 3.3");
oc_ui_menu_button("Option 3.4");
}
}
oc_ui_style_next(&(oc_ui_style){ .size.width = { OC_UI_SIZE_PARENT, 1 },
.size.height = { OC_UI_SIZE_PARENT, 1, 1 } },
OC_UI_STYLE_SIZE);
oc_ui_style_next(&(oc_ui_style){ .layout.axis = OC_UI_AXIS_X }, OC_UI_STYLE_LAYOUT_AXIS);
oc_ui_container("contents", 0)
{
oc_ui_style_next(&(oc_ui_style){ .size.width = { OC_UI_SIZE_PARENT, 0.5 },
.size.height = { OC_UI_SIZE_PARENT, 1 } },
OC_UI_STYLE_SIZE);
oc_ui_container("left", 0)
{
oc_ui_style_next(&(oc_ui_style){ .layout.axis = OC_UI_AXIS_X,
.layout.spacing = 10,
.layout.margin.x = 10,
.layout.margin.y = 10,
.size.width = { OC_UI_SIZE_PARENT, 1 },
.size.height = { OC_UI_SIZE_PARENT, 0.5 } },
OC_UI_STYLE_LAYOUT_AXIS
| OC_UI_STYLE_LAYOUT_SPACING
| OC_UI_STYLE_LAYOUT_MARGIN_X
| OC_UI_STYLE_LAYOUT_MARGIN_Y
| OC_UI_STYLE_SIZE);
oc_ui_container("up", 0)
{
oc_ui_style_next(&(oc_ui_style){ .size.width = { OC_UI_SIZE_PARENT, 0.5 },
.size.height = { OC_UI_SIZE_PARENT, 1 } },
OC_UI_STYLE_SIZE);
widget_view("Buttons")
{
if(oc_ui_button("Button A").clicked)
{
oc_log_info("A clicked");
}
if(oc_ui_button("Button B").clicked)
{
oc_log_info("B clicked");
}
if(oc_ui_button("Button C").clicked)
{
oc_log_info("C clicked");
}
}
oc_ui_style_next(&(oc_ui_style){ .size.width = { OC_UI_SIZE_PARENT, 0.5 },
.size.height = { OC_UI_SIZE_PARENT, 1 } },
OC_UI_STYLE_SIZE);
oc_ui_pattern pattern = { 0 };
oc_ui_pattern_push(oc_scratch(), &pattern, (oc_ui_selector){ .kind = OC_UI_SEL_TAG, .tag = oc_ui_tag_make("checkbox") });
oc_ui_style_match_after(pattern,
&(oc_ui_style){ .bgColor = { 0, 1, 0, 1 },
.color = { 1, 1, 1, 1 } },
OC_UI_STYLE_COLOR | OC_UI_STYLE_BG_COLOR);
widget_view("checkboxes")
{
static bool check1 = true;
static bool check2 = false;
static bool check3 = false;
oc_ui_checkbox("check1", &check1);
oc_ui_checkbox("check2", &check2);
oc_ui_checkbox("check3", &check3);
}
}
oc_ui_style_next(&(oc_ui_style){ .layout.axis = OC_UI_AXIS_X,
.size.width = { OC_UI_SIZE_PARENT, 1 },
.size.height = { OC_UI_SIZE_PARENT, 0.5 } },
OC_UI_STYLE_LAYOUT_AXIS
| OC_UI_STYLE_SIZE);
oc_ui_container("down", 0)
{
widget_view("Vertical Sliders")
{
oc_ui_style_next(&(oc_ui_style){ .layout.axis = OC_UI_AXIS_X,
.layout.spacing = 10 },
OC_UI_STYLE_LAYOUT_AXIS
| OC_UI_STYLE_LAYOUT_SPACING);
oc_ui_container("contents", 0)
{
oc_ui_style_next(&(oc_ui_style){ .size.width = { OC_UI_SIZE_PIXELS, 20 },
.size.height = { OC_UI_SIZE_PIXELS, 200 } },
OC_UI_STYLE_SIZE);
static f32 slider1 = 0;
oc_ui_slider("slider1", 0.2, &slider1);
oc_ui_style_next(&(oc_ui_style){ .size.width = { OC_UI_SIZE_PIXELS, 20 },
.size.height = { OC_UI_SIZE_PIXELS, 200 } },
OC_UI_STYLE_SIZE);
static f32 slider2 = 0;
oc_ui_slider("slider2", 0.2, &slider2);
oc_ui_style_next(&(oc_ui_style){ .size.width = { OC_UI_SIZE_PIXELS, 20 },
.size.height = { OC_UI_SIZE_PIXELS, 200 } },
OC_UI_STYLE_SIZE);
static f32 slider3 = 0;
oc_ui_slider("slider3", 0.2, &slider3);
}
}
widget_view("Horizontal Sliders")
{
oc_ui_style_next(&(oc_ui_style){ .size.width = { OC_UI_SIZE_PIXELS, 200 },
.size.height = { OC_UI_SIZE_PIXELS, 20 } },
OC_UI_STYLE_SIZE);
static f32 slider1 = 0;
oc_ui_slider("slider1", 0.2, &slider1);
oc_ui_style_next(&(oc_ui_style){ .size.width = { OC_UI_SIZE_PIXELS, 200 },
.size.height = { OC_UI_SIZE_PIXELS, 20 } },
OC_UI_STYLE_SIZE);
static f32 slider2 = 0;
oc_ui_slider("slider2", 0.2, &slider2);
oc_ui_style_next(&(oc_ui_style){ .size.width = { OC_UI_SIZE_PIXELS, 200 },
.size.height = { OC_UI_SIZE_PIXELS, 20 } },
OC_UI_STYLE_SIZE);
static f32 slider3 = 0;
oc_ui_slider("slider3", 0.2, &slider3);
}
}
}
oc_ui_style_next(&(oc_ui_style){ .size.width = { OC_UI_SIZE_PARENT, 0.5 },
.size.height = { OC_UI_SIZE_PARENT, 1 } },
OC_UI_STYLE_SIZE);
oc_ui_container("right", 0)
{
oc_ui_style_next(&(oc_ui_style){ .size.width = { OC_UI_SIZE_PARENT, 1 },
.size.height = { OC_UI_SIZE_PARENT, 0.33 } },
OC_UI_STYLE_SIZE);
widget_view("Text box")
{
oc_ui_style_next(&(oc_ui_style){ .size.width = { OC_UI_SIZE_PIXELS, 300 },
.size.height = { OC_UI_SIZE_TEXT } },
OC_UI_STYLE_SIZE);
static oc_str8 text = { 0 };
oc_ui_text_box_result res = oc_ui_text_box("textbox", oc_scratch(), text);
if(res.changed)
{
oc_arena_clear(&textArena);
text = oc_str8_push_copy(&textArena, res.text);
}
}
oc_ui_style_next(&(oc_ui_style){ .size.width = { OC_UI_SIZE_PARENT, 1 },
.size.height = { OC_UI_SIZE_PARENT, 0.33 } },
OC_UI_STYLE_SIZE);
widget_view("Test")
{
oc_ui_pattern pattern = { 0 };
oc_ui_pattern_push(oc_scratch(), &pattern, (oc_ui_selector){ .kind = OC_UI_SEL_TEXT, .text = OC_STR8("panel") });
oc_ui_style_match_after(pattern, &(oc_ui_style){ .bgColor = { 0.3, 0.3, 1, 1 } }, OC_UI_STYLE_BG_COLOR);
static int selected = 0;
oc_str8 options[] = { OC_STR8("option 1"),
OC_STR8("option 2"),
OC_STR8("long option 3"),
OC_STR8("option 4"),
OC_STR8("option 5") };
oc_ui_select_popup_info info = { .selectedIndex = selected,
.optionCount = 5,
.options = options };
oc_ui_select_popup_info result = oc_ui_select_popup("popup", &info);
selected = result.selectedIndex;
}
oc_ui_style_next(&(oc_ui_style){ .size.width = { OC_UI_SIZE_PARENT, 1 },
.size.height = { OC_UI_SIZE_PARENT, 0.33 } },
OC_UI_STYLE_SIZE);
widget_view("Color")
{
oc_ui_style_next(&(oc_ui_style){ .size.width = { OC_UI_SIZE_PARENT, 1 },
.size.height = { OC_UI_SIZE_PARENT, 0.7 },
.layout.axis = OC_UI_AXIS_X },
OC_UI_STYLE_SIZE
| OC_UI_STYLE_LAYOUT_AXIS);
oc_ui_panel("Panel", OC_UI_FLAG_DRAW_BORDER)
{
oc_ui_style_next(&(oc_ui_style){ .layout.axis = OC_UI_AXIS_X },
OC_UI_STYLE_LAYOUT_AXIS);
oc_ui_container("contents", 0)
{
oc_ui_style_next(&(oc_ui_style){ .layout.spacing = 20 },
OC_UI_STYLE_LAYOUT_SPACING);
oc_ui_container("buttons", 0)
{
oc_ui_button("Button A");
oc_ui_button("Button B");
oc_ui_button("Button C");
oc_ui_button("Button D");
}
oc_ui_style_next(&(oc_ui_style){ .layout.axis = OC_UI_AXIS_X,
.layout.spacing = 20 },
OC_UI_STYLE_LAYOUT_SPACING
| OC_UI_STYLE_LAYOUT_AXIS);
oc_ui_container("buttons2", 0)
{
oc_ui_button("Button A");
oc_ui_button("Button B");
oc_ui_button("Button C");
oc_ui_button("Button D");
}
}
}
}
}
}
}
}
oc_canvas_set_current(canvas);
Big renaming and consistency pass, including: - "Namespacing" the Orca APIs by adding the oc_ prefix everywhere - Naming consistency tweaks, eg create_from_memory vs. create_from_data - Adhering to a more consistent convention when pairing functions defining entities lifetime, eg. create/destroy, push/clear, alloc/recycle, init/cleanup - Preferring oc_str8 to const char*, except when we expect lots of C string literals (e.g. when tagging UI widgets) or when it would be annoying to systematically wrap data we want to read/write into a string - Reorganize macros for asserts/logging, and properly exposing them to the apps with non conflicting names - Generally rearrange some bits and pruning unused stuff to make things more navigable
2023-08-14 08:26:11 +00:00
oc_surface_select(surface);
Auto-formatting with clang-format
2023-08-19 12:49:23 +00:00
oc_ui_draw();
Big renaming and consistency pass, including: - "Namespacing" the Orca APIs by adding the oc_ prefix everywhere - Naming consistency tweaks, eg create_from_memory vs. create_from_data - Adhering to a more consistent convention when pairing functions defining entities lifetime, eg. create/destroy, push/clear, alloc/recycle, init/cleanup - Preferring oc_str8 to const char*, except when we expect lots of C string literals (e.g. when tagging UI widgets) or when it would be annoying to systematically wrap data we want to read/write into a string - Reorganize macros for asserts/logging, and properly exposing them to the apps with non conflicting names - Generally rearrange some bits and pruning unused stuff to make things more navigable
2023-08-14 08:26:11 +00:00
oc_render(surface, canvas);
oc_surface_present(surface);
Don't assume oc_scratch() is cleared at the frame boundary. Use oc_scratch_begin()/oc_scratch_end() instead
2023-08-23 14:10:52 +00:00
oc_arena_clear(oc_scratch());
UI demo
2023-07-14 04:38:32 +00:00
}