guide pages

[carveJwlIkooP6JGAAIwe30JlM.git] / menu.c

#pragma once
#include "skaterift.h"
#include "menu.h"
#include "model.h"
#include "entity.h"
#include "input.h"
#include "world_map.h"
#include "ent_miniworld.h"
#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 };

void menu_at_begin(void)
{
   if( menu.skip_starter ) return;

   skaterift.activity = k_skaterift_menu;
   menu.page = k_menu_page_starter;
}

void menu_init(void)
{
   vg_console_reg_var( "skip_starter_menu", &menu.skip_starter,
                       k_var_dtype_i32, VG_VAR_PERSISTENT );
}

void menu_open( enum menu_page page )
{
   skaterift.activity = k_skaterift_menu;

   if( page != k_menu_page_any )
   {
      menu.page = page;
   }
}

bool menu_viewing_map(void)
{
   return (skaterift.activity == k_skaterift_menu) && 
          (menu.page == k_menu_page_main) &&
          (menu.main_index == k_menu_main_map);
}

static void menu_decor_select( ui_rect rect )
{
   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( select )
      {
         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;
   }

   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 );

   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( button_down( k_srbind_maccept ) )
            state = k_ui_button_click;
      }
   }
   else
   {
      state = ui_button_base( rect );
      select = 0;
   }

   if( state == k_ui_button_click )
   {
      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 );
   }

   ui_text( rect, text, 1, k_ui_align_middle_center, 0 );

   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 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 )
   {
      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( 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 );
   }

   if( *data )
   {
      ui_rect_pad( box, (ui_px[2]){8,8} );
      ui_fill( box, GUI_COL_HI );
   }

   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;
   vg_exec_input_program( k_vg_input_type_button_u8, 
         (vg_input_op[]){
            vg_joy_button, SDL_CONTROLLER_BUTTON_RIGHTSHOULDER, vg_end 
         }, &rb_down );
   vg_exec_input_program( k_vg_input_type_button_u8, 
         (vg_input_op[]){
            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( 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 )
   {
      menu_try_find_cam( 3 );

      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( 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;
   }

   /*                              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( vg_input.display_input_method == k_input_method_controller )
      {
         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;
      }

      for( i32 i=0; i<vg_list_size(opts); i ++ )
      {
         ui_rect box = { x, 0, ui_text_line_width(opts[i]) + 32, height };

         if( draw )
         {
            enum ui_button_state state = ui_button_base( box );
            if( state == k_ui_button_click )
            {
               ui_fill( box, GUI_COL_DARK );
               menu.main_index = i;
            }
            else if( state == k_ui_button_holding_inside )
            {
               ui_fill( box, GUI_COL_DARK );
            }
            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_NORM );
               ui_outline( box, 1, GUI_COL_ACTIVE, 0 );
            }
            else 
               ui_fill( box, i==menu.main_index? GUI_COL_ACTIVE: GUI_COL_NORM );

            ui_text( box, opts[i], 1, k_ui_align_middle_center, 0 );
         }

         x += box[2] + spacer;
      }

      if( vg_input.display_input_method == k_input_method_controller )
      {
         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;
      }

      if( draw )
         ui_fill( (ui_rect){ x+8,0, vg.window_x-(x+8),height }, GUI_COL_NORM );
      else
      {
         x = vg.window_x/2 - x/2;
         ui_fill( (ui_rect){ 0, 0, x-8, height }, GUI_COL_NORM );
      }
   }

   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_px w = 700,
               marg = list0[0]+list0[2],
               pw = vg.window_x - marg,
               infx = pw/2 - w/2 + marg;
         ui_rect inf = { infx, height +32, w, 800 };

         struct ui_vert *vs = NULL;

         if( menu.guide_sel && (menu.guide_sel <= 3) )
         {
            vs = ui_fill( inf, ui_opacity( GUI_COL_DARK, 0.20f ) );
            ui_rect_pad( inf, (ui_px[]){8,8} );
         }

         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, 6 );

         ui_font_face( &vgf_default_large );
         list[1] -= 8;
         menu_heading( list, "Info", 0 );
         if( menu.guide_sel == 1 ) 
         {
            menu_try_find_cam( 1 );

            ui_rect title;
            ui_split( inf, k_ui_axis_h, 28*2, 0, title, inf );
            ui_font_face( &vgf_default_title );
            ui_text( title, "Where to go", 1, k_ui_align_middle_center, 0 );

            ui_split( inf, k_ui_axis_h, 28, 0, title, inf );
            ui_font_face( &vgf_default_large );
            ui_text( inf, 
                  "Visit the sandcastles built by John Cockroach to be\n"
                  "transported into the real location. Use the map in the\n"
                  "menu to return back this hub island.\n"
                  "\n"
                  "You can begin training at the Volcano Island, where you\n"
                  "can learn movement skills. Then travel to Mt.Zero Island\n"
                  "or Bort Downtown to test them out. Finally the most\n"
                  "challenging course can be taken on at the Valley.\n"
                  "\n"
                  "Also visit the Steam Workshop for community made\n"
                  "locations to skate!"
                  , 1, k_ui_align_left, 0 );

            vs[2].co[1] = vs[0].co[1] + 84 + vgf_default_large.sy*11 + 16;
            vs[3].co[1] = vs[2].co[1];
         }
         if( menu_button( list, R == 0, "Where to go" ) ) menu.guide_sel = 1;

         if( menu.guide_sel == 3 )
         {
            menu_try_find_cam( 2 );

            ui_rect title;
            ui_split( inf, k_ui_axis_h, 28*2, 0, title, inf );
            ui_font_face( &vgf_default_title );
            ui_text( title, "Online", 1, k_ui_align_middle_center, 0 );

            ui_split( inf, k_ui_axis_h, 28, 0, title, inf );
            ui_font_face( &vgf_default_large );
            ui_text( inf, 
                  "Connection to the global server is managed by this radar\n"
                  "dish in the hub island. Come back here to turn the\n"
                  "connection on or off.\n"
                  "\n"
                  "You'll then see other players or your friends if you go\n"
                  "to the same location, and your highscores will be saved\n"
                  "onto the scoreboards."
                  , 1, k_ui_align_left, 0 );

            vs[2].co[1] = vs[0].co[1] + 84 + vgf_default_large.sy*7 + 16;
            vs[3].co[1] = vs[2].co[1];
         }
         if( menu_button( list, R == 1, "Playing Online" ) ) menu.guide_sel = 3;

         menu_heading( list, "Controls", 0 );
         if( menu_button( list, R == 2, "Skating \xb2" ) )
         {
            menu.guide_sel = 0;
            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 == 3, "Tricks \xb2" ) )
         {
            menu.guide_sel = 0;
            menu_link_modal( 
                  "https://skaterift.com/index.php?page=tricks" );
         }

         menu_heading( list, "Workshop", 0 );
         if( menu_button( list, R == 4, "Create a Board \xb2" ) )
         {
            menu.guide_sel = 0;
            menu_link_modal( 
                  "https://skaterift.com/index.php?page=workshop_board" );
         }
         if( menu_button( list, R == 5, "Create a World \xb2" ) )
         {
            menu.guide_sel = 0;
            menu_link_modal( 
                  "https://skaterift.com/index.php?page=workshop_world" );
         }
         if( menu_button( list, R == 6, "Create a Playermodel \xb2" ) )
         {
            menu.guide_sel = 0;
            menu_link_modal( 
                  "https://skaterift.com/index.php?page=workshop_player" );
         }
      }
   }

menu_draw:

   vg_ui.frosting = 0.015f;
   ui_flush( k_ui_shader_colour, vg.window_x, vg.window_y );
   vg_ui.frosting = 0.0f;

   ui_font_face( &vgf_default_small );
}