☰

Vols and Jezuzifier for GeoGuessr

Become just like user Vols and Jezuz by using their tweaks and style preferences

当前为 2025-04-24 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Vols and Jezuzifier for GeoGuessr
  3. // @namespace    volsandjezuz
  4. // @version      1.0.5
  5. // @description  Become just like user Vols and Jezuz by using their tweaks and style preferences
  6. // @author       Vols and Jezuz
  7. // @license      MIT
  8. // @match        https://www.geoguessr.com/*
  9. // @grant        GM_addStyle
  10. // @run-at       document-start
  11. // ==/UserScript==
  12.  
  13. /* ------------------------------------ NOTES ------------------------------------
  14.    Each tweak or style change is individually commented below.
  15.    Ones that do not suit your taste can be independently removed or commented out.
  16.  
  17.    Credit to Alien Perfect for many of the CSS alterations.
  18.    I highly recommend also using their 'Faster Minimap (Geoguessr)' userscript.
  19.    However, their 'Better GUI (Geoguessr)' userscript will cause conflicts.
  20.    The CSS alterations of the userscript which runs last will be enforced.
  21.    The order of userscript execution can be changed in your userscript manager.
  22.    ------------------------------------------------------------------------------- */
  23.  
  24. (function() {
  25.   `use strict`;
  26.  
  27.   GM_addStyle(`
  28.     /* Remove map opening and closing animations for snappier response. */
  29.     [data-qa="guess-map"] {transition:opacity 0s ease,width 0s ease,height 0s ease !important}
  30.  
  31.     /* Make biggest map size a bit wider so that entire map is initially visible without panning. */
  32.     [class*="guess-map_size4__"] {--active-width:80vw !important}
  33.  
  34.     /* Change second biggest map size to default size of biggest map (useful when the wider map blocks signs you want to keep visible while scanning). */
  35.     [class*="guess-map_size3__"] {--active-width:65vw !important}
  36.  
  37.     /* Remove transparent red border that appears when an opponent guesses, which can alter perception of colors near the border. */
  38.     [class*="stress-indicator_container__"] {display:none !important}
  39.  
  40.     /* Make new compass more transparent and slightly alter its color to match other GUI elements. */
  41.     [class*="compassContainer"] {background-color:var(--ds-color-black-60) !important}
  42.  
  43.     /* Hide zoom controls since all scrolling is done with the mouse's scroll wheel. */
  44.     [class*="styles_controlGroup__"] {display:none !important}
  45.     [class*="guess-map_zoomControls__"] {display:none !important}
  46.  
  47.     /* On mouseover, make map pins transparent after a small wait so that map text hidden behind them can be read. */
  48.     [class*="map-pin_mapPin"]:hover {opacity:.15; transition-delay:.4s}
  49.     [class*="map-pin_clickable"]:hover {transition:0s ease; transition-delay:.4s}
  50.  
  51.     /* Add transparency to the GeoGuessr logo that is rendered in the upper left corner in Singleplayer rounds, to match other GUI elements. */
  52.     [class*="game_inGameLogos__"] {opacity:.4 !important}
  53.  
  54.     /* Add transparency to the map status bar that is rendered in the upper right corner in Singleplayer rounds, to match other GUI elements. */
  55.     [class*="slanted-wrapper_start__"] {opacity:.4 !important}
  56.     [class*="slanted-wrapper_end__"] {opacity:.4 !important}
  57.  
  58.     /* Skip the 'Loading location...' animation that briefly plays at the start of each round in Singleplayer. */
  59.     [class*="fullscreen-spinner"] {display:none !important}
  60.   `);
  61.  
  62.   /* Redirect the Duels 'PLAY' button to the old UI (geoguessr.com/matchmaking), which has much better performance. */
  63.   function redirectPlayButton() {
  64.     if (location.pathname !== `/multiplayer`) {
  65.       return;
  66.     }
  67.  
  68.     let b = document.getElementsByClassName(`button_button__aR6_e button_variantPrimary__u3WzI`)[0];
  69.  
  70.     if (b && !b.dataset.clickListenerAdded) {
  71.       b.addEventListener(`click`, function(event) {
  72.         event.preventDefault();
  73.         event.stopImmediatePropagation();
  74.         window.location.href = `https://www.geoguessr.com/matchmaking`;
  75.       }, true);
  76.  
  77.       b.dataset.clickListenerAdded = true;
  78.     }
  79.   }
  80.  
  81.   function startMutationObserver() {
  82.     new MutationObserver(() => {
  83.       redirectPlayButton();
  84.     }).observe(document.body, { childList: true, subtree: true });
  85.  
  86.     redirectPlayButton();
  87.   }
  88.  
  89.   if (document.body) {
  90.     startMutationObserver();
  91.   } else {
  92.     document.addEventListener(`DOMContentLoaded`, () => {
  93.       if (document.body) {
  94.         startMutationObserver();
  95.       }
  96.     }, { once: true });
  97.   }
  98. })();