Moved the makePyramid and resizePyramid methods from the regl solution's util module to bloomPass.

Adding the canvas context's preferred format to the shared pass context (named "canvasFormat").
Added a placeholder bloomPass, which the existing passes now receive input from.
This commit is contained in:
Rezmason
2021-11-09 20:06:59 -08:00
parent f0f422e933
commit f4130013f4
9 changed files with 163 additions and 59 deletions

View File

@@ -32,7 +32,7 @@ const makeConfigBuffer = (device, configUniforms, config, density, gridSize) =>
};
export default (context, getInputs) => {
const { config, adapter, device, canvasContext, timeBuffer } = context;
const { config, device, timeBuffer, canvasFormat } = context;
const assets = [loadTexture(device, config.glyphTexURL), loadShader(device, "shaders/wgsl/rainPass.wgsl")];
@@ -82,8 +82,6 @@ export default (context, getInputs) => {
],
};
const presentationFormat = canvasContext.getPreferredFormat(adapter);
let configBuffer;
let sceneUniforms;
let sceneBuffer;
@@ -126,14 +124,14 @@ export default (context, getInputs) => {
entryPoint: "fragMain",
targets: [
{
format: presentationFormat,
format: canvasFormat,
blend: {
color: additiveBlendComponent,
alpha: additiveBlendComponent,
},
},
{
format: presentationFormat,
format: canvasFormat,
blend: {
color: additiveBlendComponent,
alpha: additiveBlendComponent,
@@ -164,10 +162,10 @@ export default (context, getInputs) => {
// Update
output?.destroy();
output = makePassFBO(device, width, height, presentationFormat);
output = makePassFBO(device, width, height, canvasFormat);
highPassOutput?.destroy();
highPassOutput = makePassFBO(device, width, height, presentationFormat);
highPassOutput = makePassFBO(device, width, height, canvasFormat);
};
const getOutputs = () => ({