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

Explicitly using rgba8unorm format for rain pass render targets

Browse Source
This commit is contained in:
Rezmason
2021-11-17 18:27:10 -08:00
parent c0bd6945ed
commit b540ef4620
2 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
TODO.txt
View File

@@ -1,7 +1,10 @@
TODO:
WebGPU
Get everything to load properly from gh pages
FF Nightly bugs
What's it warning about?
Why's it crashing?
Try https://github.com/brendan-duncan/wgsl_reflect
Get rid of end pass once it's possible to copy a bgra8unorm to a canvas texture
Switch to rgba32float somehow?
Why isn't this straightforward?

14
js/webgpu/rainPass.js
View File

@@ -29,7 +29,7 @@ const makeConfigBuffer = (device, configUniforms, config, density, gridSize) =>
return makeUniformBuffer(device, configUniforms, configData);
};
export default ({ config, device, timeBuffer, canvasFormat }) => {
export default ({ config, device, timeBuffer }) => {
const { mat4, vec3 } = glMatrix;
const assets = [loadTexture(device, config.glyphTexURL), loadShader(device, "shaders/wgsl/rainPass.wgsl")];
@@ -60,6 +60,10 @@ export default ({ config, device, timeBuffer, canvasFormat }) => {
}
const camera = mat4.create();
// It's handy to have multiple channels, in case we have
// multiple varieties of code, such as downward and upward flowing
const renderFormat = "rgba8unorm";
const linearSampler = device.createSampler({
magFilter: "linear",
minFilter: "linear",
@@ -122,14 +126,14 @@ export default ({ config, device, timeBuffer, canvasFormat }) => {
entryPoint: "fragMain",
targets: [
{
format: canvasFormat,
format: renderFormat,
blend: {
color: additiveBlendComponent,
alpha: additiveBlendComponent,
},
},
{
format: canvasFormat,
format: renderFormat,
blend: {
color: additiveBlendComponent,
alpha: additiveBlendComponent,
@@ -160,10 +164,10 @@ export default ({ config, device, timeBuffer, canvasFormat }) => {
// Update
output?.destroy();
output = makeRenderTarget(device, size, canvasFormat);
output = makeRenderTarget(device, size, renderFormat);
highPassOutput?.destroy();
highPassOutput = makeRenderTarget(device, size, canvasFormat);
highPassOutput = makeRenderTarget(device, size, renderFormat);
return {
primary: output,