prem image
[carveJwlIkooP6JGAAIwe30JlM.git] / menu.c
diff --git a/menu.c b/menu.c
index daeb61a2b6057ce7c3d7422c1f03edd9c236d3f6..091deb04fc8d2429e6a1cff709d6e555e716f907 100644 (file)
--- a/menu.c
+++ b/menu.c
@@ -27,6 +27,9 @@ void menu_init(void)
 {
    vg_console_reg_var( "skip_starter_menu", &menu.skip_starter,
                        k_var_dtype_i32, VG_VAR_PERSISTENT );
+   vg_tex2d_load_qoi_async_file( "textures/prem.qoi", 
+         VG_TEX2D_CLAMP|VG_TEX2D_NOMIP|VG_TEX2D_NEAREST,
+         &menu.prem_tex );
 }
 
 void menu_open( enum menu_page page )
@@ -92,6 +95,8 @@ static bool menu_slider( ui_rect inout_panel, bool select, const char *label,
          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] };
@@ -154,7 +159,15 @@ static bool menu_button( ui_rect inout_panel, bool select, const char *text )
    }
 
    ui_text( rect, text, 1, k_ui_align_middle_center, 0 );
-   return state == k_ui_button_click;
+
+   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, 
@@ -208,18 +221,23 @@ static bool menu_checkbox( ui_rect inout_panel, bool select,
       ui_outline( box, 1, select? GUI_COL_HI: GUI_COL_NORM, 0 );
    }
 
-   bool changed = (state == k_ui_button_click);
-
    if( *data )
    {
       ui_rect_pad( box, (ui_px[2]){8,8} );
       ui_fill( box, GUI_COL_HI );
    }
 
-   return changed;
+   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 )
+static void menu_heading( ui_rect inout_panel, const char *label, u32 colour )
 {
    ui_rect rect;
    menu_standard_widget( inout_panel, rect, 1 );
@@ -239,10 +257,63 @@ static void menu_heading( ui_rect inout_panel, const char *label )
    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, 
+   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 ) )
@@ -257,16 +328,45 @@ void menu_gui(void)
    if( skaterift.activity != k_skaterift_menu ) 
       return;
 
+   menu.bg_blur = 1;
+   menu.bg_cam = NULL;
+
    /* 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 ),
+   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;
@@ -274,10 +374,84 @@ void menu_gui(void)
 
    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;
       }
@@ -329,6 +503,85 @@ void menu_gui(void)
 
       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+240 },
+              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 img;
+      ui_split( panel, k_ui_axis_h, 456, 0, img, panel );
+      ui_image( img, menu.prem_tex );
+
+      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 
     * -------------------------------------------------------------------*/
@@ -344,35 +597,19 @@ void menu_gui(void)
       [k_menu_main_guide ] = "Guides"
    };
 
