oops.js

Logo

Only One-pass Shader

View the Project on GitHub boytchev/oops.js

Performance Tests

This page contains preliminary tests to measure and compare performance of the traditional use of postprocessing effects versus the new approach. Each test renders the scene 1, 2, … 1024 times per frame. A temporal average is calculated every second and the final results are collected after continuous full-screen running for around 20 seconds or more.

Test Gain
1 Two simple effects 20%-28%
2 Three simple effects 40%-56%
3 Four simple shaders 65%-78%

Test №1: Two simple effects

This test merges 2 simple effects (RGBShift and Colorify). Performance is increased by 20%-28% (raw data).

Run: test-1.html

Test №2: Three simple effects

This test merges 3 simple effects (RGBShift, Colorify and BrightnessContrast). Performance is increased by 40%-56% (raw data).

Run: test-2.html

Test №3: Four simple shaders

This test merges 4 simple effects (RGBShift, Film, Vignette and BleachBypass). Performance is increased by 65%-78% (raw data).

Run: test-3.html

Test 4: Two heavy shaders

This test uses 2 heavy shaders (Halftone and Convolution).

(raw data).

Run: test-4.html