Skip to content

An example of implementation FidelityFX Super Resolution 1.0 (FSR) by AMD that port to WebGL.

License

Notifications You must be signed in to change notification settings

Hajime-san/web-fsr

Repository files navigation

web-fsr

This repository is an example of implementation FidelityFX Super Resolution 1.0 (FSR) that port to WebGL.
Thanks to original porting that its in ShaderToy.

I thought that the technique could make static video source and streaming clearer, thus I tried to use for upscaling the image of <video> element on HTML.
So I wrote static video example and browser extension to test the result.
Here are some examples.

my guess

From these examples, I think that FSR 1.0 works well when the buffer resource to be denoised, no extreme small resolution and containing high spatial frequencies.
And it appears jagged a little bit on outline of Anime characters as in the picture.

static video

streaming with browser extension

  • original source
    resolution 320 * 240 sm9-original.png 651kb
  • FSR sm9-fsr.png 697kb
  • comparison sm9-comparison.png
  • original source
    resolution 1280 * 720 sm41892494-original.png 1806kb
  • FSR sm41892494-fsr.png 2199kb
  • comparison sm41892494-comparison.png
  • original source
    resolution 1920 * 1080 so41178183-original.png 1347kb
  • FSR so41178183-fsr.png 1734kb
  • comparison so41178183-comparison.png
  • original source
    resolution 1280 * 720 so39952539-original.png 1272kb
  • FSR so39952539-fsr.png 1546kb
  • comparison so39952539-comparison.png

About

An example of implementation FidelityFX Super Resolution 1.0 (FSR) by AMD that port to WebGL.

Resources

License

Stars

Watchers

Forks

Packages