16 votes

Emulate a CRT screen with ReShade for your pixel-based games

Why?

In recent years, there has been a bit of a nostalgia boom for older CRT displays, sort of in the same vein as vinyls over CDs and digital music, and people have been rediscovering the technology.

But something else that people have been rediscovering is that many older titles, from the NES all the way up to the PS2 era, were designed for CRT screens specifically. So much so that the graphical artistry can change entirely! A Twitter account called CRT Pixels has been documenting the difference across many games and the differences can be dramatic. Where LCD screens show each pixel exactly, the nature of CRT displays meant colours shifted and blended into each other and game artists of the time knew, tested for, and took advantage of this to create some amazing visuals.

Sometimes you get the proper colours.

Sometimes you get proper texture detail out of the image.

Sometimes the background details come together and you see what it really was supposed to look like.

Sometimes you'll see the characters actually have expressions on their faces.

Sometimes you get the proper image entirely.

Even in early 3D games, you'll see some pretty significant differences.

Of course, it's not always good but such is the tradeoff. CRTs were blurry by nature and smaller objects will always look less crisp and clear than clean pixel representation. Ultimately it's all a matter of preference. But that doesn't mean trying it out to see if you like it or not should be difficult.

Many emulators come with CRT emulating shaders built-in and support additional ones. But what about native PC games? We've seen a plethora of 2D indie games over the last decade, many going after the older nostalgic styles. Why not try them through a CRT filter and see if they hit that nostalgia button even harder?

I've noticed that a lot of pixel-like or "low-res" indie games look pretty sharp. Too sharp. I wondered what it would be like if they were displayed on CRTs and, through this emulation method, I've come to really prefer it for the majority of pixel graphic games out there. Even games that are going after this new trend of PS1/N64 era graphics like DUSK seem to benefit some from it!

Tools

There are only two things you need to get started on Windows:

Linux

Unfortunately I'm not able to offer much by way of help to Linux users but from what I gathered this is also possible. It will take a little more elbow grease to get Linux's equivalent of ReShade going.

If you're on Linux, you can use vkBasalt instead of Reshade. It's a ground-up post-processing solution like Reshade made for Linux that is mostly compatible with Reshade shaders. I'm not able to test this myself so I can't offer any guidance on setting it up with this particular CRT filter directly. There are some guides involving this, MangoHUD, and GOverlay on reddit's r/linux_gaming that go into more detail on installing this solution.

Setting it up

It's pretty easy! The basic gist is that you will be adding a few files and folders to your game installation folder. I've gone into a lot of detail in these steps but once you go through them, you'll see it's pretty simple. You'll be able to apply it to a new game in less than a minute!

ReShade is not a program you install on your computer! Instead that .exe file is an automated tool that will place the necessary .dll, .ini, and shader files into your game installation.

  1. Open ReShade and click on the big button that says "Click here to select a game and manage its Reshade installation"
  2. You will see a list of applications installed on your computer. Select your desired game and click "Use selected application", or use "Browse" and manually navigate to the game's .exe file. I recommend going for Browse immediately, this list can take forever to finish loading.
  3. On the next screen, it will ask you what rendering API the game uses between DirectX 9, 10/11/12, OpenGL, or Vulkan. Select the proper one. If you are unsure, check PCGamingWiki, you will find it near the end of any game's page under "Other information".
  4. The final screen will ask you which effect packages you'd like to install. ReShade supports all kinds of postprocessing effects but we won't worry about any of them. Install only the Standard effects so that we get some basic support. Once you hit OK, you're all done with ReShade.
  5. Navigate to your game's folder and you will see that ReShade has added a few files (dxgi.dll, dxgi.log, ReShade.ini) and a new folder (reshade-shaders).
  6. Open the .zip you downloaded from the CRT Royale GitHub page and drag the reshade-shaders folder inside that archive into your game installation folder. The files will move and nothing should be overwritten.
  7. When you launch the game, you should see a notice at the top that Reshade is running. Press Home to bring up the ReShade menu. You'll see a prompt to view a Tutorial to using it. Try it if you like! Otherwise, we can skip it for now. You will then see a list of installed effects (.fx files). Enable CRT_Royale, and it will load immediately.

You're basically done now! The filter will load with its stock settings. Of course, depending on your hardware and personal preferences, you may need to adjust the settings that pop up in the lower portion of the ReShade panel there.

One thing that you may need to address immediately is a severe shake to the screen. This is caused by the Interlacing setting running on a high resolution input on a modern LCD screen. Interlacing is a key part of what gives CRT screens the look they have so disabling it is not my recommendation. Instead, we offset the shake with its options. To stop the shake, increase the Scanline Blend Strength. On my monitor, the shake is quite severe so I set this to a maximum 1.0, and then adjust the Scanline Blend Gamma up to 0.95 to counter the slight darkening this introduces.

Configuring the CRT filter

These instructions are specific to CRT Royale. I chose to use CRT Royale as it is perhaps the most feature-filled CRT emulating shader out there, and is generally the most flexible. There are many other CRT shaders out there that may serve your particular purposes or desires better, especially if you want to recreate certain artifacts from NTSC or PAL signals.

In that last screenshot, you'll see all of the main factors to configure.

Generally, the stock configuration is pretty good! The vast majority of changes you can make are to your own personal preference or even memory of what CRTs were like. You can hover almost all the settings bars to get a good description of what part of the CRT technology the setting emulates.

