Added icons

lib/games/expansive_civilian_warfare.rb

@@ -7,9 +7,9 @@ class W3DHub
         set_news_feed "https://w3dhub.com/forum/forum/208-expansive-civilian-warfare.xml"
         set_background_color 0xff_3e5c87
 
-        menu_item(nil, "Game Settings")
+        menu_item("#{GAME_ROOT_PATH}/media/ui_icons/gear.png", "Game Settings")
-        menu_item(nil, "Repair Installation")
+        menu_item("#{GAME_ROOT_PATH}/media/ui_icons/wrench.png", "Repair Installation")
-        menu_item(nil, "Uninstall")
+        menu_item("#{GAME_ROOT_PATH}/media/ui_icons/trashCan.png", "Uninstall")
 
         menu_item(nil, "Install Folder")
         menu_item(nil, "User Data Folder")

lib/games/interim_apex.rb

@@ -7,9 +7,9 @@ class W3DHub
         set_news_feed "https://w3dhub.com/forum/forum/209-interim-apex.xml"
         set_background_color 0xff_034866
 
-        menu_item(nil, "Game Settings")
+        menu_item("#{GAME_ROOT_PATH}/media/ui_icons/gear.png", "Game Settings")
-        menu_item(nil, "Repair Installation")
+        menu_item("#{GAME_ROOT_PATH}/media/ui_icons/wrench.png", "Repair Installation")
-        menu_item(nil, "Uninstall")
+        menu_item("#{GAME_ROOT_PATH}/media/ui_icons/trashCan.png", "Uninstall")
 
         menu_item(nil, "Install Folder")
         menu_item(nil, "User Data Folder")

lib/games/ra_a_path_beyond.rb

@@ -7,9 +7,9 @@ class W3DHub
         set_news_feed "https://w3dhub.com/forum/forum/201-red-alert-a-path-beyond.xml"
         set_background_color 0xff_353535
 
-        menu_item(nil, "Game Settings")
+        menu_item("#{GAME_ROOT_PATH}/media/ui_icons/gear.png", "Game Settings")
-        menu_item(nil, "Repair Installation")
+        menu_item("#{GAME_ROOT_PATH}/media/ui_icons/wrench.png", "Repair Installation")
-        menu_item(nil, "Uninstall")
+        menu_item("#{GAME_ROOT_PATH}/media/ui_icons/trashCan.png", "Uninstall")
 
         menu_item(nil, "Install Folder")
         menu_item(nil, "User Data Folder")

lib/games/renegade.rb

@@ -7,7 +7,7 @@ class W3DHub
         set_news_feed "https://w3dhub.com/forum/forum/231-command-and-conquer-renegade.xml"
         set_background_color 0xff_b03f25
 
-        menu_item(nil, "Game Settings")
+        menu_item("#{GAME_ROOT_PATH}/media/ui_icons/gear.png", "Game Settings")
 
         menu_item(nil, "Install Folder")
         menu_item(nil, "View Screenshots")

lib/games/ts_reborn.rb

@@ -7,9 +7,9 @@ class W3DHub
         set_news_feed "https://w3dhub.com/forum/forum/97-tiberian-sun-reborn.xml"
         set_background_color 0xff_497331
 
-        menu_item(nil, "Game Settings")
+        menu_item("#{GAME_ROOT_PATH}/media/ui_icons/gear.png", "Game Settings")
-        menu_item(nil, "Repair Installation")
+        menu_item("#{GAME_ROOT_PATH}/media/ui_icons/wrench.png", "Repair Installation")
-        menu_item(nil, "Uninstall")
+        menu_item("#{GAME_ROOT_PATH}/media/ui_icons/trashCan.png", "Uninstall")
 
         menu_item(nil, "Install Folder")
         menu_item(nil, "User Data Folder")

lib/states/boot.rb

@@ -11,7 +11,7 @@ class W3DHub
           stack(width: 1.0, height: 0.925) do
           end
 
-          @progressbar = progress height: 0.025, width: 1.0
+          @progressbar = progress height: 0.025, width: 1.0, fraction_background: 0xff_00acff, border_thickness: 0
 
           flow(width: 1.0, height: 0.05, padding_left: 16, padding_right: 16, padding_bottom: 8, padding_top: 8) do
             caption "Checking for updates...", width: 0.5

lib/states/interface.rb

@@ -4,6 +4,8 @@ class W3DHub
       def setup
         window.show_cursor = true
 
+        @focused_game = W3DHub::Game.games.first
+
         @main_thread_queue = []
 
         theme({
@@ -97,19 +99,7 @@ class W3DHub
             # background 0xff_44aa00
 
             # Games List
-            stack(width: 0.15, height: 1.0) do
+            @games_list_container = stack(width: 0.15, height: 1.0) do
-              background 0xff_121920
-
-              W3DHub::Game.games.each do |game|
-                stack(width: 1.0, border_thickness_left: 4, border_color_left: 0xff_000000) do
-                  background game.background_color
-
-                  image game.icon, height: 48
-                  inscription game.name
-                end.subscribe(:clicked_left_mouse_button) do |e|
-                  populate_game_page(game)
-                end
-              end
             end
 
             # Game Menu
@@ -119,6 +109,7 @@ class W3DHub
         end
 
         populate_game_page(W3DHub::Game.games.first)
+        populate_games_list
       end
 
       def update
@@ -129,6 +120,26 @@ class W3DHub
         end
       end
 
+      def populate_games_list
+        @games_list_container.clear do
+          background 0xff_121920
+
+          W3DHub::Game.games.each do |game|
+            selected = game == @focused_game
+
+            stack(width: 1.0, border_thickness_left: 4, border_color_left: selected ? 0xff_00acff : 0x00_000000) do
+              background game.background_color if selected
+
+              image game.icon, height: 48
+              inscription game.name
+            end.subscribe(:clicked_left_mouse_button) do |e|
+              populate_game_page(game)
+              populate_games_list
+            end
+          end
+        end
+      end
+
       def populate_game_page(game)
         @focused_game = game
 

media/ui_icons/license.txt

@@ -0,0 +1,14 @@
+
+###############################################################################
+
+	Game icon pack by Kenney Vleugels (www.kenney.nl)
+
+			------------------------------
+
+			        License (CC0)
+	       http://creativecommons.org/publicdomain/zero/1.0/
+
+	You may use these graphics in personal and commercial projects.
+	Credit (Kenney or www.kenney.nl) would be nice but is not mandatory.
+
+###############################################################################