How to change Panorama UI - advancedfx/advancedfx GitHub Wiki

This is possible because Valve hid a Panorama UI debugger in the game.

As of CS:GO 10/23/2018 update Panorama Debugger is no longer available.

Modified Panorama files still work via -afxDetourPanorama as expected however.

Related video tutorial:

Edit CS:GO Panorama UI with HLAE - Example: Reduced HUD
https://youtu.be/iEwzpkM4zow
This tutorial first shows the nowadays inaccessible Panorama UI Debugger, but after that shows properly how to edit without it.

How to change Panorama UI

  1. Download latest HLAE (HLAE 2.52.6 or newer)
  2. Add -panorama -afxDetourPanorama to command line in HLAE launcher and make sure you launch in windowed mode (not fullscreen).
  3. Launch CS:GO with HLAE and then exit the game.
  4. Open %APPDATA%\HLAE folder, find panorama.org.zip and unpack it (use latest 7-zip: https://www.7-zip.org/ )
  5. Open the panorama folder (%APPDATA%\HLAE\panorama) select and copy everything.
  6. Go to CS:GO's panorama folder (...\Steam\steamapps\common\Counter-Strike Global Offensive\csgo\panorama) and paste everything that you copied from HLAE's panorama folder.
  7. Delete everything from %APPDATA%\HLAE\panorama except panorama.cfg
  8. Go back to %APPDATA%\HLAE and pack panorama folder with 7zip.
    Right click the folder > 7zip > add to archive...
    Name your archive panorama.my.zip and add x=0 m=Copy cp=20127 tc- cl- cu- tp=2 to parameters line.
    7-zip screenshot Click OK. The .zip file should now be in the %APPDATA%\HLAE folder.
  9. Now open CS:GO with HLAE and load any demo for example.

10) Open console and execute mirv_panorama_toggledebugger command and debugger opens. You can close console now. No longer available as of CS:GO 10/23/2018 update.

11) Just click inspect and you can see the code. (Hint: The inspector / debug overlay opacity can be changed with the @panorama_debug_overlay_opacity console variable (default is 0.8, maybe try 0.1).)

12) Let's make some changes. Use + to open hierarchy tree. Also after you select any element it will be coloured in game, so you can see what's you editing.

I.e. I'm changing "HudSpectator." I want to hide it, then I select it got to the right side and take a look.

You can hold mouse on parameter and it'll show description and possible values. In my case i have to change "visibility" from "visible" to "collapse". And check the result.

Debugger screenshot Result in-game screenshot Basically you can change everything in panorama hud, so make your changes.

13) After you done you have to save everything. Press "Save All Changes" in debugger and close CS:GO.

10a) Despite lacking the Panorama debugger you can still edit the files manually and the changes will appear in game.

  1. So now you changed the HUD :-)

Notes:

  1. You have to keep -panorama -afxDetourPanorama in HLAE's command line. If panorama is not updated, it is sufficient to restart at 9) after you have worked through the list once.
  2. Valve is updating HUD and game, so it will be useful to at least write somewhere what exactly you change in HUD.
    We recommend for advanced users to use a version control system (i.e. GIT, see https://git-scm.com/book/en/v2/Git-Branching-Basic-Branching-and-Merging) locally to re-apply changes faster (do not upload to public repositories, this will get you DMCAed by Valve). Future updates can break your HUD, etc.
    In case of an HUD update delete panorama.my.zip and start at 1) again.

Thanks to Chet Jong for helping with the tutorial.