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

The stripe pass wasn't properly handling custom colors.

Browse Source
This commit is contained in:
Rezmason
2021-11-11 08:01:43 -08:00
parent 159e205019
commit 9813e76ffb
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
js/webgpu/stripePass.js
View File

@@ -18,7 +18,7 @@ const transPrideStripeColors = [
[1.0, 0.5, 0.8], [1.0, 0.5, 0.8],
[0.3, 1.0, 1.0], [0.3, 1.0, 1.0],
[0.3, 1.0, 1.0], [0.3, 1.0, 1.0],
]; ].flat();
const prideStripeColors = [ const prideStripeColors = [
[1, 0, 0], [1, 0, 0],
@@ -27,7 +27,7 @@ const prideStripeColors = [
[0, 1, 0], [0, 1, 0],
[0, 0, 1], [0, 0, 1],
[0.8, 0, 1], [0.8, 0, 1],
]; ].flat();
const numVerticesPerQuad = 2 * 3; const numVerticesPerQuad = 2 * 3;
@@ -41,13 +41,14 @@ export default (context, getInputs) => {
const { config, device, timeBuffer, canvasFormat } = context; const { config, device, timeBuffer, canvasFormat } = context;
// Expand and convert stripe colors into 1D texture data // Expand and convert stripe colors into 1D texture data
const stripeColors = const input =
"stripeColors" in config ? config.stripeColors.split(",").map(parseFloat) : config.effect === "pride" ? prideStripeColors : transPrideStripeColors; "stripeColors" in config ? config.stripeColors.split(",").map(parseFloat) : config.effect === "pride" ? prideStripeColors : transPrideStripeColors;
const stripeTexture = make1DTexture( const stripeColors = Array(Math.floor(input.length / 3))
device, .fill()
stripeColors.map((color) => [...color, 1]) .map((_, index) => [...input.slice(index * 3, (index + 1) * 3), 1]);
);
const stripeTexture = make1DTexture(device, stripeColors);
const linearSampler = device.createSampler({ const linearSampler = device.createSampler({
magFilter: "linear", magFilter: "linear",