32 lines
1.0 KiB
JavaScript
32 lines
1.0 KiB
JavaScript
import { loadImage, loadText, makePassFBO, makePass } from "./utils.js";
|
|
|
|
// Multiplies the rendered rain and bloom by a loaded in image
|
|
|
|
const defaultBGURL = "https://upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Flammarion_Colored.jpg/917px-Flammarion_Colored.jpg";
|
|
|
|
export default ({ regl, config }, inputs) => {
|
|
const output = makePassFBO(regl, config.useHalfFloat);
|
|
const bgURL = "bgURL" in config ? config.bgURL : defaultBGURL;
|
|
const bloomStrength = config.bloomStrength;
|
|
const background = loadImage(regl, bgURL);
|
|
const imagePassFrag = loadText("shaders/glsl/imagePass.frag.glsl");
|
|
const render = regl({
|
|
frag: regl.prop("frag"),
|
|
uniforms: {
|
|
bloomStrength,
|
|
backgroundTex: background.texture,
|
|
tex: inputs.primary,
|
|
bloomTex: inputs.bloom,
|
|
},
|
|
framebuffer: output,
|
|
});
|
|
return makePass(
|
|
{
|
|
primary: output,
|
|
},
|
|
Promise.all([background.loaded, imagePassFrag.loaded]),
|
|
(w, h) => output.resize(w, h),
|
|
() => render({ frag: imagePassFrag.text() })
|
|
);
|
|
};
|