X-Git-Url: https://harrygodden.com/git/?a=blobdiff_plain;f=vg%2Fvg_ui.h;h=f6fa8955333ac76f19987b477038c3c2dac6d70b;hb=3363633178b1eea582304742ad1202487af0feb1;hp=fe46da0040a8bcd795f9628134d3519d78807b63;hpb=a46972aa1ee718339c2512cae986f2943bed0e04;p=fishladder.git

diff --git a/vg/vg_ui.h b/vg/vg_ui.h
index fe46da0..f6fa895 100644
--- a/vg/vg_ui.h
+++ b/vg/vg_ui.h
@@ -4,7 +4,7 @@ SHADER_DEFINE( shader_ui,
 
 	// VERTEX
 	"layout (location=0) in vec2 a_co;"			// i16, i16, .. ?
-	"layout (location=1) in vec2 a_uv;"			// i8, i8
+	"layout (location=1) in vec2 a_uv;"			// i16, i16
 	"layout (location=2) in vec4 a_colour;"	// u32
 	"layout (location=3) in vec4 a_clip;"		// i16, i16, i16, i16
 	"uniform mat3 uPv;"
@@ -37,17 +37,24 @@ SHADER_DEFINE( shader_ui,
 	"void main()"
 	"{"
 		"float clip_blend = step( aWsp.x, aClip.z ) * step( aWsp.y, aClip.w ) * step( aClip.x, aWsp.x ) * step( aClip.y, aWsp.y );"
-	
-		"vec4 glyph = texture( uTexGlyphs, aTexCoords );"
-		"FragColor = aColour * vec4( 1.0, 1.0, 1.0, glyph.r * clip_blend );"
+		"vec4 glyph = vec4(1.0,1.0,1.0,1.0);"
+		
+		"if( aColour.a == 0.0 )"
+		"{"
+			"glyph = texture( uTexGlyphs, aTexCoords );"
+			"glyph.a = smoothstep( 0.47, 0.53, glyph.r );"
+		"}"
+		"else"
+		"{"
+			"glyph.a = aColour.a;"
+		"}"
+		
+		"FragColor = vec4( aColour.rgb, glyph.a*clip_blend );"
 	"}"
 	,
 	UNIFORMS({ "uPv", "uTexGlyphs" })
 )
 
-#define UI_AUTO_FILL 0
-//#define UI_DEBUG
-
 // Types
 // ===========================================================================================================
 
@@ -57,6 +64,14 @@ typedef ui_px 				ui_rect[4];
 typedef struct ui_ctx 	ui_ctx;
 typedef struct ui_colourset ui_colourset;
 
+// Relative to cursor p0
+enum ui_text_align
+{
+   k_text_align_left = 0,
+   k_text_align_right = 1,
+   k_text_align_center = 2
+};
+
 struct ui_colourset
 {
 	union
@@ -78,8 +93,6 @@ struct ui_colourset
 
 struct ui_ctx
 {
-	ui_px padding;
-
 	struct ui_qnode
 	{
 		ui_rect 		rect;
@@ -100,8 +113,6 @@ struct ui_ctx
 	*verts;
 	#pragma pack(pop)
 	
-	u32 override_colour;
-	
 	u32 num_verts;
 	u16 *indices;
 	u32 num_indices;
@@ -112,142 +123,62 @@ struct ui_ctx
 	u32 capture_mouse_id;
 	int capture_lock;
 	u32 id_base;
+	int glyph_base;
 	
 	// User input
 	ui_px mouse[2];
 	int click_state;	// 0: released, 1: on down, 2: pressed, 3: on release
 	
-	ui_colourset *colours_main;
-	ui_colourset *colours_current;
+	ui_colourset *colours;
+	
+	GLuint vao;
+	GLuint vbo;
+	GLuint ebo;
+	
+	struct ui_image
+	{
+		ui_rect rc;
+		GLuint image;
+	}
+	images[16];
+	int image_count;
 };
 
-// Shortnames
-#define gui_draw(...) ui_draw( &ui_global_ctx, __VA_ARGS__)
-#define gui_current(...) ui_current( &ui_global_ctx, __VA_ARGS__)
-#define gui_new_node() ui_new_node( &ui_global_ctx )
-#define gui_hasmouse(...) ui_hasmouse( &ui_global_ctx, __VA_ARGS__)
-#define gui_end() ui_end( &ui_global_ctx )
-#define gui_end_down() ui_end_down( &ui_global_ctx )
-#define gui_end_right() ui_end_right( &ui_global_ctx )
-#define gui_fill_y() ui_fill_y( &ui_global_ctx)
-#define gui_fill_x() ui_fill_x( &ui_global_ctx)
-#define gui_align_bottom() ui_align_bottom( &ui_global_ctx )
-#define gui_align_right() ui_align_right( &ui_global_ctx )
-#define gui_align_top() ui_align_top( &ui_global_ctx )
-#define gui_align_left() ui_align_left( &ui_global_ctx )
-#define gui_clamp_rect(...) ui_clamp_rect( &ui_global_ctx, __VA_ARGS__)
-#define gui_group_id(...) ui_group_id( &ui_global_ctx, __VA_ARGS__)
-#define gui_capture_mouse(...) ui_capture_mouse( &ui_global_ctx, __VA_ARGS__)
-#define gui_set_clip(...) ui_set_clip( &ui_global_ctx, __VA_ARGS__)
-#define gui_release_clip() ui_release_clip( &ui_global_ctx )
-#define gui_fill_rect_uv(...) ui_fill_rect_uv( &ui_global_ctx, __VA_ARGS__)
-#define gui_fill_rect(...) ui_fill_rect( &ui_global_ctx, __VA_ARGS__)
-#define gui_text(...) ui_text( &ui_global_ctx, __VA_ARGS__)
-#define gui_begin(...) ui_begin( &ui_global_ctx, __VA_ARGS__)
-#define gui_resolve(...) ui_resolve( &ui_global_ctx, __VA_ARGS__)
-#define gui_set_mouse(...) ui_set_mouse( &ui_global_ctx, __VA_ARGS__)
-#define gui_button(...) ui_button( &ui_global_ctx, __VA_ARGS__)
-#define gui_window(...) ui_window( &ui_global_ctx, __VA_ARGS__)
-#define gui_want_mouse() ui_want_mouse( &ui_global_ctx )
-
-#define gui_scrollbar(...) ui_scrollbar( &ui_global_ctx, __VA_ARGS__)
-#define gui_override_colours(...) ui_override_colours( &ui_global_ctx, __VA_ARGS__)
-#define gui_reset_colours(...) ui_reset_colours( &ui_global_ctx )
-
 // Globals
 // ===========================================================================================================
 
-// Opengl
-int ui_glyph_override = 0;
-ui_px ui_glyph_spacing_x = 6;
-GLuint ui_glyph_texture = 0;
-GLuint ui_vao;
-GLuint ui_vbo;
-GLuint ui_ebo;
-
-#define UI_BUFFER_SIZE 30000
-#define UI_INDEX_SIZE 20000
-
-ui_colourset ui_default_colours = {
-	.main = 0xff00ff00,
-	.hover = 0xffff00ff,
-	.active = 0xffff0000
-};
-ui_ctx ui_global_ctx = { 
-	.padding = 8, 
-	.colours_current = &ui_default_colours, 
-	.colours_main = &ui_default_colours 
+#define UI_GLYPH_SPACING_X 9
+
+static GLuint ui_glyph_texture = 0;
+static ui_colourset ui_default_colours = {
+	.main = 0xff807373,
+	.hover = 0xff918484,
+	.active = 0xffad9f9e
 };
 
+static ui_ctx ui_global_ctx;
 
 // Initialization
 // ===========================================================================================================
 
-static void ui_override_font( GLuint new_tex, ui_px space_x )
+static void ui_init_context( ui_ctx *ctx, int index_buffer_size )
 {
-	if( ui_glyph_texture )
-		glDeleteTextures( 1, &ui_glyph_texture );
+	u32 vertex_buffer_size = (index_buffer_size+(index_buffer_size/2));
 	
-	ui_glyph_texture = new_tex;
-	ui_glyph_override = 1;
-	ui_glyph_spacing_x = space_x;
-}
-
-static void ui_default_init(void)
-{
-	// Load default font
-	if( !ui_glyph_override )
+	// Generate the buffer we are gonna be drawing to
 	{
-		u32 compressed[] = {
-			#include "fonts/weiholmir.h"
-		};
-	
-		u32 pixels = 0, total = 72*72, data = 0;
-		u8 *image = malloc( total );
+		glGenVertexArrays(1, &ctx->vao);
+		glGenBuffers( 1, &ctx->vbo );
+		glGenBuffers( 1, &ctx->ebo );
+		glBindVertexArray( ctx->vao );
 		
-		while( pixels < total )
-		{
-			for( int b = 31; b >= 0; b-- )
-			{
-				image[ pixels ++ ] = (compressed[data] & (0x1 << b))? 0xff: 0x00;
-				
-				if( pixels >= total )
-				{
-					total = 0;
-					break;
-				}
-			}
-			data++;
-		}
-		
-		glGenTextures( 1, &ui_glyph_texture );
-		glBindTexture( GL_TEXTURE_2D, ui_glyph_texture );
-		
-		glTexImage2D( GL_TEXTURE_2D, 0, GL_R8, 72, 72, 0, GL_RED, GL_UNSIGNED_BYTE, image );
-		
-		vg_tex2d_clamp();
-		vg_tex2d_nearest();
-		
-		free( image );
-	}
-	
-	// Setup OpenGL memory
-	{
-		SHADER_INIT( shader_ui );
+		glBindBuffer( GL_ARRAY_BUFFER, ctx->vbo );
 		
-		// Generate the buffer we are gonna be drawing to
-		glGenVertexArrays(1, &ui_vao);
-		glGenBuffers( 1, &ui_vbo );
-		glGenBuffers( 1, &ui_ebo );
-		glBindVertexArray( ui_vao );
+		glBufferData( GL_ARRAY_BUFFER, vertex_buffer_size * sizeof( struct ui_vert ), NULL, GL_DYNAMIC_DRAW );
+		glBindVertexArray( ctx->vao );
 		
-		glBindBuffer( GL_ARRAY_BUFFER, ui_vbo );
-		
-		glBufferData( GL_ARRAY_BUFFER, UI_BUFFER_SIZE * sizeof( struct ui_vert ), NULL, GL_DYNAMIC_DRAW );
-		glBindVertexArray( ui_vao );
-		
-		glBindBuffer( GL_ELEMENT_ARRAY_BUFFER, ui_ebo );
-		glBufferData( GL_ELEMENT_ARRAY_BUFFER, UI_INDEX_SIZE * sizeof( u16 ), NULL, GL_DYNAMIC_DRAW );
+		glBindBuffer( GL_ELEMENT_ARRAY_BUFFER, ctx->ebo );
+		glBufferData( GL_ELEMENT_ARRAY_BUFFER, index_buffer_size * sizeof( u16 ), NULL, GL_DYNAMIC_DRAW );
 		
 		u32 const stride = sizeof( struct ui_vert );
 		
@@ -270,32 +201,85 @@ static void ui_default_init(void)
 	
 	// Initialize default context
 	{
-		ui_global_ctx.verts = (struct ui_vert *)malloc( UI_BUFFER_SIZE * sizeof(struct ui_vert) );
-		ui_global_ctx.indices = (u16*)malloc( UI_INDEX_SIZE * sizeof(u16) );
+		ctx->verts = (struct ui_vert *)malloc( vertex_buffer_size * sizeof(struct ui_vert) );
+		ctx->indices = (u16*)malloc( index_buffer_size * sizeof(u16) );
+
+      if( !ctx->colours )
+         ctx->colours = &ui_default_colours;
 	}
 }
 
-static void ui_default_free(void)
+static void ui_context_free( ui_ctx *ctx )
 {
-	if( !ui_glyph_override )	
-		glDeleteTextures( 1, &ui_glyph_texture );
+	glDeleteVertexArrays( 1, &ctx->vao );
+	glDeleteBuffers( 1, &ctx->vbo );
+	glDeleteBuffers( 1, &ctx->ebo );
 	
-	glDeleteVertexArrays( 1, &ui_vao );
-	glDeleteBuffers( 1, &ui_vbo );
-	glDeleteBuffers( 1, &ui_ebo );
+	free( ctx->verts );
+	free( ctx->indices );
+}
+
+static void ui_default_init(void)
+{
+	// Load default font
+   u32 compressed[] = {
+      #include "vg/vg_pxfont.h"
+   };
+
+   u32 pixels = 0, total = 256*256, data = 0;
+   u8 *image = malloc( total );
+   
+   while( pixels < total )
+   {
+      for( int b = 31; b >= 0; b-- )
+      {
+         image[ pixels ++ ] = (compressed[data] & (0x1 << b))? 0xff: 0x00;
+         
+         if( pixels >= total )
+         {
+            total = 0;
+            break;
+         }
+      }
+      data++;
+   }
+   
+   glGenTextures( 1, &ui_glyph_texture );
+   glBindTexture( GL_TEXTURE_2D, ui_glyph_texture );
+   
+   glTexImage2D( GL_TEXTURE_2D, 0, GL_R8, 256, 256, 0, GL_RED, GL_UNSIGNED_BYTE, image );
+   
+   vg_tex2d_clamp();
+   vg_tex2d_nearest();
+   
+   free( image );
 	
-	free( ui_global_ctx.verts );
-	free( ui_global_ctx.indices );
+	// Setup OpenGL memory
+	SHADER_INIT( shader_ui );
+	ui_init_context( &ui_global_ctx, 20000 );
+}
+
+static void ui_default_free(void)
+{
+   glDeleteTextures( 1, &ui_glyph_texture );
+	ui_context_free( &ui_global_ctx );
 }
 
+static struct ui_vert *ui_fill_rect_uv( ui_ctx *ctx, ui_rect rect, u32 colour, ui_px uv[4] );
 static void ui_draw( ui_ctx *ctx, m3x3f view_override )
 {
-	glBindVertexArray( ui_vao );
+	u32 num_indices_normal = ctx->num_indices;
+	
+	// Append images to back of buffer
+	for( int i = 0; i < ctx->image_count; i ++ )
+		ui_fill_rect_uv( ctx, ctx->images[i].rc, 0xffffffff, (ui_px[4]){0,0,128,128} );
+
+	glBindVertexArray( ctx->vao );
 	
-	glBindBuffer( GL_ARRAY_BUFFER, ui_vbo );
+	glBindBuffer( GL_ARRAY_BUFFER, ctx->vbo );
 	glBufferSubData( GL_ARRAY_BUFFER, 0, ctx->num_verts * sizeof( struct ui_vert ), ctx->verts );
 	
-	glBindBuffer( GL_ELEMENT_ARRAY_BUFFER, ui_ebo );
+	glBindBuffer( GL_ELEMENT_ARRAY_BUFFER, ctx->ebo );
 	glBufferSubData( GL_ELEMENT_ARRAY_BUFFER, 0, ctx->num_indices * sizeof( u16 ), ctx->indices );
 	
 	glEnable(GL_BLEND);
@@ -320,9 +304,16 @@ static void ui_draw( ui_ctx *ctx, m3x3f view_override )
 	glBindTexture( GL_TEXTURE_2D, ui_glyph_texture );
 	glUniform1i( SHADER_UNIFORM( shader_ui, "uTexGlyphs" ), 0 );
 	
-	glDrawElements( GL_TRIANGLES, ctx->num_indices, GL_UNSIGNED_SHORT, (void*)(0) );
+	glDrawElements( GL_TRIANGLES, num_indices_normal, GL_UNSIGNED_SHORT, (void*)(0) );
 	
-	//vg_info( "Verts: %u, Indices: %u\n", ctx->num_verts, ctx->num_indices );
+	// Draw image elements
+	for( int i = 0; i < ctx->image_count; i ++ )
+	{
+		struct ui_image *img = &ctx->images[i];
+		
+		glBindTexture( GL_TEXTURE_2D, img->image );
+		glDrawElements( GL_TRIANGLES, 6, GL_UNSIGNED_SHORT, (void*)( (num_indices_normal + 6*i)*sizeof(u16) ) );
+	}
 	
 	glDisable(GL_BLEND);
 }
@@ -346,24 +337,6 @@ static void ui_rect_pad( ui_rect rect, ui_px pad )
 	rect[3] -= pad*2;
 }
 
-static void ui_vis_rect( ui_rect rect, u32 colour )
-{
-	#ifdef UI_DEBUG
-	v2f p0;
-	v2f p1;
-	
-	p0[0] = rect[0];
-	p0[1] = rect[1];
-	p1[0] = rect[0]+rect[2];
-	p1[1] = rect[1]+rect[3];
-
-	vg_line( p0, (v2f){p1[0],p0[1]}, colour );
-	vg_line( (v2f){p1[0],p0[1]}, p1, colour );
-	vg_line( p1, (v2f){p0[0],p1[1]}, colour );
-	vg_line( (v2f){p0[0],p1[1]}, p0, colour );
-	#endif
-}
-
 // Stack control
 // ===========================================================================================================
 
@@ -383,8 +356,8 @@ static void ui_new_node( ui_ctx *ctx )
 	
 	if( parent->mouse_over )
 	{
-		if( ctx->mouse[0] >= node->rect[0] && ctx->mouse[0] <= node->rect[0]+node->rect[2] &&
-			 ctx->mouse[1] >= node->rect[1] && ctx->mouse[1] <= node->rect[1]+node->rect[3] )
+		if( ctx->mouse[0] >= node->rect[0] && ctx->mouse[0] < node->rect[0]+node->rect[2] &&
+			 ctx->mouse[1] >= node->rect[1] && ctx->mouse[1] < node->rect[1]+node->rect[3] )
 			node->mouse_over = 1;
 		else
 			node->mouse_over = 0;
@@ -404,10 +377,7 @@ static int ui_hasmouse( ui_ctx *ctx )
 static void ui_end( ui_ctx *ctx )
 {
 	struct ui_qnode *node = &ctx->stack[ --ctx->stack_count ];
-
 	ui_rect_copy( node->rect, ctx->cursor );
-	ui_vis_rect( ctx->cursor, 
-		(node->mouse_over && (node->capture_id == ctx->capture_mouse_id))? 0xffff0000: 0xff0000ff );
 }
 
 static void ui_end_down( ui_ctx *ctx )
@@ -556,47 +526,62 @@ static struct ui_vert *ui_fill_rect_uv( ui_ctx *ctx, ui_rect rect, u32 colour, u
 
 static struct ui_vert *ui_fill_rect( ui_ctx *ctx, ui_rect rect, u32 colour )
 {
-	return ui_fill_rect_uv( ctx, rect, colour, (ui_px[4]){ 4,124,4,124 } );
+	return ui_fill_rect_uv( ctx, rect, colour, (ui_px[4]){ 4,4, 4,4 } );
 }
 
-static void ui_text( ui_ctx *ctx, const char *str, ui_px scale, int alignment )
+static ui_px ui_text_line_offset( const char *str, ui_px scale, enum ui_text_align align )
 {
-	ui_rect text_cursor;
+   if( align == k_text_align_left )
+      return 0;
 
-	text_cursor[0] = ctx->cursor[0];
-	text_cursor[1] = ctx->cursor[1];
-	text_cursor[2] = scale*8;
-	text_cursor[3] = scale*8;
+   int length = 0;
+   const char *_c = str;
+   char c;
 
-	u32 current_colour = ctx->override_colour;
+   while( (c = *(_c ++)) )
+      if( c >= 32 && c <= 126 )
+         length ++;
+      else if( c == '\n' )
+         break;
+
+   if( align == k_text_align_right )
+      return -length * scale*8;
+   else
+      return (-length * scale*8) / 2;
+}
+
+static void ui_text( ui_ctx *ctx, ui_px pos[2], const char *str, ui_px scale, enum ui_text_align align )
+{
+	ui_rect text_cursor;
+	u32 current_colour = 0x00ffffff;
+	
+   const char *_c = str;
+	u8 c;
+
+	text_cursor[0] = pos[0] + ui_text_line_offset( str, scale, align );
+	text_cursor[1] = pos[1];
+	text_cursor[2] = 8*scale;
+	text_cursor[3] = 14*scale;
 
-	const char *_c = str;
-	char c;
 	while( (c = *(_c ++)) )
 	{
 		if( c == '\n' )
 		{
-			text_cursor[1] += 10*scale;
-			text_cursor[0] = ctx->cursor[0];
+			text_cursor[1] += 14*scale;
+			text_cursor[0] = pos[0] + ui_text_line_offset( _c, scale, align );
 			continue;
 		}
-		else if( c >= 33 && c <= 126 )
+		else if( c >= 33 )
 		{
 			u8 glyph_base[2];
-			u8 glyph_index = c - 32;
-			glyph_base[0] = glyph_index&0xf;
+			u8 glyph_index = c;
+			glyph_base[0] = glyph_index & 0xf;
 			glyph_base[1] = (glyph_index-glyph_base[0])>>4;
 			
 			glyph_base[0] *= 8;
 			glyph_base[1] *= 8;
 			
-			ui_fill_rect_uv( ctx, text_cursor, current_colour, 
-				(ui_px[4]){
-					glyph_base[0],
-					128-glyph_base[1],
-					glyph_base[0]+8,
-					128-(glyph_base[1]+8)
-				});
+			ui_fill_rect_uv( ctx, text_cursor, current_colour, (ui_px[4]){glyph_base[0]+2,glyph_base[1]+1,glyph_base[0]+6,glyph_base[1]+8} );
 		}
 		else if( c == '\x1B' )
 		{
@@ -612,14 +597,14 @@ static void ui_text( ui_ctx *ctx, const char *str, ui_px scale, int alignment )
 						
 						switch( colour_id )
 						{
-							case '0': current_colour = 0xffffffff; break;
-							case '3'|'1'<<8: current_colour = 0xff201fee; break;
-							case '3'|'2'<<8: current_colour = 0xff37e420; break;
-							case '3'|'3'<<8: current_colour = 0xff0ed8e2; break;
-							case '3'|'4'<<8: current_colour = 0xfff15010; break;
-							case '3'|'5'<<8: current_colour = 0xffee20ee; break;
-							case '3'|'6'<<8: current_colour = 0xffeeee20; break;
-							case '3'|'7'<<8: current_colour = 0xffffffff; break;
+							case '0': current_colour = 0x00ffffff; break;
+							case '3'|'1'<<8: current_colour = 0x00201fee; break;
+							case '3'|'2'<<8: current_colour = 0x0037e420; break;
+							case '3'|'3'<<8: current_colour = 0x000ed8e2; break;
+							case '3'|'4'<<8: current_colour = 0x00f15010; break;
+							case '3'|'5'<<8: current_colour = 0x00ee20ee; break;
+							case '3'|'6'<<8: current_colour = 0x00eeee20; break;
+							case '3'|'7'<<8: current_colour = 0x00ffffff; break;
 						}
 						
 						break;
@@ -633,10 +618,16 @@ static void ui_text( ui_ctx *ctx, const char *str, ui_px scale, int alignment )
 					break;
 				}
 			}
-			continue;
+
+         continue;
 		}
+      else if( c == '\t' )
+      {
+         text_cursor[0] += UI_GLYPH_SPACING_X*scale*4;
+         continue;
+      }
 		
-		text_cursor[0] += (ui_glyph_spacing_x*scale)/2;
+   	text_cursor[0] += UI_GLYPH_SPACING_X*scale;
 	}
 }
 
@@ -662,6 +653,8 @@ static void ui_begin( ui_ctx *ctx, ui_px res_x, ui_px res_y )
 	
 	if( ctx->click_state == 0 )
 		ctx->capture_mouse_id = 0;
+	
+	ctx->image_count = 0;
 }
 
 static void ui_resolve( ui_ctx *ctx )
@@ -714,7 +707,7 @@ static int ui_button( ui_ctx *ctx, u32 id )
 		
 		if( ui_hasmouse(ctx) )
 		{
-			ui_fill_rect( ctx, ctx->cursor, ctx->colours_current->hover );
+			ui_fill_rect( ctx, ctx->cursor, ctx->colours->hover );
 			
 			if( ctx->click_state == 1 )
 			{
@@ -727,7 +720,7 @@ static int ui_button( ui_ctx *ctx, u32 id )
 				return k_button_hold;
 		}
 		else
-			ui_fill_rect( ctx, ctx->cursor, ctx->colours_current->main );
+			ui_fill_rect( ctx, ctx->cursor, ctx->colours->main );
 	}
 	
 	return k_button_released;
@@ -767,7 +760,7 @@ static int ui_window( ui_ctx *ctx, struct ui_window *window, u32 control_group )
 			// title..
 			ctx->cursor[0] += 2;
 			ctx->cursor[1] += 2;
-			ui_text( ctx, window->title, 2, 0 );
+			ui_text( ctx, ctx->cursor, window->title, 2, 0 );
 			
 			// Close button
 			ctx->cursor[3] = 25;
@@ -781,7 +774,7 @@ static int ui_window( ui_ctx *ctx, struct ui_window *window, u32 control_group )
 				vg_info( "Click clacked\n" );
 			}
 			ctx->cursor[0] += 2;
-			ui_text( ctx, "x", 2, 0 );
+			ui_text( ctx, ctx->cursor, "x", 2, 0 );
 			ui_end( ctx );
 			
 			if( ui_hasmouse( ctx ) )
@@ -832,7 +825,7 @@ static void ui_scrollbar( ui_ctx *ctx, struct ui_scrollbar *scrollbar, u32 id )
 	
 	ui_new_node( ctx );
 	{
-		ui_fill_rect( ctx, ctx->cursor, ctx->colours_current->background );
+		ui_fill_rect( ctx, ctx->cursor, ctx->colours->background );
 		ui_capture_mouse( ctx, id );
 		
 		ctx->cursor[1] += scrollbar->py;
@@ -841,14 +834,14 @@ static void ui_scrollbar( ui_ctx *ctx, struct ui_scrollbar *scrollbar, u32 id )
 		ui_new_node( ctx );
 		{
 			ui_capture_mouse( ctx, __COUNTER__ );
-			struct ui_vert *drag_bar = ui_fill_rect( ctx, ctx->cursor, ctx->colours_current->bar );
+			struct ui_vert *drag_bar = ui_fill_rect( ctx, ctx->cursor, ctx->colours->bar );
 
 			if( ui_hasmouse( ctx ) || scrollbar->drag )
 			{
-				drag_bar[0].colour = ctx->colours_current->bar_hover;
-				drag_bar[1].colour = ctx->colours_current->bar_hover;
-				drag_bar[2].colour = ctx->colours_current->bar_hover;
-				drag_bar[3].colour = ctx->colours_current->bar_hover;
+				drag_bar[0].colour = ctx->colours->bar_hover;
+				drag_bar[1].colour = ctx->colours->bar_hover;
+				drag_bar[2].colour = ctx->colours->bar_hover;
+				drag_bar[3].colour = ctx->colours->bar_hover;
 			
 				// start drag
 				if( ctx->click_state == 1 )
@@ -871,13 +864,41 @@ static ui_px ui_calculate_content_scroll( struct ui_scrollbar *scrollbar, ui_px
 	return ((float)scrollbar->py / range) * overlap;
 }
 
-static void ui_override_colours( ui_ctx *ctx, ui_colourset *set )
+static void ui_push_image( ui_ctx *ctx, ui_rect rc, GLuint image )
 {
-	ctx->colours_current = set;
+	struct ui_image *img = &ctx->images[ ctx->image_count ++ ];
+	ui_rect_copy( rc, img->rc );
+	img->image = image;
 }
 
-static void ui_reset_colours( ui_ctx *ctx )
-{
-	ctx->colours_current = ctx->colours_main;
-	ctx->override_colour = 0xffffffff;
-}
+// Shortnames
+#define gui_draw(...) ui_draw( &ui_global_ctx, __VA_ARGS__)
+#define gui_current(...) ui_current( &ui_global_ctx, __VA_ARGS__)
+#define gui_new_node() ui_new_node( &ui_global_ctx )
+#define gui_hasmouse(...) ui_hasmouse( &ui_global_ctx, __VA_ARGS__)
+#define gui_end() ui_end( &ui_global_ctx )
+#define gui_end_down() ui_end_down( &ui_global_ctx )
+#define gui_end_right() ui_end_right( &ui_global_ctx )
+#define gui_fill_y() ui_fill_y( &ui_global_ctx)
+#define gui_fill_x() ui_fill_x( &ui_global_ctx)
+#define gui_align_bottom() ui_align_bottom( &ui_global_ctx )
+#define gui_align_right() ui_align_right( &ui_global_ctx )
+#define gui_align_top() ui_align_top( &ui_global_ctx )
+#define gui_align_left() ui_align_left( &ui_global_ctx )
+#define gui_clamp_rect(...) ui_clamp_rect( &ui_global_ctx, __VA_ARGS__)
+#define gui_group_id(...) ui_group_id( &ui_global_ctx, __VA_ARGS__)
+#define gui_capture_mouse(...) ui_capture_mouse( &ui_global_ctx, __VA_ARGS__)
+#define gui_set_clip(...) ui_set_clip( &ui_global_ctx, __VA_ARGS__)
+#define gui_release_clip() ui_release_clip( &ui_global_ctx )
+#define gui_fill_rect_uv(...) ui_fill_rect_uv( &ui_global_ctx, __VA_ARGS__)
+#define gui_fill_rect(...) ui_fill_rect( &ui_global_ctx, __VA_ARGS__)
+#define gui_text(...) ui_text( &ui_global_ctx, __VA_ARGS__)
+#define gui_begin(...) ui_begin( &ui_global_ctx, __VA_ARGS__)
+#define gui_resolve(...) ui_resolve( &ui_global_ctx, __VA_ARGS__)
+#define gui_set_mouse(...) ui_set_mouse( &ui_global_ctx, __VA_ARGS__)
+#define gui_button(...) ui_button( &ui_global_ctx, __VA_ARGS__)
+#define gui_window(...) ui_window( &ui_global_ctx, __VA_ARGS__)
+#define gui_want_mouse() ui_want_mouse( &ui_global_ctx )
+#define gui_push_image(...) ui_push_image( &ui_global_ctx, __VA_ARGS__ )
+#define gui_scrollbar(...) ui_scrollbar( &ui_global_ctx, __VA_ARGS__)
+#define gui_reset_colours(...) ui_reset_colours( &ui_global_ctx )