diff --git a/resources/images/helpModal/allianceRequest.webp b/resources/images/helpModal/allianceRequest.webp new file mode 100644 index 0000000000..455da3dc00 Binary files /dev/null and b/resources/images/helpModal/allianceRequest.webp differ diff --git a/resources/images/helpModal/ally.webp b/resources/images/helpModal/ally.webp index a379b24e05..a0e8630f01 100644 Binary files a/resources/images/helpModal/ally.webp and b/resources/images/helpModal/ally.webp differ diff --git a/resources/images/helpModal/crown.webp b/resources/images/helpModal/crown.webp new file mode 100644 index 0000000000..8733399f10 Binary files /dev/null and b/resources/images/helpModal/crown.webp differ diff --git a/resources/images/helpModal/embargo.webp b/resources/images/helpModal/embargo.webp new file mode 100644 index 0000000000..7e869383fe Binary files /dev/null and b/resources/images/helpModal/embargo.webp differ diff --git a/resources/images/helpModal/eventsPanel.webp b/resources/images/helpModal/eventsPanel.webp new file mode 100644 index 0000000000..d7fb116dac Binary files /dev/null and b/resources/images/helpModal/eventsPanel.webp differ diff --git a/resources/images/helpModal/eventsPanelAttack.webp b/resources/images/helpModal/eventsPanelAttack.webp new file mode 100644 index 0000000000..71ec2b6478 Binary files /dev/null and b/resources/images/helpModal/eventsPanelAttack.webp differ diff --git a/resources/images/helpModal/infoMenu.webp b/resources/images/helpModal/infoMenu.webp index f45df27b60..2eab61991d 100644 Binary files a/resources/images/helpModal/infoMenu.webp and b/resources/images/helpModal/infoMenu.webp differ diff --git a/resources/images/helpModal/infoMenuAlly.webp b/resources/images/helpModal/infoMenuAlly.webp index 2839d1599b..360f6314c4 100644 Binary files a/resources/images/helpModal/infoMenuAlly.webp and b/resources/images/helpModal/infoMenuAlly.webp differ diff --git a/resources/images/helpModal/leaderboard.webp b/resources/images/helpModal/leaderboard.webp index dcb486b1c6..2afde33693 100644 Binary files a/resources/images/helpModal/leaderboard.webp and b/resources/images/helpModal/leaderboard.webp differ diff --git a/resources/images/helpModal/number1.webp b/resources/images/helpModal/number1.webp deleted file mode 100644 index 4b50db902c..0000000000 Binary files a/resources/images/helpModal/number1.webp and /dev/null differ diff --git a/resources/images/helpModal/options.webp b/resources/images/helpModal/options.webp index ef2f420134..755147bfcd 100644 Binary files a/resources/images/helpModal/options.webp and b/resources/images/helpModal/options.webp differ diff --git a/resources/images/helpModal/playerInfoOverlay.webp b/resources/images/helpModal/playerInfoOverlay.webp new file mode 100644 index 0000000000..0500feb9ce Binary files /dev/null and b/resources/images/helpModal/playerInfoOverlay.webp differ diff --git a/resources/images/helpModal/radialMenu.webp b/resources/images/helpModal/radialMenu.webp index ae58c5a967..ffbf84e81d 100644 Binary files a/resources/images/helpModal/radialMenu.webp and b/resources/images/helpModal/radialMenu.webp differ diff --git a/resources/images/helpModal/radialMenuAlly.webp b/resources/images/helpModal/radialMenuAlly.webp new file mode 100644 index 0000000000..00e214a537 Binary files /dev/null and b/resources/images/helpModal/radialMenuAlly.webp differ diff --git a/resources/images/helpModal/stopTrading.webp b/resources/images/helpModal/stopTrading.webp new file mode 100644 index 0000000000..3d1e0dcf02 Binary files /dev/null and b/resources/images/helpModal/stopTrading.webp differ diff --git a/resources/images/helpModal/traitor.webp b/resources/images/helpModal/traitor.webp index fe8ad9160e..0602892bc2 100644 Binary files a/resources/images/helpModal/traitor.webp and b/resources/images/helpModal/traitor.webp differ diff --git a/resources/lang/en.json b/resources/lang/en.json index 8c56c68803..0ef2d64d92 100644 --- a/resources/lang/en.json +++ b/resources/lang/en.json @@ -33,50 +33,61 @@ "action_reset_gfx": "Reset graphics", "ui_section": "Game UI", "ui_leaderboard": "Leaderboard", - "ui_leaderboard_desc": "Shows the top players of the game and their names, % owned land and gold.", + "ui_leaderboard_desc": "Shows the top players of the game and their names, % owned land, gold and troops. Using Show All shows all players in the game. If you don't want to see the leaderboard, click Hide.", "ui_control": "Control panel", "ui_control_desc": "The control panel contains the following elements:", "ui_pop": "Pop - The amount of units you have, your max population and the rate at which you gain them.", "ui_gold": "Gold - The amount of gold you have and the rate at which you gain it.", "ui_troops_workers": "Troops and Workers - The amount of allocated troops and workers. Troops are used to attack or defend against attacks. Workers are used to generate gold. You can adjust the number of troops and workers using the slider.", "ui_attack_ratio": "Attack ratio - The amount of troops that will be used when you attack. You can adjust the attack ratio using the slider. Having more attacking troops than defending troops will make you lose fewer troops in the attack, while having less will increase the damage dealt to your attacking troops. The effect doesn't go beyond ratios of 2:1.", + "ui_events": "Event panel", + "ui_events_desc": "The Event panel displays the latest events, requests and Quick Chat messages. Some examples are:", + "ui_events_alliance": "Alliance - Alliance requests can be accepted or rejected. Allies can share resources and troops, but can't attack each other. Clicking Focus moves the view to the player who sent the request.", + "ui_events_attack": "Attacks - Incoming attacks and your outgoing attacks are shown. Click the message to center the view on the attack, nuke or Boat (transport ship). You can retreat troops by clicking the red X button. This will cost the lives of 25% of your attacking troops. If you retrieve a Boat attack, the boat returns to its starting point and will attack there if the land has been captured since. Nukes can't be retreated once launched.", + "ui_events_quickchat": "Quick Chat - You can see sent and recieved chat messages here. Send a message to a player by clicking the Quick Chat icon in their Info menu.", "ui_options": "Options", "ui_options_desc": "The following elements can be found inside:", + "ui_playeroverlay": "Player info overlay", + "ui_playeroverlay_desc": "When you hover over a country, the Player info overlay is displayed under Options. It shows the type of player: Human, Nation (smart bot), or Bot. A Nation's attitude towards you, ranging from Hostile to Friendly. And defending troops, gold, plus the number of Warships and various buildings the player has.", "option_pause": "Pause/Unpause the game - Only available in single player mode.", "option_timer": "Timer - Time passed since the start of the game.", "option_exit": "Exit button.", - "option_settings": "Settings - Open the settings menu. Inside you can toggle the Alternate View, Dark Mode, Emojis and action on left click.", + "option_settings": "Settings - Open the settings menu. Inside you can toggle the Alternate view, Emojis, Dark Mode, Ninja (anonymous/random names mode), and action on left click.", "radial_title": "Radial menu", - "radial_desc": "Right clicking (or touch on mobile) opens the radial menu. From there you can:", - "radial_build": "Open the build menu.", + "radial_desc": "Right clicking (or touch on mobile) opens the Radial menu. Right click outside it to close it. From the menu you can:", + "radial_build": "Open the Build menu.", "radial_info": "Open the Info menu.", - "radial_boat": "Send a boat to attack at the selected location (only available if you have access to water).", + "radial_boat": "Send a Boat (transport ship) to attack at the selected location. Only available if you have access to water.", "radial_close": "Close the menu.", "info_title": "Info menu", - "info_enemy_desc": "Contains information such for the selected player name, gold, troops, and if the player is a traitor.Traitor is a player who betrayed and attacked a player who was in an alliance with them. The icons below represent the following interactions:", + "info_enemy_desc": "Contains information such as the selected player's name, gold, troops, stopped trading with you, nukes sent to you, and if the player is a traitor. Stopped trading means you won't receive gold from them and they won't sent you gold via trade ships. Manually (if the player clicked \"Stop trading\", which lasts until you both click \"Start trading\") or automatically (if you betrayed your alliance, which lasts until you become allies again or after 5 minutes). Traitor displays Yes for 30 seconds when the player betrayed and attacked a player who was in an alliance with them. The icons below represent the following interactions:", + "info_chat": "Send a quick chat message to the player. Select a Category, a Phrase, and if the phrase contains [P1] select a Player name to replace it with. Hit Send.", "info_target": "Place a target mark on the player, marking it for all allies, used to coordinate attacks.", "info_alliance": "Send an alliance request to the player. Allies can share resources and troops, but can't attack each other.", "info_emoji": "Send an emoji to the player.", + "info_trade": "Use \"Stop trading\" to stop giving the player gold and receiving their gold via trade ships. If you both click \"Start trading\" it will start again.", "info_ally_panel": "Ally info panel", "info_ally_desc": "When you ally with a player, the following new icons become available:", - "ally_betray": "Betray your ally, ending the alliance. You will now have a permanent icon stuck next to your name, unless the other nation was a traitor themselves. Attacks against you will incur less losses for the attacker until the end of the game, bots are less likely to ally with you and players will think twice before doing so.", + "ally_betray": "Betray your ally, ending the alliance, halting trade, and weakening your defense. Trading between you is paused for 5 minutes (or until you become allies again) and others may stop trading too. And unless the other player was a traitor themselves, you'll be marked a traitor for 30 seconds. During this time an icon will be above your name and you will have a 50% defense debuff. Bots are less likely to ally with you and players will think twice before doing so.", "ally_donate": "Donate some of your troops to your ally. Used when they're low on troops and are being attacked, or when they need that extra power to crush an enemy.", + "ally_donate_gold": "Donate some of your gold to your ally. Used when they're low on gold and need it for buildings, or when your team member is saving for that MIRV.", "build_menu_title": "Build menu", + "build_menu_desc": "Build these or see how many of each you already build:", "build_name": "Name", "build_icon": "Icon", "build_desc": "Description", "build_city": "City", "build_city_desc": "Increases your max population. Useful when you can't expand your territory or you're about to hit your population limit.", "build_defense": "Defense Post", - "build_defense_desc": "Increases defenses around nearby borders. Attacks from enemies are slower and have more casualties.", + "build_defense_desc": "Increases defenses around nearby borders, which show a checkered pattern. Attacks from enemies are slower and have more casualties.", "build_port": "Port", - "build_port_desc": "Automatically sends trade ships between ports of your country and other countries (except if you clicked \"stop trade\" on them or they clicked \"stop trade on you\"), giving gold to both sides. Allows building Battleships. Can only be built near water.", + "build_port_desc": "Can only be built near water. Allows building Warships. Automatically sends trade ships between ports of your country and other countries (except when trade is stopped), giving gold to both sides. Trade stops automatically when you attack or are attacked by a player. It resumes after 5 minutes or if you become allies. You can manually toggle trading with \"Stop trading\" or \"Start trading\".", "build_warship": "Warship", - "build_warship_desc": "Patrols in an area, capturing trade ships and destroying enemy Warships and Boats. Spawns from the nearest Port and patrols the area you first clicked to build it. You can control Warships by attack-clicking on them and then attack-clicking the new area you want them to move to.", + "build_warship_desc": "Patrols in an area, capturing enemy trade ships and destroying their Boats (transport ships) and Warships. Spawns from the nearest Port and patrols the area you first clicked to build it. You can control Warships by attack-clicking on them (see action Attack under Hotkeys) and then attack-clicking the new area you want them to move to.", "build_silo": "Missile Silo", "build_silo_desc": "Allows launching missiles.", "build_sam": "SAM Launcher", - "build_sam_desc": "Has a 75% chance to intercept enemy missiles in its 100 pixel range. The SAM has a 7.5 second cooldown and cannot intercept MIRVs.", + "build_sam_desc": "Can intercept enemy missiles in its 100 pixel range. With a 100% hit chance for Atom Bomb, 80% for Hydrogen Bomb and 50% for individual MIRV Warheads. The SAM has a 7.5 second cooldown.", "build_atom": "Atom Bomb", "build_atom_desc": "Small explosive bomb that destroys territory, buildings, ships and boats. Spawns from the nearest Missile Silo and lands in the area you first clicked to build it.", "build_hydrogen": "Hydrogen Bomb", @@ -85,9 +96,11 @@ "build_mirv_desc": "The most powerful bomb in the game. Splits up into smaller bombs that will cover a huge range of territory. Only damages the player that you first clicked on to build it. Spawns from the nearest Missile Silo and lands in the area you first clicked to build it.", "player_icons": "Player icons", "icon_desc": "Examples of some of the ingame icons you will encounter and what they mean:", - "icon_crown": "Crown - This is the number 1 player in the leaderboard", - "icon_traitor": "Crossed swords - Traitor. This player attacked an ally.", + "icon_crown": "Crown - Number 1. This is the top player in the leaderboard.", + "icon_traitor": "Broken shield - Traitor. This player attacked an ally.", "icon_ally": "Handshake - Ally. This player is your ally.", + "icon_embargo": "Dollar stop sign - Embargo. This player has stopped trading with you automatically or manually.", + "icon_request": "Envelope - Alliance request. This player has sent you an alliance request.", "info_enemy_panel": "Enemy info panel" }, "single_modal": { @@ -328,7 +341,7 @@ "missile_silo": "Used to launch nukes", "sam_launcher": "Defends against incoming nukes", "warship": "Captures trade ships, destroys ships and boats", - "port": "Sends trade ships to allies to generate gold", + "port": "Sends trade ships to generate gold", "defense_post": "Increase defenses of nearby borders", "city": "Increase max population" }, @@ -387,7 +400,7 @@ "gold": "Gold", "troops": "Troops", "traitor": "Traitor", - "embargo": "Embargo against you", + "embargo": "Stopped trading with you", "nuke": "Nukes sent by them to you", "start_trade": "Start trading", "stop_trade": "Stop trading", diff --git a/src/client/HelpModal.ts b/src/client/HelpModal.ts index 3fb41cc970..b468a5ddcd 100644 --- a/src/client/HelpModal.ts +++ b/src/client/HelpModal.ts @@ -86,7 +86,10 @@ export class HelpModal extends LitElement { ${translateText("help_modal.action_zoom")} - W A S D + + W A + S D + ${translateText("help_modal.action_move_camera")} @@ -112,7 +115,9 @@ export class HelpModal extends LitElement { ${translateText("help_modal.action_ratio_change")} - ALT + R + + ALT + R + ${translateText("help_modal.action_reset_gfx")} @@ -126,13 +131,14 @@ export class HelpModal extends LitElement {
-
+
${translateText("help_modal.ui_leaderboard")}
Leaderboard
@@ -144,13 +150,14 @@ export class HelpModal extends LitElement {
-
+
${translateText("help_modal.ui_control")}
Control panel
@@ -172,13 +179,52 @@ export class HelpModal extends LitElement {
-
+
+ ${translateText("help_modal.ui_events")} +
+
+ Event panel + Event panel +
+
+
+

${translateText("help_modal.ui_events_desc")}

+
    +
  • + ${translateText("help_modal.ui_events_alliance")} +
    • +
  • + ${translateText("help_modal.ui_events_attack")} +
    • +
  • + ${translateText("help_modal.ui_events_quickchat")} +
    • +
+
+
+ +
+ +
+
+
${translateText("help_modal.ui_options")}
Options
@@ -196,18 +242,46 @@ export class HelpModal extends LitElement {
-
+
+
+
+ ${translateText("help_modal.ui_playeroverlay")} +
+ Player info overlay +
+
+

+ ${translateText("help_modal.ui_playeroverlay_desc")} +

+
+
+ +
+ +
${translateText("help_modal.radial_title")}
- Radial menu +
+ Radial menu + Radial menu ally +

${translateText("help_modal.radial_desc")}

    @@ -228,8 +302,12 @@ export class HelpModal extends LitElement { ${translateText("help_modal.radial_boat")}
  • -
    - ${translateText("help_modal.radial_close")} +
    + ${translateText("help_modal.info_alliance")} +
    • +
  • +
    + ${translateText("help_modal.ally_betray")}
@@ -238,24 +316,29 @@ export class HelpModal extends LitElement {
-
+
${translateText("help_modal.info_title")}
-
-
- +
+
+
${translateText("help_modal.info_enemy_panel")}
Enemy info panel

${translateText("help_modal.info_enemy_desc")}

    +
  • +
    + ${translateText("help_modal.info_chat")} +
  • ${translateText("help_modal.info_target")} @@ -264,10 +347,16 @@ export class HelpModal extends LitElement {
    ${translateText("help_modal.info_alliance")}
    • -
  • +
  • ${translateText("help_modal.info_emoji")}
    • +
  • +
    + +
    + ${translateText("help_modal.info_trade")} +
@@ -276,13 +365,14 @@ export class HelpModal extends LitElement {
-
+
${translateText("help_modal.info_ally_panel")}
Ally info panel
@@ -296,6 +386,10 @@ export class HelpModal extends LitElement { ${translateText("help_modal.ally_donate")} +
  • + + ${translateText("help_modal.ally_donate_gold")} +
    • @@ -307,6 +401,7 @@ export class HelpModal extends LitElement {
    ${translateText("help_modal.build_menu_title")}
    +

    ${translateText("help_modal.build_menu_desc")}

    @@ -368,38 +463,92 @@ export class HelpModal extends LitElement {
    -
    +
    ${translateText("help_modal.player_icons")}
    -

    ${translateText("help_modal.icon_desc")}

    -
    -
    -
    +

    ${translateText("help_modal.icon_desc")}

    + +
    +
    +
    ${translateText("help_modal.icon_crown")}
    Number 1 player
    -
    -
    +
    +
    ${translateText("help_modal.icon_traitor")}
    Traitor
    -
    -
    +
    +
    ${translateText("help_modal.icon_ally")}
    - Ally + Ally +
    +
    + +
    +
    +
    + ${translateText("help_modal.icon_embargo")} +
    + Stopped trading +
    + +
    +
    + ${translateText("help_modal.icon_request")} +
    + Alliance Request
    diff --git a/src/client/styles.css b/src/client/styles.css index 87602d090d..32da93e41c 100644 --- a/src/client/styles.css +++ b/src/client/styles.css @@ -309,11 +309,6 @@ label.option-card:hover { background: rgba(74, 158, 255, 0.1); } -.radial-menu-image { - width: 211px; - height: 200px; -} - #helpModal table { border-collapse: collapse; } @@ -333,6 +328,28 @@ label.option-card:hover { text-align: center; } +#helpModal .default-image { + width: 12rem; + max-width: 12rem; + height: auto; + object-fit: contain; + display: block; +} + +#helpModal .info-panel-img { + width: 12rem; + max-width: 12rem; + height: auto; + object-fit: contain; + display: block; +} + +#helpModal .player-icon-img { + width: 14rem; + height: 14rem; + object-fit: contain; +} + #helpModal .icon { background-color: white; width: 32px; @@ -380,6 +397,10 @@ label.option-card:hover { mask: url("../../resources/images/MIRVIcon.svg") no-repeat center / cover; } +#helpModal .chat-icon { + mask: url("../../resources/images/ChatIconWhite.svg") no-repeat center / cover; +} + #helpModal .target-icon { mask: url("../../resources/images/TargetIcon.svg") no-repeat center / cover; } @@ -404,6 +425,11 @@ label.option-card:hover { center / cover; } +#helpModal .donate-gold-icon { + mask: url("../../resources/images/DonateGoldIconWhite.svg") no-repeat center / + cover; +} + #helpModal .build-icon { mask: url("../../resources/images/BuildIconWhite.svg") no-repeat center / cover;