feat(postprocessing)!: replace linearToSRGB with linearToneMapping

Author: jsulpis

lib/playground/src/pages/post-processing/bloom.astro

@@ -3,7 +3,7 @@ import Layout from "../../layouts/Layout.astro";
 ---
 
 <script>
-  import { useWebGLCanvas, loadTexture, bloom, linearToSRGB } from "usegl";
+  import { useWebGLCanvas, loadTexture, bloom, linearToneMapping } from "usegl";
   import { fragment } from "../../shaders/bloom";
   import { incrementRenderCount } from "../../components/renderCount";
 
@@ -17,7 +17,7 @@ import Layout from "../../layouts/Layout.astro";
     //     { colorSpace: "srgb" }
     //   ),
     // },
-    postEffects: [bloom(), linearToSRGB()],
+    postEffects: [bloom(), linearToneMapping()],
   });
 
   onAfterRender(incrementRenderCount);

lib/playground/src/pages/post-processing/tonemapping.astro

@@ -8,14 +8,14 @@ import Layout from "../../layouts/Layout.astro";
     useWebGLCanvas,
     loadTexture,
     acesToneMapping,
+    reinhardToneMapping,
     hableToneMapping,
     neutralToneMapping,
     agxToneMapping,
     cineonToneMapping,
+    linearToneMapping,
   } from "usegl";
   import { incrementRenderCount } from "../../components/renderCount";
-  import { reinhardToneMapping } from "usegl";
-  import { linearToSRGB } from "usegl";
 
   const testShader = /* glsl */ `
 uniform float uExposure;
@@ -68,6 +68,7 @@ void main() {
       uExposure: 1.5,
     },
     postEffects: [
+      // linearToneMapping(),
       // reinhardToneMapping(),
       // acesToneMapping(),
       // cineonToneMapping(),

lib/src/effects/linearToSRGB/index.ts

@@ -0,0 +1,7 @@
+#include "./_common.glsl"
+
+vec3 toneMapping(vec3 color) {
+	return color;
+}
+
+#include "./_main.glsl"

lib/src/effects/linearToSRGB/linearToSRGB.frag

@@ -1,5 +1,6 @@
 import { useEffectPass } from "../../hooks/useEffectPass";
 
+import linearFragment from "./glsl/linear.frag";
 import acesFragment from "./glsl/aces.frag";
 import reinhardFragment from "./glsl/reinhard.frag";
 import hableFragment from "./glsl/hable.frag";
@@ -53,6 +54,10 @@ export function reinhardToneMapping(params: ReinhardToneMappingParams = {}) {
   });
 }
 
+export function linearToneMapping(params: ToneMappingParams = {}) {
+  return createToneMappingPass(linearFragment, params);
+}
+
 export function hableToneMapping(params: ToneMappingParams = {}) {
   return createToneMappingPass(hableFragment, params);
 }

lib/src/effects/toneMapping/glsl/linear.frag

@@ -20,8 +20,8 @@ export { usePingPongFBO } from "./hooks/usePingPongFBO";
 export { useTransformFeedback } from "./hooks/useTransformFeedback";
 
 export { bloom } from "./effects/bloom";
-export { linearToSRGB } from "./effects/linearToSRGB";
 export {
+  linearToneMapping,
   reinhardToneMapping,
   hableToneMapping,
   acesToneMapping,