prem page, repeater, link filter.
[carveJwlIkooP6JGAAIwe30JlM.git] / menu.c
diff --git a/menu.c b/menu.c
index 9df54fbc45fbdf991813f9b294927e4907e4bdca..4e965d9800616068160a03a931788f93738e617f 100644 (file)
--- a/menu.c
+++ b/menu.c
@@ -9,6 +9,8 @@
 #include "audio.h"
 #include "workshop.h"
 #include "gui.h"
+#include "control_overlay.h"
+#include "network.h"
 #include "shaders/model_menu.h"
 
 struct global_menu menu = { .skip_starter = 0 };
@@ -41,70 +43,300 @@ bool menu_viewing_map(void)
 {
    return (skaterift.activity == k_skaterift_menu) && 
           (menu.page == k_menu_page_main) &&
-          (menu.main_index == 0);
+          (menu.main_index == k_menu_main_map);
 }
 
-void menu_gui(void)
+static void menu_decor_select( ui_rect rect )
 {
-   if( button_down( k_srbind_mopen ) )
+   ui_px b = vg_ui.font->sx, hb = b/2;
+   ui_rect a0 = { rect[0] - 20 - hb,           rect[1] + rect[3]/2 - hb, b,b },
+           a1 = { rect[0] + rect[2] + 20 + hb, rect[1] + rect[3]/2 - hb, b,b };
+
+   ui_text( a0, "\x95", 1, k_ui_align_middle_center, 0 );
+   ui_text( a1, "\x93", 1, k_ui_align_middle_center, 0 );
+}
+
+static void menu_standard_widget( ui_rect inout_panel, ui_rect rect, ui_px s )
+{
+   ui_split( inout_panel, k_ui_axis_h, vg_ui.font->sy*s*2, 
+             8, rect, inout_panel );
+}
+
+static bool menu_slider( ui_rect inout_panel, bool select, const char *label,
+                         const f32 disp_min, const f32 disp_max, f32 *value, 
+                         const char *format )
+{
+   ui_rect rect, box;
+   menu_standard_widget( inout_panel, rect, 1 );
+   ui_label( rect, label, 1, 8, box );
+
+   f32 t;
+   enum ui_button_state state = ui_slider_base( box, 0, 1, value, &t ),
+         mask_using = 
+         k_ui_button_holding_inside |
+         k_ui_button_holding_outside |
+         k_ui_button_click,
+      mask_brighter = mask_using | k_ui_button_hover;
+
+   if( vg_input.display_input_method == k_input_method_controller )
    {
-      if( skaterift.activity == k_skaterift_default )
+      if( select )
       {
-         menu_open( k_menu_page_main );
-         return;
+         f32 m = axis_state( k_sraxis_mbrowse_h );
+         if( fabsf(m) > 0.5f )
+         {
+            *value += m * vg.time_frame_delta * (1.0f/2.0f);
+            *value = vg_clampf( *value, 0, 1 );
+         }
+
+         menu_decor_select( rect );
+         state |= k_ui_button_hover;
       }
+      else
+         state = k_ui_button_none;
    }
 
-   if( skaterift.activity != k_skaterift_menu ) 
-      return;
+   ui_rect line = { box[0], box[1], t * (f32)box[2], box[3] };
+   ui_fill( line, state&mask_brighter? GUI_COL_ACTIVE: GUI_COL_NORM );
+   ui_fill( (ui_rect){ box[0]+line[2], box[1], box[2]-line[2], box[3] },
+               GUI_COL_DARK );
 
-   /* get buttons inputs
-    * -------------------------------------------------------------------*/
-   int ml = button_down( k_srbind_mleft ),
-       mr = button_down( k_srbind_mright ),
-       mu = button_down( k_srbind_mup ),
-       md = button_down( k_srbind_mdown ),
-       mh = ml-mr,
-       mv = mu-md,
-       enter = button_down( k_srbind_maccept );
+   ui_outline( box, 1, state? GUI_COL_HI: GUI_COL_ACTIVE, 0 );
+   ui_slider_text( box, format, disp_min + (*value)*( disp_max-disp_min ) );
+
+   return (state & mask_using) && 1;
+}
+
+static bool menu_button( ui_rect inout_panel, bool select, const char *text )
+{
+   ui_rect rect;
+   menu_standard_widget( inout_panel, rect, 1 );
+
+   enum ui_button_state state = k_ui_button_none;
+
+   if( vg_input.display_input_method == k_input_method_controller )
+   {
+      if( select )
+      {
+         menu_decor_select( rect );
 
-   if( mh||mv||enter )
+         if( button_down( k_srbind_maccept ) )
+            state = k_ui_button_click;
+      }
+   }
+   else
    {
-      menu.input_mode = k_menu_input_mode_keys;
+      state = ui_button_base( rect );
+      select = 0;
    }
 
-   /* get mouse inputs 
-    * --------------------------------------------------------------------*/
-   menu.mouse_dist += v2_length( vg.mouse_delta ); /* TODO: Move to UI */
-   if( menu.mouse_dist > 10.0f )
+   if( state == k_ui_button_click )
    {
-      menu.input_mode = k_menu_input_mode_mouse;
-      menu.mouse_dist = 0.0f;
+      ui_fill( rect, GUI_COL_DARK );
+   }
+   else if( state == k_ui_button_holding_inside )
+   {
+      ui_fill( rect, GUI_COL_DARK );
+   }
+   else if( state == k_ui_button_holding_outside )
+   {
+      ui_fill( rect, GUI_COL_DARK );
+      ui_outline( rect, 1, GUI_COL_CLICK, 0 );
+   }
+   else if( state == k_ui_button_hover )
+   {
+      ui_fill( rect, GUI_COL_ACTIVE );
+      ui_outline( rect, 1, GUI_COL_CLICK, 0 );
+   }
+   else 
+   {
+      ui_fill( rect, select? GUI_COL_ACTIVE: GUI_COL_NORM );
+      if( select )
+         ui_outline(rect, 1, GUI_COL_HI, 0 );
    }
 
-   if( ui_clicking(UI_MOUSE_LEFT) || ui_clicking(UI_MOUSE_RIGHT) )
+   ui_text( rect, text, 1, k_ui_align_middle_center, 0 );
+
+   if( state == k_ui_button_click )
    {
-      menu.input_mode = k_menu_input_mode_mouse;
+      audio_lock();
+      audio_oneshot( &audio_ui[0], 1.0f, 0.0f );
+      audio_unlock();
+      return 1;
    }
+   else return 0;
+}
 
