k_ui_brighter = 8
};
+static ui_px k_ui_widget_height = 28,
+ k_ui_scale = 2,
+ k_ui_padding = 8;
+
typedef u32 ui_scheme[8*4];
#define UI_RGB( STDHEX ) 0xff000000 |\
#define UI_TEXTBOX_MULTILINE 0x1
#define UI_TEXTBOX_WRAP 0x2
#define UI_TEXTBOX_AUTOFOCUS 0x4
+
+#define UI_MODAL_OK 0x0
+#define UI_MODAL_GOOD 0x1
+#define UI_MODAL_BAD 0x2
+#define UI_MODAL_WARN 0x3
+#define UI_MODAL_TYPE_BITS 0x3
+
#define UI_MOUSE_LEFT (SDL_BUTTON(SDL_BUTTON_LEFT))
#define UI_MOUSE_RIGHT (SDL_BUTTON(SDL_BUTTON_RIGHT))
#define UI_MOUSE_MIDDLE (SDL_BUTTON(SDL_BUTTON_MIDDLE))
void *focused_control_id; /* uses the memory location of various locking
controls as an id */
char *textbuf;
+ i32 *ptr_enum;
};
u32 focused_control_hit;
enum ui_control_type{
k_ui_control_none,
k_ui_control_textbox,
+ k_ui_control_enum,
+ k_ui_control_modal
}
focused_control_type;
- struct ui_textbuf{
- int cursor_user, cursor_pos;
- u32 len;
- u32 flags;
+ union{ /* controls that can be focused */
+ struct ui_textbuf{
+ int cursor_user, cursor_pos;
+ u32 len;
+ u32 flags;
+
+ struct ui_textbox_callbacks{
+ void (*enter)( char *, u32 ),
+ (*up)( char *, u32 ),
+ (*down)( char *, u32 ),
+ (*change)( char *, u32 );
+ }
+ callbacks;
+ }
+ textbox;
- struct ui_textbox_callbacks{
- void (*enter)( char *, u32 ),
- (*up)( char *, u32 ),
- (*down)( char *, u32 ),
- (*change)( char *, u32 );
+ struct ui_enum{
+ struct ui_enum_opt{
+ i32 value;
+ const char *alias;
+ }
+ *options;
+ u32 option_count;
+ ui_rect rect;
}
- callbacks;
- }
- textbox;
+ _enum;
+ };
+
+ struct ui_modal{
+ const char *message;
+ u32 options;
+
+ struct ui_modal_callbacks{
+ void (*close)(u32);
+ }
+ callbacks;
+ }
+ modal;
GLuint tex_glyphs, vao, vbo, ebo;
"void main()"
"{"
"vec4 colour = texture( uTexImage, aTexCoords );"
-
- /* wtf is this?? */
-#if 0
- "float value = dot(vec4(1.0),colour)*0.25;"
-
- "vec3 col = vec3(pow(cos(value*3.14159265*2.0)*0.5+0.5,0.5))"
- "* vec3(step(value,0.5),0.3,step(1.0-value,0.5));"
- "FragColor = vec4( col*4.0, 1.0 );"
-#endif
-
"FragColor = colour;"
"}"
}
glEnable( GL_BLEND );
glBlendFunc( GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA );
glBlendEquation( GL_FUNC_ADD );
+ glDisable( GL_CULL_FACE );
m3x3f view = M3X3_IDENTITY;
m3x3_translate( view, (v3f){ -1.0f, 1.0f, 0.0f } );
vg_ui.cur_vert += 8;
}
-static void ui_split_px( ui_rect rect,
- enum ui_axis other, ui_px width, ui_px pad,
- ui_rect l, ui_rect r )
+static void ui_split( ui_rect rect,
+ enum ui_axis other, ui_px width, ui_px gap,
+ ui_rect l, ui_rect r )
{
enum ui_axis dir = other ^ 0x1;
+ if( width < 0 ) width = rect[ 2+dir ] + width;
+
ui_rect temp;
rect_copy( rect, temp );
- l[ dir ] = temp[ dir ] + pad;
- r[ dir ] = temp[ dir ] + width + (pad/2);
- l[ other ] = temp[ other ] + pad;
- r[ other ] = temp[ other ] + pad;
- l[ 2+dir ] = width - ((3*pad)/2);
- r[ 2+dir ] = temp[ 2+dir ] - width - ((3*pad)/2);
- l[ 2+other ] = temp[ 2+other ] - pad*2;
- r[ 2+other ] = temp[ 2+other ] - pad*2;
+ l[ dir ] = temp[ dir ];
+ r[ dir ] = temp[ dir ] + width + (gap/2);
+ l[ other ] = temp[ other ];
+ r[ other ] = temp[ other ];
+ l[ 2+dir ] = width - (gap/2);
+ r[ 2+dir ] = temp[ 2+dir ] - width - (gap/2);
+ l[ 2+other ] = temp[ 2+other ];
+ r[ 2+other ] = temp[ 2+other ];
}
+static ui_px ui_text_line_width( const char *str );
+
static void ui_rect_center( ui_rect parent, ui_rect rect )
{
rect[0] = parent[0] + (parent[2]-rect[2])/2;
}
static void ui_split_ratio( ui_rect rect, enum ui_axis dir, float ratio,
- ui_px pad, ui_rect l, ui_rect r )
+ ui_px gap, ui_rect l, ui_rect r )
{
ui_px width = (float)rect[ 2+(dir^0x1) ] * ratio;
- ui_split_px( rect, dir, width, pad, l, r );
+ ui_split( rect, dir, width, gap, l, r );
}
-static void ui_rect_pad( ui_rect rect, ui_px pad )
+static void ui_rect_pad( ui_rect rect, ui_px pad[2] )
{
- rect[0] += pad;
- rect[1] += pad;
- rect[2] -= pad*2;
- rect[3] -= pad*2;
+ rect[0] += pad[0];
+ rect[1] += pad[1];
+ rect[2] -= pad[0]*2;
+ rect[3] -= pad[1]*2;
}
static ui_px ui_text_line_width( const char *str )
{
if( co[0] >= rect[0] &&
co[1] >= rect[1] &&
- co[0] <= rect[0]+rect[2] &&
- co[1] <= rect[1]+rect[3] )
+ co[0] < rect[0]+rect[2] &&
+ co[1] < rect[1]+rect[3] )
{
return 1;
}
else return ui_colour( k_ui_fg+1 );
}
+static void ui_hex_to_norm( u32 hex, v4f norm )
+{
+ norm[0] = ((hex ) & 0xff);
+ norm[1] = ((hex>>8 ) & 0xff);
+ norm[2] = ((hex>>16) & 0xff);
+ norm[3] = ((hex>>24) & 0xff);
+ v4_muls( norm, 1.0f/255.0f, norm );
+}
+
static u32 ui_ntext( ui_rect rect, const char *str, u32 len, ui_px scale,
enum ui_align align, u32 colour )
{
text_cursor[0] -= UI_GLYPH_SPACING_X*scale;
u8 glyph_base[2];
- u8 glyph_index = '\x90';
+ u8 glyph_index = '\xb6';
glyph_base[0] = glyph_index & 0xf;
glyph_base[1] = (glyph_index-glyph_base[0])>>4;
glyph_base[0] *= 8;
static void ui_image( ui_rect rect, GLuint image )
{
ui_flush( k_ui_shader_colour );
-
glActiveTexture( GL_TEXTURE0 );
glBindTexture( GL_TEXTURE_2D, image );
ui_fill_rect( rect, 0xffffffff, (ui_px[4]){ 0,128, 128, 0 } );
vg_ui.focused_control_type = k_ui_control_none;
}
-static int ui_colourbutton( ui_rect rect, enum ui_scheme_colour colour )
-{
+enum ui_button_state {
+ k_ui_button_none = 0,
+ k_ui_button_click = 1,
+ k_ui_button_holding_inside = 2,
+ k_ui_button_holding_outside = 3,
+ k_ui_button_hover = 4
+};
+
+static enum ui_button_state ui_colourbutton( ui_rect rect,
+ enum ui_scheme_colour colour ){
int clickup= ui_click_up(UI_MOUSE_LEFT),
click = ui_clicking(UI_MOUSE_LEFT) | clickup,
target = ui_inside_rect( rect, vg_ui.mouse_click ) && click,
col_highlight = vg_ui.scheme[ k_ui_fg ],
col_hover = vg_ui.scheme[ colour + k_ui_brighter ];
+ if( vg_ui.focused_control_type != k_ui_control_none ){
+ clickup = 0;
+ click = 0;
+ target = 0;
+ hover = 0;
+ }
+
if( hover ){
vg_ui.cursor = k_ui_cursor_hand;
}
vg_ui.click_fade_opacity = 1.0f;
ui_defocus_all();
- return 1;
+ return k_ui_button_click;
}
else{
ui_fill( rect, col_highlight );
- return 0;
+ return k_ui_button_holding_inside;
}
}
else{
ui_fill( rect, col_base );
ui_outline( rect, 1, col_highlight );
- return 0;
+ return k_ui_button_holding_outside;
}
}
else{
ui_fill( rect, col_base );
- return 0;
+ return k_ui_button_none;
}
}
else{
if( hover ){
ui_fill( rect, col_hover );
- return 0;
+ return k_ui_button_hover;
}
else{
ui_fill( rect, col_base );
- return 0;
+ return k_ui_button_none;
}
}
}
-static int ui_colourbutton_text( ui_rect rect, const char *string, ui_px scale,
- enum ui_scheme_colour colour )
-{
- int result = ui_colourbutton( rect, colour );
+static enum ui_button_state ui_colourbutton_text(
+ ui_rect rect, const char *string, ui_px scale,
+ enum ui_scheme_colour colour ){
+ enum ui_button_state state = ui_colourbutton( rect, colour );
ui_rect t = { 0,0, ui_text_line_width( string )*scale, 14*scale };
ui_rect_center( rect, t );
- ui_text( t, string, scale, k_ui_align_left, ui_colourcont(colour) );
- return result;
+
+ u32 text_colour = ui_colourcont(colour);
+ if( state == k_ui_button_holding_inside )
+ text_colour = colour;
+
+ ui_text( t, string, scale, k_ui_align_left, text_colour );
+ return state;
}
-static int ui_button_text( ui_rect rect, const char *string, ui_px scale )
-{
+static enum ui_button_state ui_button_text( ui_rect rect,
+ const char *string, ui_px scale ){
return ui_colourbutton_text( rect, string, scale, k_ui_bg+4 );
}
+static void ui_enum_post(void);
static void ui_postrender(void)
{
if( vg_ui.click_fade_opacity > 0.0f ){
-
float scale = vg_ui.click_fade_opacity;
scale = vg_maxf( 1.0f/255.0f, scale*scale );
ui_fill( rect, colour );
}
+
+ if( vg_ui.focused_control_type == k_ui_control_enum ){
+ ui_enum_post();
+ }
+ else if( vg_ui.focused_control_type == k_ui_control_modal ){
+ ui_rect screen = {0,0,vg.window_x,vg.window_y};
+ ui_fill( screen, 0xa0000000 );
+ ui_rect box = {0,0,400,200};
+
+ u32 colour = ui_colour(k_ui_fg),
+ type = vg_ui.modal.options & UI_MODAL_TYPE_BITS;
+ if ( type == 1 ) colour = ui_colour(k_ui_green);
+ else if( type == 2 ) colour = ui_colour(k_ui_red);
+ else if( type == 3 ) colour = ui_colour(k_ui_yellow);
+
+ ui_rect_center( screen, box );
+ ui_fill( box, ui_colour(k_ui_bg) );
+ ui_outline( box, -1, colour );
+
+ ui_rect message;
+ rect_copy( box, message );
+ message[3] = 100;
+ ui_rect_center( box, message );
+
+ ui_rect row0, row1, btn;
+ ui_split_ratio( message, k_ui_axis_h, 0.5f, 0, row0, row1 );
+ row0[0] += UI_GLYPH_SPACING_X;
+ ui_ntext( row0, vg_ui.modal.message, (box[2]/UI_GLYPH_SPACING_X)-2, 1,
+ k_ui_align_left, colour );
+
+ rect_copy( row1, btn );
+ btn[2] = 86;
+ btn[3] = 28;
+ ui_rect_center( row1, btn );
+
+ vg_ui.focused_control_type = k_ui_control_none; /* HACK */
+ if( ui_button_text( btn, "OK", 1 ) != 1 )
+ vg_ui.focused_control_hit = 1;
+ vg_ui.focused_control_type = k_ui_control_modal; /* HACK */
+ vg_ui.wants_mouse = 1;
+ }
+
ui_flush( k_ui_shader_colour );
if( !vg_ui.focused_control_hit ){
"k_ui_aqua+8","k_ui_blue+8","k_ui_purple+8","k_ui_gray+8" };
ui_rect col[2];
- ui_split_ratio( window, k_ui_axis_v, 0.5f, 0.0f, col[0], col[1] );
+ ui_split_ratio( window, k_ui_axis_v, 0.5f, 0, col[0], col[1] );
for( int i=0; i<vg_list_size(vg_ui.scheme); i++ ){
int which = (i/8)%2;
- ui_split_px( col[which], k_ui_axis_h, 24, 0, swatch, col[which] );
+ ui_split( col[which], k_ui_axis_h, 24, 0, swatch, col[which] );
ui_fill( swatch, ui_colour(i) );
if( names[i] )
}
}
+static void ui_standard_widget( ui_rect inout_panel, ui_rect out_rect ){
+ ui_split( inout_panel, k_ui_axis_h, k_ui_widget_height*k_ui_scale,
+ k_ui_padding, out_rect, inout_panel );
+}
+
/*
* checkbox
* -----------------------------------------------------------------------------
*/
-static int ui_checkbox( ui_rect rect, const char *str_label, int *data )
-{
- ui_rect label, box;
- ui_split_px( rect, k_ui_axis_v, rect[2]-rect[3], 0, label, box );
- ui_text( label, str_label, 1, k_ui_align_middle_left, 0 );
+static int ui_checkbox( ui_rect inout_panel, const char *str_label, i32 *data ){
+ ui_rect rect, label, box;
+ ui_standard_widget( inout_panel, rect );
+
+ ui_split( rect, k_ui_axis_v, -rect[3], 0, label, box );
+ ui_text( label, str_label, k_ui_scale, k_ui_align_middle_left, 0 );
- int changed = ui_colourbutton( box, k_ui_bg );
+ int changed = ui_colourbutton( box, k_ui_bg )==1;
if( changed )
*data = (*data) ^ 0x1;
if( *data ){
- ui_rect_pad( box, 4 );
+ ui_rect_pad( box, (ui_px[2]){4,4} );
ui_fill( box, ui_colour( k_ui_orange ) );
}
return changed;
}
+/*
+ * Dropdown / Enum
+ * -----------------------------------------------------------------------------
+ */
+
+/*
+ * unfortunately no return value since we only find out that event in the
+ * postrender step.
+ */
+static void ui_enum( ui_rect inout_panel, const char *str_label,
+ struct ui_enum_opt *options, u32 len, i32 *value )
+{
+ ui_rect rect, label, box;
+ ui_standard_widget( inout_panel, rect );
+ ui_split( rect, k_ui_axis_v, (ui_text_line_width( str_label )+8)*k_ui_scale,
+ 0, label, box );
+ ui_text( label, str_label, k_ui_scale, k_ui_align_middle_left, 0 );
+
+ const char *display = "OUT OF RANGE";
+ for( u32 i=0; i<len; i ++ ){
+ if( *value == options[i].value ){
+ display = options[i].alias;
+ break;
+ }
+ }
+
+ if( ui_button_text( box, display, k_ui_scale ) == 1 ){
+ vg_ui.focused_control_type = k_ui_control_enum;
+ vg_ui.ptr_enum = value;
+ vg_ui._enum.option_count = len;
+ vg_ui._enum.options = options;
+ rect_copy( box, vg_ui._enum.rect );
+ }
+}
+
+static void ui_enum_post(void){
+ ui_rect drawer;
+ rect_copy( vg_ui._enum.rect, drawer );
+ drawer[3] *= vg_ui._enum.option_count;
+
+ int close = 0;
+ int clickany= ui_click_up(UI_MOUSE_LEFT|UI_MOUSE_RIGHT|UI_MOUSE_MIDDLE),
+ hover = ui_inside_rect( drawer, vg_ui.mouse );
+
+ if( clickany && !hover ){
+ return;
+ }
+
+ /* HACK */
+ vg_ui.focused_control_type = k_ui_control_none;
+ i32 *value = vg_ui.ptr_enum;
+
+ for( u32 i=0; i<vg_ui._enum.option_count; i++ ){
+ ui_rect button;
+ ui_split( drawer, k_ui_axis_h, vg_ui._enum.rect[3], 0, button,drawer );
+
+ enum ui_scheme_colour colour = k_ui_bg+3;
+ if( vg_ui._enum.options[i].value == *value )
+ colour = k_ui_orange;
+
+ if( ui_colourbutton_text( button, vg_ui._enum.options[i].alias,
+ k_ui_scale, colour ) == 1 ){
+ *value = vg_ui._enum.options[i].value;
+ close = 1;
+ }
+ }
+
+ /* HACK */
+ vg_ui.focused_control_type = k_ui_control_enum;
+
+ if( !close )
+ vg_ui.focused_control_hit = 1;
+}
+
/*
* Textbox chaos
* -----------------------------------------------------------------------------
static void _ui_textbox_enter(void)
{
if( vg_ui.focused_control_type == k_ui_control_textbox ){
- if( vg_ui.textbox.flags & UI_TEXTBOX_MULTILINE ){
+ if( vg_ui.textbox.callbacks.enter )
+ vg_ui.textbox.callbacks.enter( vg_ui.textbuf, vg_ui.textbox.len );
+
+ if( vg_ui.focused_control_type != k_ui_control_textbox ) return;
+
+ if( vg_ui.textbox.flags & UI_TEXTBOX_MULTILINE )
_ui_textbox_put_char( '\n' );
- }
else{
if( !(vg_ui.textbox.flags & UI_TEXTBOX_AUTOFOCUS ) )
ui_defocus_all();
}
-
- if( vg_ui.textbox.callbacks.enter ){
- vg_ui.textbox.callbacks.enter( vg_ui.textbuf, vg_ui.textbox.len );
- }
}
}
struct ui_textbox_callbacks *callbacks )
{
int clickup= ui_click_up(UI_MOUSE_LEFT),
+ clickdown = ui_click_down(UI_MOUSE_LEFT),
click = ui_clicking(UI_MOUSE_LEFT) | clickup,
target = ui_inside_rect( rect, vg_ui.mouse_click ) && click,
hover = ui_inside_rect( rect, vg_ui.mouse );
+ /* allow instant transitions from textbox->textbox */
+ if( (vg_ui.focused_control_type != k_ui_control_none) &&
+ (vg_ui.focused_control_type != k_ui_control_textbox) ){
+ clickup = 0;
+ clickdown = 0;
+ click = 0;
+ target = 0;
+ hover = 0;
+ flags &= ~UI_TEXTBOX_AUTOFOCUS;
+ }
+
u32 col_base = ui_colour( k_ui_bg ),
col_highlight = ui_colour( k_ui_fg ),
col_cursor = (0x00ffffff & ui_colour(k_ui_fg))|0x7f000000;
ui_fill( rect, col_base );
ui_ntext( text_rect, buf, wrap_length, 1, k_ui_align_left, 0 );
- if( !(flags & UI_TEXTBOX_AUTOFOCUS) &&
- ((clickup||ui_click_down(UI_MOUSE_LEFT)) && !target) ){
+ if( !(flags & UI_TEXTBOX_AUTOFOCUS) && ((clickup||clickdown) && !target)){
ui_defocus_all();
}
else{
}
else{
while( remaining ){
- /* TODO: scan for newlines and stuff
- * eol or wrap_length can have line breaks! */
-
int run = _ui_textbox_run_remaining( pos, wrap_length );
run = VG_MIN( run, remaining );
return 0;
}
+/*
+ * Modal UI
+ * -----------------------------------------------------------------------------
+ */
+static void ui_start_modal( const char *message, u32 options ){
+ vg_ui.focused_control_type = k_ui_control_modal;
+ vg_ui.modal.message = message;
+ vg_ui.modal.callbacks.close = NULL;
+ vg_ui.modal.options = options;
+
+ u32 type = options & UI_MODAL_TYPE_BITS;
+ if( type == UI_MODAL_OK ) vg_info( message );
+ else if( type == UI_MODAL_WARN ) vg_warn( message );
+ else if( type == UI_MODAL_GOOD ) vg_success( message );
+ else if( type == UI_MODAL_BAD ) vg_error( message );
+}
+
/*
* Input handling
* -----------------------------------------------------------------------------
}
}
+static void ui_label( ui_rect rect, const char *text, ui_px size,
+ ui_px gap, ui_rect r )
+{
+ ui_rect l;
+ ui_px width = (ui_text_line_width(text)+UI_GLYPH_SPACING_X) * size;
+ ui_split( rect, k_ui_axis_v, width, gap, l, r );
+ ui_text( l, text, 1, k_ui_align_middle_left, 0 );
+}
+
#endif /* VG_IMGUI_H */