eric/matrix
1
0
Fork 0
mirror of https://github.com/Rezmason/matrix.git synced 2026-04-17 13:59:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

10
js/webgpu/imagePass.js
View File

@@ -6,7 +6,7 @@ const defaultBGURL = "https://upload.wikimedia.org/wikipedia/commons/thumb/0/0a/
const numVerticesPerQuad = 2 * 3;
export default (context, getInputs) => {
const { config, adapter, device, canvasContext } = context;
const { config, device, canvasFormat } = context;
const linearSampler = device.createSampler({
magFilter: "linear",
@@ -23,8 +23,6 @@ export default (context, getInputs) => {
],
};
const presentationFormat = canvasContext.getPreferredFormat(adapter);
let renderPipeline;
let output;
let backgroundTex;
@@ -47,7 +45,7 @@ export default (context, getInputs) => {
entryPoint: "fragMain",
targets: [
{
format: presentationFormat,
format: canvasFormat,
},
],
},
@@ -56,7 +54,7 @@ export default (context, getInputs) => {
const setSize = (width, height) => {
output?.destroy();
output = makePassFBO(device, width, height, presentationFormat);
output = makePassFBO(device, width, height, canvasFormat);
};
const getOutputs = () => ({
@@ -66,7 +64,7 @@ export default (context, getInputs) => {
const execute = (encoder) => {
const inputs = getInputs();
const tex = inputs.primary;
const bloomTex = inputs.primary; // TODO: bloom
const bloomTex = inputs.bloom; // TODO: bloom
const renderBindGroup = makeBindGroup(device, renderPipeline, 0, [linearSampler, tex.createView(), bloomTex.createView(), backgroundTex.createView()]);
renderPassConfig.colorAttachments[0].view = output.createView();
const renderPass = encoder.beginRenderPass(renderPassConfig);