-   if( menu.input_mode == k_menu_input_mode_mouse )
+static bool menu_checkbox( ui_rect inout_panel, bool select, 
+                           const char *str_label, i32 *data )
+{
+   ui_rect rect, label, box;
+   menu_standard_widget( inout_panel, rect, 1 );
+
+   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 );
+   
+   enum ui_button_state state = k_ui_button_none;
+
+   if( vg_input.display_input_method == k_input_method_controller )
    {
-      /* 
-       * handle mouse input
-       * ------------------------------------------------------------*/
-      vg_ui.wants_mouse = 1;
+      if( select )
+      {
+         menu_decor_select( rect );
+
+         if( button_down( k_srbind_maccept ) )
+         {
+            *data = (*data) ^ 0x1;
+            state = k_ui_button_click;
+         }
+      }
+   }
+   else
+   {
+      state = ui_checkbox_base( box, data );
+      select = 0;
    }
 
-   if( skaterift.activity != k_skaterift_menu ) return;
+   if( state == k_ui_button_holding_inside )
+   {
+      ui_fill( box, GUI_COL_ACTIVE );
+      ui_outline( box, 1, GUI_COL_CLICK, 0 );
+   }
+   else if( state == k_ui_button_holding_outside )
+   {
+      ui_fill( box, GUI_COL_DARK );
+      ui_outline( box, 1, GUI_COL_CLICK, 0 );
+   }
+   else if( state == k_ui_button_hover )
+   {
+      ui_fill( box, GUI_COL_ACTIVE );
+      ui_outline( box, 1, GUI_COL_HI, 0 );
+   }
+   else 
+   {
+      ui_fill( box, select? GUI_COL_ACTIVE: GUI_COL_DARK );
+      ui_outline( box, 1, select? GUI_COL_HI: GUI_COL_NORM, 0 );
+   }
 
-   /* top bar */
-   ui_font_face( &vgf_default_title );
-   ui_px height = vg_ui.font->ch + 16;
-   ui_rect topbar = { 0, 0, vg.window_x, height };
+   if( *data )
+   {
+      ui_rect_pad( box, (ui_px[2]){8,8} );
+      ui_fill( box, GUI_COL_HI );
+   }
 