Here's a selection of the options that you may want to consider playing around with:

  • Mask Sample Mode: Choose between Lanczos or Point. This is entirely preferential and can change game by game!
  • Mask Size Param: This is effectively the resolution of the CRT display. You can choose between Triad Width or Number of Triads Across, corresponding to the following two settings. If you want a higher resolution screen, or are going after a specific look, try adjusting these settings.
  • CRT Gamma or LCD Gamma: Feel free to adjust these if you find the CRT filter makes the game too dark for your liking.
  • Halation: This adjusts the emulation how inaccurate the phosphors of a CRT could be! Trying to go after a cheap, busted display from your youth where colours were unsaturated as all heck? Here's the option to get that effect!
  • Diffusion: The refraction effect of the glass on CRT displays. Having none basically means you can see all the triads of the CRT technology, the refraction is part of what gives CRTs there "warm" look.
  • Geom mode: The screen shape! Was your CRT curved? Flat? Maybe you had the Trinitron cylinder style? This will adjust the display to emulate the effect of playing on differently shaped CRT screens. The next few options under it give you the ability to tweak this further, if desired.
  • Border size: The size of the black borders around the screen. I turn this off, this was always my least favourite thing about CRT screens but if you're trying to introduce and adjust that CRT style screen border, use this and the next few settings.

That's it

And that's all you need to try it out, really! I recommend giving it a shot to see if it works for you. It can take a few minutes but if you're like me and find some 2D games look a bit too sharp, the colours don't transition very well, or that the foreground objects stick out a little too obviously then the CRT filter might help it out.

I made a quick album using another 2D pixel graphics game called Blasphemous using the CRT filter. It was the game that finally inspired me to try this out and I think it fits the aesthetic of the game so much better. Things look that much gloomier and contrasted, and the softness added to characters and environments help them seem a bit less "video gamey" to me. Keep in mind that the CRT emulation effect looks a bit odd in still images as it's an effect that is in a constant state of flux.

3 comments

  1. [2]
    kfwyre
    (edited )
    Link
    This is an awesome post, TheJorro. We can't yet mark topics exemplary but know that if I could, I would for this one! I love this Vagrant Story example in particular because the game is so ugly by...

    This is an awesome post, TheJorro. We can't yet mark topics exemplary but know that if I could, I would for this one!

    I love this Vagrant Story example in particular because the game is so ugly by modern standards (the second comparison isn't really fair as the emulator is clearly doing something significant to improve the original image). At the time of release the game was breathtaking visually, but modern screens and emulation upscaling seem to bring out all of its flaws -- even moreso than most other PS1 games. I tried emulating it recently and it was very visually rough. Looks like I could have benefitted from adding a shader!

    I do think that for some of the games I'm primed to like the non-shaded version better than the CRT version, and I can't help but wonder if that's because I've played so many pixel-art indie games that don't have the CRT-style that I'm just accustomed to it. The examples you chose really do show a pretty drastic benefit though, and the stuff from Blasphemous has a distinctly different and richer atmosphere (I noticed the same effect in the Metroid example).


    EDIT: Also worth mentioning: for anyone who wants to try out CRT-Royale with emulated games, it's built into RetroArch which is a multi-system emulation platform that runs most of the major old-school consoles out there.

    4 votes
    1. TheJorro
      Link Parent
      It's emulating at a much higher resolution than the game on consoles. Not really a fair comparison in isolation indeed, it was part of his Vagrant Story series to show when emulating with some...

      I love this Vagrant Story example in particular because the game is so ugly by modern standards (the second comparison isn't really fair as the emulator is clearly doing something significant to improve the original image).

      It's emulating at a much higher resolution than the game on consoles. Not really a fair comparison in isolation indeed, it was part of his Vagrant Story series to show when emulating with some other features would have better results than tossing a CRT filter on top would. The expression one was shown alongside it to show how the artists seemed to account for CRT tech when drawing the characters' faces in the game. It was the only example I could find where the CRT image had clear drawbacks in my quick search for examples across that Twitter account—I didn't want to accidentally suggest that putting a CRT filter on was universally a better choice but that there are tradeoffs.

      I do think that for some of the games I'm primed to like the non-shaded version better than the CRT version, and I can't help but wonder if that's because I've played so many pixel-art indie games that don't have the CRT-style that I'm just accustomed to it.

      I've only started trying this recently myself after years of pixel art indie games. I never enjoyed the old scanline CRT emulators of old so I had never even thought to try but then when I saw the examples in this Twitter account recently, and then started Blasphemous recently, I started wondering. The sharp transition between colours in pixel art graphics always bugged me in a way I couldn't put my finger on until I saw how that translated through CRT filters in the many examples on that Twitter account.

      I was happy to discover that many people had tried their hands at better quality CRT screen emulators over the years (IIRC the CRT Lotte shader, one of the alternatives in that GitHub repo listed above, was actually made by the Nvidia engineer who created FXAA) and ReShade has made adding custom postprocess effects across games extremely simple over the last five years.

      (I noticed the same effect in the Metroid example).

      Funny enough, the other game I applied it to recently was Another Metroid 2 Remake. It really works there as well.

      3 votes
  2. vord
    Link
    For the Linux/Mac folks there's also Cool Retro Term. While not a game, it triggers the nostalgia buttons pretty hard.

    For the Linux/Mac folks there's also Cool Retro Term. While not a game, it triggers the nostalgia buttons pretty hard.

    2 votes