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

DaniAsh551/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

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 53.1%
  • GLSL 36.9%
  • HTML 10.0%