-   const char *opts[] = {
-      "Map", "Online", "Settings", "Video"
-   };
+   if( state == k_ui_button_click )
+   {
+      audio_lock();
+      audio_oneshot( &audio_ui[0], 1.0f, 0.0f );
+      audio_unlock();
+      return 1;
+   }
+   else return 0;
+}
+
+static void menu_heading( ui_rect inout_panel, const char *label, u32 colour )
+{
+   ui_rect rect;
+   menu_standard_widget( inout_panel, rect, 1 );
+
+   rect[0] -= 8;
+   rect[2] += 16;
+
+   u32 c0 = ui_opacity( GUI_COL_DARK, 0.36f ),
+       c1 = ui_opacity( GUI_COL_DARK, 0.5f );
+
+   struct ui_vert *vs = ui_fill( rect, c0 );
+
+   vs[0].colour = c1;
+   vs[1].colour = c1;
+
+   rect[1] += 4;
+   ui_text( rect, label, 1, k_ui_align_middle_center, 1 );
+   rect[0] += 1;
+   rect[1] -= 1;
+   ui_text( rect, label, 1, k_ui_align_middle_center, colour? colour:
+            ui_colour(k_ui_blue+k_ui_brighter) );
+}
+
+static u32 medal_colour( u32 flags )
+{
+   if( flags & k_ent_route_flag_achieve_gold ) 
+      return ui_colour( k_ui_yellow );
+   else if( flags & k_ent_route_flag_achieve_silver )
+      return ui_colour( k_ui_fg );
+   else return 0;
+}
+
+static i32 menu_nav( i32 *p_row, int mv, i32 max )
+{
+   i32 row_prev = *p_row;
+
+   if( mv < 0 ) *p_row = vg_min( max, (*p_row) +1 );
+   if( mv > 0 ) *p_row = vg_max( 0,   (*p_row) -1 );
+
+   if( *p_row != row_prev )
+   {
+      audio_lock();
+      audio_oneshot( &audio_ui[3], 1.0f, 0.0f );
+      audio_unlock();
+   }
+
+   return *p_row;
+}
+
+static void menu_try_find_cam( i32 id )
+{
+   world_instance *world = &world_static.instances[0];
+   for( u32 i=0; i<mdl_arrcount(&world->ent_npc); i ++ )
+   {
+      ent_npc *fnpc = mdl_arritm( &world->ent_npc, i );
+      if( (fnpc->id == 50) && (fnpc->context == id) )
+      {
+         if( mdl_entity_id_type(fnpc->camera) == k_ent_camera )
+         {
+            u32 index = mdl_entity_id_id( fnpc->camera );
+            menu.bg_cam = mdl_arritm( &world->ent_camera, index );
+            menu.bg_blur = 0;
+         }
+      }
+   }
+}
+
+static void menu_link_modal( const char *url )
+{
+   menu.web_link = url;
+
+   /* Only reset the choice of browser if 'No' was selected. */
+   if( menu.web_choice == 2 )
+      menu.web_choice = 0;
+}
+
+void menu_gui(void)
+{
+   if( button_down( k_srbind_mopen ) )
+   {
+      if( skaterift.activity == k_skaterift_default )
+      {
+         menu_open( k_menu_page_main );
+         return;
+      }
+   }
+
+   if( skaterift.activity != k_skaterift_menu ) 
+      return;
+
+   menu.bg_blur = 1;
+   menu.bg_cam = NULL;
+
+   /* get buttons inputs
+    * -------------------------------------------------------------------*/
+   int ml = button_press( k_srbind_mleft ),
+       mr = button_press( k_srbind_mright ),
+       mu = button_press( k_srbind_mup ),
+       md = button_press( k_srbind_mdown ),
+       mh = ml-mr,
+       mv = mu-md,
+       enter = button_down( k_srbind_maccept );
 
    /* TAB CONTROL */
    u8 lb_down = 0, rb_down = 0;
@@ -117,37 +349,273 @@ void menu_gui(void)
             vg_joy_button, SDL_CONTROLLER_BUTTON_LEFTSHOULDER, vg_end 
          }, &lb_down );
 
