1 /* Copyright (C) 2021-2022 Harry Godden (hgn) - All Rights Reserved */
8 #include "vg/vg_shader.h"
10 static struct vg_shader _shader_ui
=
18 "layout (location=0) in vec2 a_co;"
19 "layout (location=1) in vec2 a_uv;"
20 "layout (location=2) in vec4 a_colour;"
21 "layout (location=3) in vec4 a_clip;"
24 "out vec2 aTexCoords;"
31 "gl_Position = vec4( uPv * vec3( a_co, 1.0 ), 1.0 );"
32 "aTexCoords = a_uv * 0.0078125;"
43 "uniform sampler2D uTexGlyphs;"
54 "float clip_blend = step( aWsp.x, aClip.z ) *"
55 "step( aWsp.y, aClip.w ) *"
56 "step( aClip.x, aWsp.x ) *"
57 "step( aClip.y, aWsp.y ); "
59 "vec4 glyph = vec4(1.0,1.0,1.0,1.0);"
61 "if( aColour.a == 0.0 )"
63 "glyph = texture( uTexGlyphs, aTexCoords );"
64 "glyph.a = smoothstep( 0.47, 0.53, glyph.r );"
68 "glyph.a = aColour.a;"
71 "FragColor = vec4( aColour.rgb, glyph.a*clip_blend );"
77 typedef u32 ui_colour
;
78 typedef ui_px ui_rect
[4];
79 typedef struct ui_colourset ui_colourset
;
81 /* Relative to cursor p0 */
84 k_text_align_left
= 0,
85 k_text_align_right
= 1,
86 k_text_align_center
= 2
101 ui_colour background
;
131 struct ui_vert
*vertex_buffer
;
133 u32 max_verts
, max_indices
, cur_vert
, cur_indice
;
138 u32 capture_mouse_id
;
143 int click_state
; /* 0: released, 1: on down, 2: pressed, 3: on release */
145 ui_colourset
*colours
;
161 #define UI_GLYPH_SPACING_X 9
163 static GLuint ui_glyph_texture
= 0;
164 static ui_colourset ui_default_colours
= {
170 VG_STATIC
void ui_init_context(void)
172 if( !vg_shader_compile( &_shader_ui
) )
173 vg_fatal_exit_loop( "Failed to compile ui shader" );
177 * ----------------------------------------
180 vg_uictx
.max_indices
= 20000;
181 vg_uictx
.max_verts
= 30000;
183 /* Generate the buffer we are gonna be drawing to */
184 glGenVertexArrays( 1, &vg_uictx
.vao
);
185 glGenBuffers( 1, &vg_uictx
.vbo
);
186 glGenBuffers( 1, &vg_uictx
.ebo
);
188 glBindVertexArray( vg_uictx
.vao
);
189 glBindBuffer( GL_ARRAY_BUFFER
, vg_uictx
.vbo
);
191 glBufferData( GL_ARRAY_BUFFER
,
192 vg_uictx
.max_verts
* sizeof( struct ui_vert
),
193 NULL
, GL_DYNAMIC_DRAW
);
194 glBindVertexArray( vg_uictx
.vao
);
196 glBindBuffer( GL_ELEMENT_ARRAY_BUFFER
, vg_uictx
.ebo
);
197 glBufferData( GL_ELEMENT_ARRAY_BUFFER
,
198 vg_uictx
.max_indices
* sizeof( u16
), NULL
, GL_DYNAMIC_DRAW
);
203 u32
const stride
= sizeof( struct ui_vert
);
206 glVertexAttribPointer( 0, 2, GL_SHORT
, GL_FALSE
,
207 stride
, (void *)offsetof( struct ui_vert
, co
) );
208 glEnableVertexAttribArray( 0 );
211 glVertexAttribPointer( 1, 2, GL_UNSIGNED_BYTE
, GL_FALSE
,
212 stride
, (void *)offsetof( struct ui_vert
, uv
) );
213 glEnableVertexAttribArray( 1 );
216 glVertexAttribPointer( 2, 4, GL_UNSIGNED_BYTE
, GL_TRUE
, stride
,
217 (void *)offsetof( struct ui_vert
, colour
) );
218 glEnableVertexAttribArray( 2 );
221 glVertexAttribPointer( 3, 4, GL_SHORT
, GL_FALSE
, stride
,
222 (void *)offsetof( struct ui_vert
, clip
) );
223 glEnableVertexAttribArray( 3 );
227 /* Alloc RAM default context */
228 u32 vert_size
= vg_uictx
.max_verts
*sizeof(struct ui_vert
),
229 inds_size
= vg_uictx
.max_indices
*sizeof(u16
);
231 vg_uictx
.vertex_buffer
= vg_linear_alloc( vg_mem
.rtmemory
, vert_size
);
232 vg_uictx
.indice_buffer
= vg_linear_alloc( vg_mem
.rtmemory
, inds_size
);
235 * -----------------------------------------------------
238 /* Load default font */
240 #include "vg/vg_pxfont.h"
243 u32 pixels
= 0, total
= 256*256, data
= 0;
246 while( pixels
< total
)
248 for( int b
= 31; b
>= 0; b
-- )
250 image
[ pixels
++ ] = (compressed
[data
] & (0x1 << b
))? 0xff: 0x00;
252 if( pixels
>= total
)
261 glGenTextures( 1, &ui_glyph_texture
);
262 glBindTexture( GL_TEXTURE_2D
, ui_glyph_texture
);
263 glTexImage2D( GL_TEXTURE_2D
, 0, GL_R8
, 256, 256, 0,
264 GL_RED
, GL_UNSIGNED_BYTE
, image
);
271 static struct ui_vert
*ui_fill_rect_uv( ui_rect rect
, u32 colour
, ui_px uv
[4] );
273 VG_STATIC
void ui_draw( m3x3f view_override
)
275 u32 num_indices_normal
= vg_uictx
.cur_indice
;
277 /* Append images to back of buffer */
278 for( int i
= 0; i
< vg_uictx
.image_count
; i
++ )
280 ui_fill_rect_uv( vg_uictx
.images
[i
].rc
, 0xffffffff,
281 (ui_px
[4]){0,0,128,128} );
284 glBindVertexArray( vg_uictx
.vao
);
286 glBindBuffer( GL_ARRAY_BUFFER
, vg_uictx
.vbo
);
287 glBufferSubData( GL_ARRAY_BUFFER
, 0,
288 vg_uictx
.cur_vert
* sizeof( struct ui_vert
),
289 vg_uictx
.vertex_buffer
);
291 glBindBuffer( GL_ELEMENT_ARRAY_BUFFER
, vg_uictx
.ebo
);
292 glBufferSubData( GL_ELEMENT_ARRAY_BUFFER
, 0,
293 vg_uictx
.cur_indice
* sizeof( u16
),
294 vg_uictx
.indice_buffer
);
297 glBlendFunc(GL_SRC_ALPHA
, GL_ONE_MINUS_SRC_ALPHA
);
298 glBlendEquation(GL_FUNC_ADD
);
300 glUseProgram( _shader_ui
.id
);
302 m3x3f view
= M3X3_IDENTITY
;
306 view_override
= view
;
308 m3x3_translate( view
, (v3f
){ -1.0f
, 1.0f
, 0.0f
} );
309 m3x3_scale( view
, (v3f
){ 1.0f
/((float)vg
.window_x
*0.5f
),
310 -1.0f
/((float)vg
.window_y
*0.5f
), 1.0f
} );
314 glUniformMatrix3fv( glGetUniformLocation( _shader_ui
.id
, "uPv" ), 1,
315 GL_FALSE
, (float *)view_override
);
317 glActiveTexture( GL_TEXTURE0
);
318 glBindTexture( GL_TEXTURE_2D
, ui_glyph_texture
);
319 glUniform1i( glGetUniformLocation( _shader_ui
.id
, "uTexGlyphs" ), 0 );
321 glDrawElements( GL_TRIANGLES
, num_indices_normal
,
322 GL_UNSIGNED_SHORT
, (void*)(0) );
324 /* Draw image elements */
325 for( int i
= 0; i
< vg_uictx
.image_count
; i
++ )
327 struct ui_image
*img
= &vg_uictx
.images
[i
];
329 glBindTexture( GL_TEXTURE_2D
, img
->image
);
330 glDrawElements( GL_TRIANGLES
, 6, GL_UNSIGNED_SHORT
,
331 (void*)( (num_indices_normal
+ 6*i
)*sizeof(u16
) ) );
340 VG_STATIC
void ui_rect_copy( ui_rect src
, ui_rect dst
)
348 VG_STATIC
void ui_rect_pad( ui_rect rect
, ui_px pad
)
359 static struct ui_qnode
*ui_current(void)
361 return &vg_uictx
.stack
[ vg_uictx
.stack_count
-1 ];
364 VG_STATIC
void ui_new_node(void)
366 if( vg_uictx
.stack_count
== vg_list_size( vg_uictx
.stack
) )
368 vg_error( "[UI] Stack overflow while creating box!" );
372 struct ui_qnode
*parent
= &vg_uictx
.stack
[ vg_uictx
.stack_count
-1 ];
373 struct ui_qnode
*node
= &vg_uictx
.stack
[ vg_uictx
.stack_count
++ ];
374 ui_rect_copy( vg_uictx
.cursor
, node
->rect
);
376 if( parent
->mouse_over
)
378 if( vg_uictx
.mouse
[0] >= node
->rect
[0] &&
379 vg_uictx
.mouse
[0] < node
->rect
[0]+node
->rect
[2] &&
380 vg_uictx
.mouse
[1] >= node
->rect
[1] &&
381 vg_uictx
.mouse
[1] < node
->rect
[1]+node
->rect
[3] )
382 node
->mouse_over
= 1;
384 node
->mouse_over
= 0;
388 node
->mouse_over
= 0;
392 static int ui_hasmouse(void)
394 struct ui_qnode
*node
= ui_current();
395 return (node
->mouse_over
&& (node
->capture_id
== vg_uictx
.capture_mouse_id
));
398 VG_STATIC
void ui_end(void)
400 struct ui_qnode
*node
= &vg_uictx
.stack
[ --vg_uictx
.stack_count
];
401 ui_rect_copy( node
->rect
, vg_uictx
.cursor
);
404 VG_STATIC
void ui_end_down(void)
406 ui_px height
= ui_current()->rect
[3];
408 vg_uictx
.cursor
[1] += height
;
411 VG_STATIC
void ui_end_right(void)
413 ui_px width
= ui_current()->rect
[2];
415 vg_uictx
.cursor
[0] += width
;
418 VG_STATIC
void ui_fill_y(void)
420 struct ui_qnode
*node
= ui_current();
421 vg_uictx
.cursor
[3] = node
->rect
[3] - (vg_uictx
.cursor
[1]-node
->rect
[1]);
424 VG_STATIC
void ui_fill_x(void)
426 struct ui_qnode
*node
= ui_current();
427 vg_uictx
.cursor
[2] = node
->rect
[2] - (vg_uictx
.cursor
[0]-node
->rect
[0]);
430 VG_STATIC
void ui_align_bottom(void)
432 struct ui_qnode
*node
= ui_current();
433 vg_uictx
.cursor
[1] = node
->rect
[1] + node
->rect
[3] - vg_uictx
.cursor
[3];
436 VG_STATIC
void ui_align_right(void)
438 struct ui_qnode
*node
= ui_current();
439 vg_uictx
.cursor
[0] = node
->rect
[0] + node
->rect
[2] - vg_uictx
.cursor
[2];
442 VG_STATIC
void ui_align_top(void)
444 vg_uictx
.cursor
[1] = ui_current()->rect
[1];
447 VG_STATIC
void ui_align_left(void)
449 vg_uictx
.cursor
[0] = ui_current()->rect
[0];
452 VG_STATIC
void ui_clamp_rect( ui_rect parent
, ui_rect dest
)
454 dest
[0] = vg_min( parent
[0] + parent
[2] - dest
[2], dest
[0] );
455 dest
[1] = vg_min( parent
[1] + parent
[3] - dest
[3], dest
[1] );
456 dest
[0] = vg_max( parent
[0], dest
[0] );
457 dest
[1] = vg_max( parent
[1], dest
[1] );
460 VG_STATIC
void ui_capture_mouse( u32 id
)
462 struct ui_qnode
*node
= &vg_uictx
.stack
[ vg_uictx
.stack_count
-1 ];
463 node
->capture_id
= id
;
465 if( !vg_uictx
.capture_lock
&& node
->mouse_over
)
467 vg_uictx
.capture_mouse_id
= id
;
471 static int ui_want_mouse(void)
473 return vg_uictx
.capture_mouse_id
== 0? 0: 1;
476 VG_STATIC
void ui_set_clip( ui_rect clip
)
478 vg_uictx
.clipping
[0] = clip
[0];
479 vg_uictx
.clipping
[1] = clip
[1];
480 vg_uictx
.clipping
[2] = clip
[0] + clip
[2];
481 vg_uictx
.clipping
[3] = clip
[1] + clip
[3];
484 VG_STATIC
void ui_release_clip(void)
486 vg_uictx
.clipping
[0] = -32000;
487 vg_uictx
.clipping
[1] = -32000;
488 vg_uictx
.clipping
[2] = 32000;
489 vg_uictx
.clipping
[3] = 32000;
492 static struct ui_vert
*ui_fill_rect_uv( ui_rect rect
, u32 colour
, ui_px uv
[4] )
494 /* this if far from ideal but stops us from crashing */
495 if( (vg_uictx
.cur_vert
+ 6 > vg_uictx
.max_verts
) ||
496 (vg_uictx
.cur_indice
+ 4 > vg_uictx
.max_indices
))
497 return vg_uictx
.vertex_buffer
;
499 struct ui_vert
*vertices
= &vg_uictx
.vertex_buffer
[ vg_uictx
.cur_vert
];
500 u16
*indices
= &vg_uictx
.indice_buffer
[ vg_uictx
.cur_indice
];
502 vertices
[0].co
[0] = rect
[0];
503 vertices
[0].co
[1] = rect
[1];
504 vertices
[0].uv
[0] = uv
[0];
505 vertices
[0].uv
[1] = uv
[1];
506 vertices
[0].colour
= colour
;
507 vertices
[1].co
[0] = rect
[0]+rect
[2];
508 vertices
[1].co
[1] = rect
[1];
509 vertices
[1].uv
[0] = uv
[2];
510 vertices
[1].uv
[1] = uv
[1];
511 vertices
[1].colour
= colour
;
512 vertices
[2].co
[0] = rect
[0]+rect
[2];
513 vertices
[2].co
[1] = rect
[1]+rect
[3];
514 vertices
[2].uv
[0] = uv
[2];
515 vertices
[2].uv
[1] = uv
[3];
516 vertices
[2].colour
= colour
;
517 vertices
[3].co
[0] = rect
[0];
518 vertices
[3].co
[1] = rect
[1]+rect
[3];
519 vertices
[3].uv
[0] = uv
[0];
520 vertices
[3].uv
[1] = uv
[3];
521 vertices
[3].colour
= colour
;
522 u16 ind_start
= vg_uictx
.cur_vert
;
524 ui_rect_copy( vg_uictx
.clipping
, vertices
[0].clip
);
525 ui_rect_copy( vg_uictx
.clipping
, vertices
[1].clip
);
526 ui_rect_copy( vg_uictx
.clipping
, vertices
[2].clip
);
527 ui_rect_copy( vg_uictx
.clipping
, vertices
[3].clip
);
529 indices
[0] = ind_start
+0;
530 indices
[1] = ind_start
+2;
531 indices
[2] = ind_start
+1;
533 indices
[3] = ind_start
+0;
534 indices
[4] = ind_start
+3;
535 indices
[5] = ind_start
+2;
537 vg_uictx
.cur_indice
+= 6;
538 vg_uictx
.cur_vert
+= 4;
543 static struct ui_vert
*ui_fill_rect( ui_rect rect
, u32 colour
)
545 return ui_fill_rect_uv( rect
, colour
, (ui_px
[4]){ 4,4, 4,4 } );
548 static ui_px
ui_text_line_offset( const char *str
, ui_px scale
,
549 enum ui_text_align align
)
551 if( align
== k_text_align_left
)
555 const char *_c
= str
;
558 while( (c
= *(_c
++)) )
559 if( c
>= 32 && c
<= 126 )
564 if( align
== k_text_align_right
)
565 return -length
* scale
*8;
567 return (-length
* scale
*8) / 2;
570 VG_STATIC
void ui_text( ui_px pos
[2],
571 const char *str
, ui_px scale
, enum ui_text_align align
)
574 u32 current_colour
= 0x00ffffff;
576 const char *_c
= str
;
579 text_cursor
[0] = pos
[0] + ui_text_line_offset( str
, scale
, align
);
580 text_cursor
[1] = pos
[1];
581 text_cursor
[2] = 8*scale
;
582 text_cursor
[3] = 14*scale
;
584 while( (c
= *(_c
++)) )
588 text_cursor
[1] += 14*scale
;
589 text_cursor
[0] = pos
[0] + ui_text_line_offset( _c
, scale
, align
);
596 glyph_base
[0] = glyph_index
& 0xf;
597 glyph_base
[1] = (glyph_index
-glyph_base
[0])>>4;
602 ui_fill_rect_uv( text_cursor
, current_colour
, (ui_px
[4])
610 else if( c
== '\x1B' )
614 for( int i
= 0; i
< 3; i
++ )
624 case '0': current_colour
= 0x00ffffff; break;
625 case '3'|'1'<<8: current_colour
= 0x00201fee; break;
626 case '3'|'2'<<8: current_colour
= 0x0037e420; break;
627 case '3'|'3'<<8: current_colour
= 0x000ed8e2; break;
628 case '3'|'4'<<8: current_colour
= 0x00f15010; break;
629 case '3'|'5'<<8: current_colour
= 0x00ee20ee; break;
630 case '3'|'6'<<8: current_colour
= 0x00eeee20; break;
631 case '3'|'7'<<8: current_colour
= 0x00ffffff; break;
637 colour_id
|= _c
[i
] << (i
*8);
650 text_cursor
[0] += UI_GLYPH_SPACING_X
*scale
*4;
654 text_cursor
[0] += UI_GLYPH_SPACING_X
*scale
;
661 VG_STATIC
void ui_begin( ui_px res_x
, ui_px res_y
)
663 vg_uictx
.cursor
[0] = 0;
664 vg_uictx
.cursor
[1] = 0;
665 vg_uictx
.cursor
[2] = res_x
;
666 vg_uictx
.cursor
[3] = res_y
;
668 ui_rect_copy( vg_uictx
.cursor
, vg_uictx
.stack
[0].rect
);
669 vg_uictx
.stack
[0].mouse_over
= 1;
671 vg_uictx
.stack_count
= 1;
673 vg_uictx
.cur_vert
= 0;
674 vg_uictx
.cur_indice
= 0;
678 if( vg_uictx
.click_state
== 0 )
679 vg_uictx
.capture_mouse_id
= 0;
681 vg_uictx
.image_count
= 0;
684 VG_STATIC
void ui_resolve(void)
686 if( vg_uictx
.stack_count
-1 )
688 vg_error( "[UI] Mismatched node create/drestroy!" );
692 if( vg_uictx
.click_state
== 3 || vg_uictx
.click_state
== 0 )
694 vg_uictx
.capture_lock
= 0;
698 VG_STATIC
void ui_set_mouse( int x
, int y
, int click_state
)
700 vg_uictx
.mouse
[0] = x
;
701 vg_uictx
.mouse
[1] = y
;
703 vg_uictx
.click_state
= click_state
;
707 * High level controls
715 ui_px drag_offset
[2];
720 k_button_released
= 0,
721 k_button_start_click
,
726 static int ui_button(void)
728 u32 uid
= vg_uictx
.control_id
++;
732 ui_capture_mouse( uid
);
736 ui_fill_rect( vg_uictx
.cursor
, vg_uictx
.colours
->hover
);
738 if( vg_uictx
.click_state
== 1 )
740 vg_uictx
.capture_lock
= 1;
741 return k_button_start_click
;
743 else if( vg_uictx
.capture_lock
&& vg_uictx
.click_state
== 3 )
744 return k_button_click
;
745 else if( vg_uictx
.capture_lock
&& vg_uictx
.click_state
== 2 )
746 return k_button_hold
;
748 return k_button_click
;
751 ui_fill_rect( vg_uictx
.cursor
, vg_uictx
.colours
->main
);
754 return k_button_released
;
757 static int ui_window( struct ui_window
*window
, u32 control_group
)
761 window
->transform
[0] = vg_uictx
.mouse
[0]+window
->drag_offset
[0];
762 window
->transform
[1] = vg_uictx
.mouse
[1]+window
->drag_offset
[1];
764 ui_clamp_rect( vg_uictx
.stack
[0].rect
, window
->transform
);
766 if( vg_uictx
.click_state
== 0 || vg_uictx
.click_state
== 3 )
772 ui_rect_copy( window
->transform
, vg_uictx
.cursor
);
776 ui_capture_mouse( vg_uictx
.control_id
++ );
779 vg_uictx
.cursor
[3] = 25;
782 ui_capture_mouse( vg_uictx
.control_id
++ );
784 struct ui_vert
*drag_bar
= ui_fill_rect( vg_uictx
.cursor
, 0xff555555 );
787 vg_uictx
.cursor
[0] += 2;
788 vg_uictx
.cursor
[1] += 2;
789 ui_text( vg_uictx
.cursor
, window
->title
, 2, 0 );
792 vg_uictx
.cursor
[3] = 25;
793 vg_uictx
.cursor
[2] = 25;
796 ui_rect_pad( vg_uictx
.cursor
, 4 );
800 vg_info( "Click clacked\n" );
802 vg_uictx
.cursor
[0] += 2;
803 ui_text( vg_uictx
.cursor
, "x", 2, 0 );
808 drag_bar
[0].colour
= 0xff777777;
809 drag_bar
[1].colour
= 0xff777777;
810 drag_bar
[2].colour
= 0xff777777;
811 drag_bar
[3].colour
= 0xff777777;
814 if( vg_uictx
.click_state
== 1 )
817 window
->drag_offset
[0] = window
->transform
[0]-vg_uictx
.mouse
[0];
818 window
->drag_offset
[1] = window
->transform
[1]-vg_uictx
.mouse
[1];
828 VG_STATIC
void ui_push_image( ui_rect rc
, GLuint image
)
830 struct ui_image
*img
= &vg_uictx
.images
[ vg_uictx
.image_count
++ ];
831 ui_rect_copy( rc
, img
->rc
);
841 struct ui_slider_vector
843 float *data
, min
, max
;
844 struct ui_slider sub
[4];
853 VG_STATIC
void ui_slider( struct ui_slider
*slider
)
857 ui_px slider_start
= vg_uictx
.cursor
[0];
859 float const ftotal
= vg_uictx
.cursor
[2],
860 fwidth
= ftotal
*0.25f
,
861 fmove
= ftotal
- fwidth
,
862 fstart
= fwidth
*0.5f
,
863 frange
= slider
->max
-slider
->min
,
864 fpos
= (*slider
->data
- slider
->min
) / frange
;
866 ui_fill_rect( vg_uictx
.cursor
, 0xff111111 );
867 vg_uictx
.cursor
[2] = fwidth
;
868 vg_uictx
.cursor
[0] = slider_start
+ fpos
* fmove
;
870 u32 uid
= vg_uictx
.control_id
++;
871 int status
= ui_button();
872 if( vg_uictx
.capture_lock
&& (vg_uictx
.capture_mouse_id
== uid
))
874 float ui_new
= vg_uictx
.mouse
[0],
875 local
= ui_new
- (slider_start
+ fstart
),
876 zo
= vg_clampf(local
/ fmove
,0.0f
,1.0f
);
878 *slider
->data
= vg_lerpf( slider
->min
, slider
->max
, zo
);
881 vg_uictx
.cursor
[0] += 4;
882 vg_uictx
.cursor
[1] += 4;
885 snprintf( buf
, 12, "%.2f", *slider
->data
);
886 ui_text( vg_uictx
.cursor
, buf
, 1, 0 );
891 VG_STATIC
void ui_slider_vector( struct ui_slider_vector
*slider
)
893 for( int i
=0; i
<slider
->len
; i
++ )
895 slider
->sub
[i
].data
= &slider
->data
[i
];
896 slider
->sub
[i
].min
= slider
->min
;
897 slider
->sub
[i
].max
= slider
->max
;
898 ui_slider( &slider
->sub
[i
] );
902 VG_STATIC
void ui_checkbox( struct ui_checkbox
*cb
)
904 if( ui_button() == k_button_click
)
908 ui_rect_pad( vg_uictx
.cursor
, 4 );
910 ui_fill_rect( vg_uictx
.cursor
, 0xff00e052 );
912 ui_fill_rect( vg_uictx
.cursor
, 0xff0052e0 );