-   /* 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 );
-
-   if( menu.repeater > 0.0f )
+   if( mtab )
    {
-      menu.repeater -= vg_minf( vg.time_frame_delta, 0.5f );
-   }
-   else
-   {
-      if( lb_down != rb_down )
-      {
-         menu.main_index += rb_down;
-         menu.main_index -= lb_down;
-         menu.repeater += 0.2f;
+      menu.main_index += mtab;
 
-         if( menu.main_index == -1 )
-            menu.main_index ++;
+      if( menu.main_index == -1 )
+         menu.main_index ++;
 
-         if( menu.main_index == vg_list_size(opts) )
-            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;
@@ -446,6 +683,7 @@ void menu_gui(void)
 
    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 };
 
@@ -461,12 +699,13 @@ void menu_gui(void)
       vg_strnull( &str, buf, sizeof(buf) );
       vg_strcat( &str, "Hub World" );
       
-      if( world_static.active_instance &&
-            (vg_input.display_input_method == k_input_method_controller) )
+      if( world_static.active_instance )
       {
          vg_strcat( &str, " (" );
          vg_input_string( &str, input_button_list[k_srbind_mhub], 1 );
-         vg_strcat( &str, ")" );
+         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,
@@ -493,7 +732,9 @@ void menu_gui(void)
          {
             vg_strcat( &str, " (" );
             vg_input_string( &str, input_button_list[k_srbind_mhub], 1 );
-            vg_strcat( &str, ")" );
+            vg_strcatch( &str, '\x06' );
+            vg_strcatch( &str, '\x00' );
+            vg_strcat( &str, "\x1B[0m)" );
          }
 
          vs = ui_fill( (ui_rect){ x,y, 1000,height }, 
@@ -516,11 +757,128 @@ void menu_gui(void)
          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;
       }
@@ -530,37 +888,26 @@ void menu_gui(void)
       rect_copy( list0, list );
       ui_rect_pad( list, (ui_px[2]){8,8} );
 
-      i32 *row = (i32 *[])
-      {
-         [k_menu_main_main] = &menu.main_row,
-         [k_menu_main_settings] = &menu.settings_row,
-         [k_menu_main_guide] = &menu.guides_row
-      }
-      [ menu.main_index ];
-
-      if( mv < 0 ) *row = (*row) +1;
-      if( mv > 0 ) *row = vg_max( 0, (*row) -1 );
-
       /*                              MAIN / MAIN
        * -------------------------------------------------------------------*/
 
       if( menu.main_index == k_menu_main_main )
       {
-         *row = vg_min( 2, *row );
+         i32 R = menu_nav( &menu.main_row, mv, 2 );
 
-         if( menu_button( list, *row == 0, "Resume" ) )
+         if( menu_button( list, R == 0, "Resume" ) )
          {
             skaterift.activity = k_skaterift_default;
             return;
          }
 
-         if( menu_button( list, *row == 1, "Credits" ) )
+         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, *row == 2, "Quit Game" ) )
+         if( menu_button( end, R == 2, "Quit Game" ) )
          {
             vg.window_should_close = 1;
          }
@@ -569,65 +916,156 @@ void menu_gui(void)
       {
          ui_fill( list0, ui_opacity( GUI_COL_DARK, 0.36f ) );
          ui_outline( list0, 1, GUI_COL_NORM, 0 );
-         *row = vg_min( 8, *row );
+         i32 R = menu_nav( &menu.settings_row, mv, 8 );
 
          ui_font_face( &vgf_default_large );
          list[1] -= 8;
-         menu_heading( list, "Game" );
-         menu_checkbox( list, *row == 0, "Show controls overlay",
+         menu_heading( list, "Game", 0 );
+         menu_checkbox( list, R == 0, "Show controls overlay",
                &control_overlay.enabled );
-         menu_checkbox( list, *row == 1, "Auto connect to global server",
+         menu_checkbox( list, R == 1, "Auto connect to global server",
                &network_client.auto_connect );
 
-         menu_heading( list, "Audio/Video" );
-         menu_slider( list, *row == 2, "Volume", 0, 100, 
+         menu_heading( list, "Audio/Video", 0 );
+         menu_slider( list, R == 2, "Volume", 0, 100, 
                       &vg_audio.external_global_volume, "%.f%%" );
-         menu_slider( list, *row == 3, "Resolution", 0, 100,
+         menu_slider( list, R == 3, "Resolution", 0, 100,
                       &k_render_scale, "%.f%%" );
-         menu_checkbox( list, *row == 4, "Motion Blur", &k_blur_effect );
+         menu_checkbox( list, R == 4, "Motion Blur", &k_blur_effect );
 
-         menu_heading( list, "Camera" );
-         menu_slider( list, *row == 5, "Fov", 97, 135,
+         menu_heading( list, "Camera", 0 );
+         menu_slider( list, R == 5, "Fov", 97, 135,
                       &k_fov, "%.1f\xb0" );
-         menu_slider( list, *row == 6, "Cam Height", -0.4f, +1.4f,
+         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, *row == 7, "Invert Y Axis", &k_invert_y );
+         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" );
-         if( menu_button( end, *row == 8, "Open Engine Settings" ) )
+         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 );
-         *row = vg_min( 4, *row );
+         i32 R = menu_nav( &menu.guides_row, mv, 6 );
 
          ui_font_face( &vgf_default_large );
          list[1] -= 8;
-         menu_heading( list, "Controls" );
-         if( menu_button( list, *row == 0, "Skating \xb2" ) )
+         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_button( list, *row == 1, "Tricks \xb2" ) )
+         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" );
-         if( menu_button( list, *row == 2, "Create a Board \xb2" ) )
+         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, *row == 3, "Create a World \xb2" ) )
+         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, *row == 4, "Create a Playermodel \xb2" ) )
+         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" );
          }
       }
    }