+   int mtab = (i32)rb_down - (i32)lb_down;
+
    if( menu.repeater > 0.0f )
    {
       menu.repeater -= vg_minf( vg.time_frame_delta, 0.5f );
+      mv = 0;
+      mh = 0;
+      mtab = 0;
    }
    else
    {
-      if( lb_down != rb_down )
-      {
-         menu.main_index += rb_down;
-         menu.main_index -= lb_down;
+      if( mv || mh || mtab )
          menu.repeater += 0.2f;
+   }
+
+   if( vg_input.display_input_method == k_input_method_kbm )
+   {
+      vg_ui.wants_mouse = 1;
+   }
+
+   if( skaterift.activity != k_skaterift_menu ) return;
+
+
+   if( menu.web_link )
+   {
+      ui_rect panel = { 0,0, 800, 200 },
+              screen = { 0,0, vg.window_x,vg.window_y };
+      ui_rect_center( screen, panel );
+      ui_fill( panel, GUI_COL_DARK );
+      ui_outline( panel, 1, GUI_COL_NORM, 0 );
+      ui_rect_pad( panel, (ui_px[]){8,8} );
+
+      ui_rect title;
+      ui_split( panel, k_ui_axis_h, 28*2, 0, title, panel );
+      ui_font_face( &vgf_default_title );
+      ui_text( title, "Open Link?", 1, k_ui_align_middle_center, 0 );
+
+      ui_split( panel, k_ui_axis_h, 28, 0, title, panel );
+      ui_font_face( &vgf_default_large );
+      ui_text( title, menu.web_link, 1, k_ui_align_middle_center, 0 );
+
+      ui_rect end = { panel[0], panel[1] + panel[3] - 48, panel[2], 48 };
+
+      ui_rect a,b,c;
+      ui_split_ratio( end, k_ui_axis_v, 2.0/3.0, 2, a, c );
+      ui_split_ratio( a, k_ui_axis_v, 1.0/2.0, 2, a, b );
+
+      i32 R = menu_nav( &menu.web_choice, mh, 2 );
+
+      if( menu_button( a, R==0, "Steam Overlay" ) )
+      {
+         if( steam_ready )
+         {
+            ISteamFriends *hSteamFriends = SteamAPI_SteamFriends();
+            SteamAPI_ISteamFriends_ActivateGameOverlayToWebPage( hSteamFriends,
+                  menu.web_link,
+                  k_EActivateGameOverlayToWebPageMode_Default );
+            menu.web_link = NULL;
+         }
+      }
+
+      if( menu_button( b, R==1, "Web Browser" ) )
+      {
+         char buf[512];
+         vg_str str;
+         vg_strnull( &str, buf, sizeof(buf) );
+#ifdef _WIN32
+         vg_strcat( &str, "start " );
+#else
+         vg_strcat( &str, "xdg-open " );
+#endif
+         vg_strcat( &str, menu.web_link );
+
+         if( vg_strgood(&str) )
+            system( buf );
+
+         menu.web_link = NULL;
+      }
+      
+      if( menu_button( c, R==2, "No" ) || button_down( k_srbind_mback ) )
+      {
+         audio_lock();
+         audio_oneshot( &audio_ui[3], 1.0f, 0.0f );
+         audio_unlock();
+         menu.web_link = NULL;
+      }
+
+      goto menu_draw;
+   }
 
-         if( menu.main_index == -1 )
-            menu.main_index ++;
 
-         if( menu.main_index == vg_list_size(opts) )
-            menu.main_index --;
+   if( vg.settings_open )
+   {
+      if( button_down( k_srbind_mback ) )
+      {
+         audio_lock();
+         audio_oneshot( &audio_ui[3], 1.0f, 0.0f );
+         audio_unlock();
+         vg_settings_close();
+         srinput.state = k_input_state_resume;
       }
+
+      return;
+   }
+
+   if( menu.page == k_menu_page_credits )
+   {
+      ui_rect panel = { 0,0, 600, 400 },
+              screen = { 0,0, vg.window_x,vg.window_y };
+      ui_rect_center( screen, panel );
+      ui_fill( panel, GUI_COL_DARK );
+      ui_outline( panel, 1, GUI_COL_NORM, 0 );
+      ui_rect_pad( panel, (ui_px[]){8,8} );
+
+      ui_rect title;
+      ui_split( panel, k_ui_axis_h, 28*2, 0, title, panel );
+      ui_font_face( &vgf_default_title );
+      ui_text( title, "Skate Rift - Credits", 1, k_ui_align_middle_center, 0 );
+
+      ui_split( panel, k_ui_axis_h, 28, 0, title, panel );
+      ui_font_face( &vgf_default_large );
+      ui_text( title, "Mt.Zero Software", 1, k_ui_align_middle_center, 0 );
+
+      ui_split( panel, k_ui_axis_h, 8, 0, title, panel );
+      ui_split( panel, k_ui_axis_h, 28*2, 0, title, panel );
+      ui_font_face( &vgf_default_title );
+      ui_text( title, "Free Software", 1, k_ui_align_middle_center, 0 );
+
+      ui_split( panel, k_ui_axis_h, 8, 0, title, panel );
+      ui_font_face( &vgf_default_large );
+      ui_text( panel, 
+            "Sam Lantinga       - SDL2 - libsdl.org\n"
+            "Hunter WB          - Anyascii\n"
+            "David Herberth     - GLAD\n"
+            "Dominic Szablewski - QOI - qoiformat.org\n"
+            "Sean Barrett       - stb_image, stb_vorbis,\n"
+            "                     stb_include\n"
+            "Khronos Group      - OpenGL\n"
+            , 1, k_ui_align_left, 0 );
+
+      ui_rect end = { panel[0], panel[1] + panel[3] - 64, panel[2], 64 };
+
+      if( menu_button( end, 1, "Back" ) || button_down( k_srbind_mback ) )
+      {
+         menu.page = k_menu_page_main;
+      }
+
+      goto menu_draw;
+   }
+   else if( menu.page == k_menu_page_starter )
+   {
+      i32 R = menu_nav( &menu.intro_row, mv, 3 );
+      ui_rect panel = { 0,0, 600, 400 },
+              screen = { 0,0, vg.window_x,vg.window_y };
+      ui_rect_center( screen, panel );
+      ui_fill( panel, ui_opacity( GUI_COL_DARK, 0.35f ) );
+      ui_outline( panel, 1, GUI_COL_NORM, 0 );
+      ui_rect_pad( panel, (ui_px[]){8,8} );
+
+      ui_rect title;
+      ui_split( panel, k_ui_axis_h, 28*2, 0, title, panel );
+      ui_font_face( &vgf_default_title );
+      ui_text( title, "Welcome to Skate Rift", 1, k_ui_align_middle_center, 0 );
+
+      ui_split( panel, k_ui_axis_h, 28, 0, title, panel );
+      ui_font_face( &vgf_default_large );
+
+      menu_checkbox( panel, R == 0, 
+            "Show controls overlay (good for new players)",
+            &control_overlay.enabled );
+      menu_checkbox( panel, R == 1, "Auto connect to global server",
+            &network_client.auto_connect );
+
+      ui_rect end = { panel[0], panel[1] + panel[3] - 100, panel[2], 100 };
+      menu_checkbox( end, R == 2, "Don't show this again", &menu.skip_starter );
+      if( menu_button( end, R == 3, "OK" ) )
+      {
+         menu.page = k_menu_page_main;
+         skaterift.activity = k_skaterift_default;
+      }
+
+      menu_try_find_cam( 3 );
+      goto menu_draw;
+   }
+   else if( menu.page == k_menu_page_premium )
+   {
+      i32 R = menu_nav( &menu.prem_row, mh, 1 );
+      ui_rect panel = { 0,0, 600, 400 },
+              screen = { 0,0, vg.window_x,vg.window_y };
+      ui_rect_center( screen, panel );
+      ui_fill( panel, ui_opacity( GUI_COL_DARK, 0.35f ) );
+      ui_outline( panel, 1, GUI_COL_NORM, 0 );
+      ui_rect_pad( panel, (ui_px[]){8,8} );
+
+      ui_rect title;
+      ui_split( panel, k_ui_axis_h, 28*2, 0, title, panel );
+      ui_font_face( &vgf_default_title );
+      ui_text( title, "Content is in the full game.", 
+               1, k_ui_align_middle_center, 0 );
+
+      ui_split( panel, k_ui_axis_h, 28, 0, title, panel );
+      ui_font_face( &vgf_default_large );
+
+      ui_rect end = { panel[0], panel[1] + panel[3] - 48, panel[2], 48 }, a,b;
+      ui_split_ratio( end, k_ui_axis_v, 0.5f, 2, a, b );
+
+      if( menu_button( a, R == 0, "Store Page" ) )
+      {
+         if( steam_ready )
+            SteamAPI_ISteamFriends_ActivateGameOverlayToStore( 
+                  SteamAPI_SteamFriends(), 2103940, k_EOverlayToStoreFlag_None);
+      }
+
+      if( menu_button( b, R == 1, "Nah" ) || button_down( k_srbind_mback ) )
+      {
+         audio_lock();
+         audio_oneshot( &audio_ui[3], 1.0f, 0.0f );
+         audio_unlock();
+         skaterift.activity = k_skaterift_default;
+         return;
+      }
+
+      goto menu_draw;
    }
 
-   ui_px x = 0,
-         spacer = 8;
+   /*                              TOP BAR 
+    * -------------------------------------------------------------------*/
+
+   ui_font_face( &vgf_default_title );
+   ui_px height = vg_ui.font->ch + 16;
+   ui_rect topbar = { 0, 0, vg.window_x, height };
+
+   const char *opts[] = {
+      [k_menu_main_main] = "Menu",
+      [k_menu_main_map]  = "Map",
+      [k_menu_main_settings ] = "Settings",
+      [k_menu_main_guide ] = "Guides"
+   };
+
+   if( mtab )
+   {
+      menu.main_index += mtab;
+
+      if( menu.main_index == -1 )
+         menu.main_index ++;
+
+      if( menu.main_index == vg_list_size(opts) )
+         menu.main_index --;
+
+      audio_lock();
+      audio_oneshot( &audio_ui[3], 1.0f, 0.0f );
+      audio_unlock();
+   }
+
+   ui_px x = 0, spacer = 8;
    for( u32 draw=0; draw<2; draw ++ )
    {
-      if( draw )
+      if( vg_input.display_input_method == k_input_method_controller )
       {
-         ui_rect inf_lb = { x, 0, 32, height };
-         ui_fill( inf_lb, lb_down? GUI_COL_NORM: GUI_COL_NORM );
-         ui_text( inf_lb, "\x91", 1, k_ui_align_middle_center, 0 );
+         if( draw )
+         {
+            ui_rect inf_lb = { x, 0, 32, height };
+            ui_fill( inf_lb, lb_down? GUI_COL_NORM: GUI_COL_NORM );
+            ui_text( inf_lb, "\x91", 1, k_ui_align_middle_center, 0 );
+         }
+         x += 32 + spacer;
       }
-      x += 32 + spacer;
 
       for( i32 i=0; i<vg_list_size(opts); i ++ )
       {
@@ -184,13 +652,16 @@ void menu_gui(void)
          x += box[2] + spacer;
       }
 
-      if( draw )
+      if( vg_input.display_input_method == k_input_method_controller )
       {
-         ui_rect inf_rb = { x, 0, 32, height };
-         ui_fill( inf_rb, rb_down? GUI_COL_NORM: GUI_COL_NORM );
-         ui_text( inf_rb, "\x92", 1, k_ui_align_middle_center, 0 );
+         if( draw )
+         {
+            ui_rect inf_rb = { x, 0, 32, height };
+            ui_fill( inf_rb, rb_down? GUI_COL_NORM: GUI_COL_NORM );
+            ui_text( inf_rb, "\x92", 1, k_ui_align_middle_center, 0 );
+         }
+         x += 32;
       }
-      x += 32;
 
       if( draw )
          ui_fill( (ui_rect){ x+8,0, vg.window_x-(x+8),height }, GUI_COL_NORM );
@@ -201,19 +672,332 @@ void menu_gui(void)
       }
    }
 
