Expose dither magnitude and bloom strength through URL parameters.

js/regl/palettePass.js

@@ -65,7 +65,7 @@ const makePalette = (regl, entries) => {
 export default ({ regl, config }, inputs) => {
 	const output = makePassFBO(regl, config.useHalfFloat);
 	const palette = makePalette(regl, config.paletteEntries);
-	const { backgroundColor } = config;
+	const { backgroundColor, ditherMagnitude } = config;
 
 	const palettePassFrag = loadText("shaders/glsl/palettePass.frag.glsl");
 
@@ -74,10 +74,10 @@ export default ({ regl, config }, inputs) => {
 
 		uniforms: {
 			backgroundColor,
+			ditherMagnitude,
 			tex: inputs.primary,
 			bloomTex: inputs.bloom,
 			palette,
-			ditherMagnitude: 0.05,
 		},
 		framebuffer: output,
 	});

js/regl/resurrectionPass.js

@@ -10,7 +10,7 @@ import { loadText, make1DTexture, makePassFBO, makePass } from "./utils.js";
 
 export default ({ regl, config }, inputs) => {
 	const output = makePassFBO(regl, config.useHalfFloat);
-	const { backgroundColor } = config;
+	const { backgroundColor, ditherMagnitude } = config;
 	const resurrectionPassFrag = loadText("shaders/glsl/resurrectionPass.frag.glsl");
 
 	const render = regl({
@@ -18,9 +18,9 @@ export default ({ regl, config }, inputs) => {
 
 		uniforms: {
 			backgroundColor,
+			ditherMagnitude,
 			tex: inputs.primary,
 			bloomTex: inputs.bloom,
-			ditherMagnitude: 0.05,
 		},
 		framebuffer: output,
 	});

js/regl/stripePass.js

@@ -31,7 +31,7 @@ const prideStripeColors = [
 export default ({ regl, config }, inputs) => {
 	const output = makePassFBO(regl, config.useHalfFloat);
 
-	const { backgroundColor } = config;
+	const { backgroundColor, ditherMagnitude } = config;
 
 	// Expand and convert stripe colors into 1D texture data
 	const stripeColors =
@@ -49,10 +49,10 @@ export default ({ regl, config }, inputs) => {
 
 		uniforms: {
 			backgroundColor,
+			ditherMagnitude,
 			tex: inputs.primary,
 			bloomTex: inputs.bloom,
 			stripes,
-			ditherMagnitude: 0.05,
 		},
 		framebuffer: output,
 	});