-   if( menu.main_index == 0 )
+   if( menu.main_index == k_menu_main_map )
    {
+      menu.bg_blur = 0;
+      ui_font_face( &vgf_default_large );
+      ui_rect title = { vg.window_x/2 - 512/2, height+8, 512, 64 };
+
+      ui_px x = 8,
+            y = height+8;
+
+      struct ui_vert *vs = 
+         ui_fill( (ui_rect){ x,y, 0,height }, 
+               world_static.active_instance? GUI_COL_DARK: GUI_COL_ACTIVE );
+
+      char buf[64];
+      vg_str str;
+      vg_strnull( &str, buf, sizeof(buf) );
+      vg_strcat( &str, "Hub World" );
+      
+      if( world_static.active_instance )
+      {
+         vg_strcat( &str, " (" );
+         vg_input_string( &str, input_button_list[k_srbind_mhub], 1 );
+         vg_strcatch( &str, '\x06' );
+         vg_strcatch( &str, '\x00' );
+         vg_strcat( &str, "\x1B[0m)" );
+      }
+      
+      ui_px w = ui_text( (ui_rect){ x+8, y, 1000, height }, buf, 1,
+                         k_ui_align_middle_left, 0 );
+      w *= vg_ui.font->sx;
+      x += w + 16;
+
+      vs[1].co[0] = x + 8;
+      vs[2].co[0] = x;
+
+      x += 2;
+
+      world_instance *world = &world_static.instances[1];
+      if( world->status == k_world_status_loaded )
+      {
+         const char *world_name = 
+            mdl_pstr( &world->meta, world->info.pstr_name );
+
+         vg_strnull( &str, buf, sizeof(buf) );
+         vg_strcat( &str, world_name );
+
+         if( !world_static.active_instance &&
+               (vg_input.display_input_method == k_input_method_controller) )
+         {
+            vg_strcat( &str, " (" );
+            vg_input_string( &str, input_button_list[k_srbind_mhub], 1 );
+            vg_strcatch( &str, '\x06' );
+            vg_strcatch( &str, '\x00' );
+            vg_strcat( &str, "\x1B[0m)" );
+         }
+
+         vs = ui_fill( (ui_rect){ x,y, 1000,height }, 
+               world_static.active_instance? GUI_COL_ACTIVE: GUI_COL_DARK );
+         w = ui_text( (ui_rect){ x+16,y, 1000,height }, buf, 
+                      1, k_ui_align_middle_left, 0 );
+
+         w = w*vg_ui.font->sx + 8*3;
+         x += w;
+
+         if( button_down( k_srbind_mhub ) ||
+               ui_button_base( (ui_rect){0,y,x,height} ) == k_ui_button_click )
+         {
+            world_switch_instance( world_static.active_instance ^ 0x1 );
+            skaterift.activity = k_skaterift_default;
+            world_map.view_ready = 0;
+         }
+
+         vs[0].co[0] += 8;
+         vs[1].co[0] = x + 8;
+         vs[2].co[0] = x;
+      }
+
+      x = 8;
+      y += 8 + height;
+
+      if( world_static.active_instance )
+      {
+         ui_rect stat_panel = { x,y, 256,vg.window_y-y };
+         u32 c0 = ui_opacity( GUI_COL_DARK, 0.36f );
+         struct ui_vert *vs = ui_fill( stat_panel, c0 );
+
+         ui_rect_pad( stat_panel, (ui_px[2]){8,0} );
+
+         for( u32 i=0; i<mdl_arrcount( &world->ent_region ); i ++ )
+         {
+            ent_region *region = mdl_arritm( &world->ent_region, i );
+
+            if( !region->zone_volume )
+               continue;
+
+            const char *title = mdl_pstr( &world->meta, region->pstr_title );
+            ui_font_face( &vgf_default_large );
+
+            ui_rect title_box;
+            menu_standard_widget( stat_panel, title_box, 1 );
+            
+            stat_panel[0] += 16;
+            stat_panel[2] -= 16;
+            ui_font_face( &vgf_default_small );
+
+            ent_volume *volume = mdl_arritm(&world->ent_volume,
+                  mdl_entity_id_id(region->zone_volume));
+
+            u32 combined = k_ent_route_flag_achieve_gold | 
+                           k_ent_route_flag_achieve_silver;
+
+            char buf[128];
+            vg_str str;
+
+            for( u32 j=0; j<mdl_arrcount(&world->ent_route); j ++ )
+            {
+               ent_route *route = mdl_arritm(&world->ent_route, j );
+
+               v3f local;
+               m4x3_mulv( volume->to_local, route->board_transform[3], local );
+               if( !((fabsf(local[0]) <= 1.0f) &&
+                     (fabsf(local[1]) <= 1.0f) &&
+                     (fabsf(local[2]) <= 1.0f)) )
+               {
+                  continue;
+               }
+
+               combined &= route->flags;
+
+               vg_strnull( &str, buf, sizeof(buf) );
+               vg_strcat( &str, "(Race) " );
+               vg_strcat( &str, mdl_pstr(&world->meta, route->pstr_name));
+
+               if( route->flags & k_ent_route_flag_achieve_silver )
+                  vg_strcat( &str, " \xb3");
+               if( route->flags & k_ent_route_flag_achieve_gold )
+                  vg_strcat( &str, "\xb3");
+
+               ui_rect r;
+               ui_standard_widget( stat_panel, r, 1 );
+               ui_text( r, buf, 1, k_ui_align_middle_left, 
+                        medal_colour(route->flags) );
+            }
+
+            for( u32 j=0; j<mdl_arrcount(&world->ent_challenge); j ++ )
+            {
+               ent_challenge *challenge = mdl_arritm( &world->ent_challenge, j );
+
+               v3f local;
+               m4x3_mulv( volume->to_local, challenge->transform.co, local );
+               if( !((fabsf(local[0]) <= 1.0f) &&
+                     (fabsf(local[1]) <= 1.0f) &&
+                     (fabsf(local[2]) <= 1.0f)) )
+               {
+                  continue;
+               }
+
+               vg_strnull( &str, buf, sizeof(buf) );
+               vg_strcat( &str, mdl_pstr(&world->meta, challenge->pstr_alias));
+
+               u32 flags = 0x00;
+               if( challenge->status )
+               {
+                  flags |= k_ent_route_flag_achieve_gold;
+                  flags |= k_ent_route_flag_achieve_silver;
+                  vg_strcat( &str, " \xb3\xb3" );
+               }
+
+               combined &= flags;
+
+               ui_rect r;
+               ui_standard_widget( stat_panel, r, 1 );
+               ui_text( r, buf, 1, k_ui_align_middle_left, medal_colour(flags) );
+            }
+
+            stat_panel[0] -= 16;
+            stat_panel[2] += 16;
+
+            u32 title_col = 0;
+            if( combined & k_ent_route_flag_achieve_gold ) 
+               title_col = ui_colour( k_ui_yellow );
+            else if( combined & k_ent_route_flag_achieve_silver )
+               title_col = ui_colour( k_ui_fg );
+
+            menu_heading( title_box, title, title_col );
+         }
+
+         vs[2].co[1] = stat_panel[1];
+         vs[3].co[1] = stat_panel[1];
+      }
    }
    else
    {
       if( button_down( k_srbind_mback ) )
       {
+         audio_lock();
+         audio_oneshot( &audio_ui[3], 1.0f, 0.0f );
+         audio_unlock();
          skaterift.activity = k_skaterift_default;
          return;
       }
+
+      ui_rect list0 = { vg.window_x/2 - 512/2, height+32, 
+                        512, vg.window_y-height-64 }, list;
+      rect_copy( list0, list );
+      ui_rect_pad( list, (ui_px[2]){8,8} );
+
+      /*                              MAIN / MAIN
+       * -------------------------------------------------------------------*/
+
+      if( menu.main_index == k_menu_main_main )
+      {
+         i32 R = menu_nav( &menu.main_row, mv, 2 );
+
+         if( menu_button( list, R == 0, "Resume" ) )
+         {
+            skaterift.activity = k_skaterift_default;
+            return;
+         }
+
+         if( menu_button( list, R == 1, "Credits" ) )
+         {
+            menu.page = k_menu_page_credits;
+         }
+
+         ui_rect end = { list[0], list[1]+list[3]-64, list[2], 72 };
+         if( menu_button( end, R == 2, "Quit Game" ) )
+         {
+            vg.window_should_close = 1;
+         }
+      }
+      else if( menu.main_index == k_menu_main_settings )
+      {
+         ui_fill( list0, ui_opacity( GUI_COL_DARK, 0.36f ) );
+         ui_outline( list0, 1, GUI_COL_NORM, 0 );
+         i32 R = menu_nav( &menu.settings_row, mv, 8 );
+
+         ui_font_face( &vgf_default_large );
+         list[1] -= 8;
+         menu_heading( list, "Game", 0 );
+         menu_checkbox( list, R == 0, "Show controls overlay",
+               &control_overlay.enabled );
+         menu_checkbox( list, R == 1, "Auto connect to global server",
+               &network_client.auto_connect );
+
+         menu_heading( list, "Audio/Video", 0 );
+         menu_slider( list, R == 2, "Volume", 0, 100, 
+                      &vg_audio.external_global_volume, "%.f%%" );
+         menu_slider( list, R == 3, "Resolution", 0, 100,
+                      &k_render_scale, "%.f%%" );
+         menu_checkbox( list, R == 4, "Motion Blur", &k_blur_effect );
+
+         menu_heading( list, "Camera", 0 );
+         menu_slider( list, R == 5, "Fov", 97, 135,
+                      &k_fov, "%.1f\xb0" );
+         menu_slider( list, R == 6, "Cam Height", -0.4f, +1.4f,
+                      &k_cam_height, vg_lerpf(-0.4f,1.4f,k_cam_height)>=0.0f? 
+                                      "+%.2fm": "%.2fm" );
+         menu_checkbox( list, R == 7, "Invert Y Axis", &k_invert_y );
+
+
+         ui_rect end = { list[0], list[1]+list[3]-64, list[2], 72 };
+         ui_font_face( &vgf_default_small );
+         menu_heading( end, "Advanced", 0 );
+         if( menu_button( end, R == 8, "Open Engine Settings" ) )
+         {
+            vg_settings_open();
+         }
+      }
+      else if( menu.main_index == k_menu_main_guide )
+      {
+         list0[0] = 8;
+         list[0] = 16;
+
+         ui_fill( list0, ui_opacity( GUI_COL_DARK, 0.36f ) );
+         ui_outline( list0, 1, GUI_COL_NORM, 0 );
+         i32 R = menu_nav( &menu.guides_row, mv, 7 );
+
+         ui_font_face( &vgf_default_large );
+         list[1] -= 8;
+         menu_heading( list, "Info", 0 );
+         if( menu_button( list, R == 0, "Where to go" ) ) menu.guide_sel = 1;
+         if( menu.guide_sel == 1 ) menu_try_find_cam( 1 );
+
+         if( menu_button( list, R == 1, "Finding worlds" ) ) menu.guide_sel = 2;
+         if( menu.guide_sel == 2 ) menu_try_find_cam( 0 );
+
+         if( menu_button( list, R == 2, "Playing Online" ) ) menu.guide_sel = 3;
+         if( menu.guide_sel == 3 ) menu_try_find_cam( 2 );
+
+         menu_heading( list, "Controls", 0 );
+         if( menu_button( list, R == 3, "Skating \xb2" ) )
+         {
+            menu_link_modal( 
+                  "https://skaterift.com/index.php?page=skating" );
+         }
+         if( menu.guide_sel == 0 || menu.guide_sel > 3 ) menu_try_find_cam( 3 );
+
+         if( menu_button( list, R == 4, "Tricks \xb2" ) )
+         {
+            menu_link_modal( 
+                  "https://skaterift.com/index.php?page=tricks" );
+         }
+
+         menu_heading( list, "Workshop", 0 );
+         if( menu_button( list, R == 5, "Create a Board \xb2" ) )
+         {
+            menu_link_modal( 
+                  "https://skaterift.com/index.php?page=workshop_board" );
+         }
+         if( menu_button( list, R == 6, "Create a World \xb2" ) )
+         {
+            menu_link_modal( 
+                  "https://skaterift.com/index.php?page=workshop_world" );
+         }
+         if( menu_button( list, R == 7, "Create a Playermodel \xb2" ) )
+         {
+            menu_link_modal( 
+                  "https://skaterift.com/index.php?page=workshop_player" );
+         }
+      }
    }
 
-   vg_ui.frosting = gui.factive*0.015f;
+menu_draw:
+
+   vg_ui.frosting = 0.015f;
    ui_flush( k_ui_shader_colour, vg.window_x, vg.window_y );
    vg_ui.frosting = 0.0f;