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

Adding support for "resurrecting" volumetric code, which is rendered to a separate channel and can be given separate colors.

Browse Source
This commit is contained in:
Rezmason
2021-09-19 21:48:17 -07:00
parent f17281ab4d
commit 80f5aea2a3
7 changed files with 149 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
js/palettePass.js
View File

@@ -1,5 +1,14 @@
import { extractEntries, make1DTexture, makePassFBO, makePass } from "./utils.js";
const colorToRGB = ([hue, saturation, lightness]) => {
const a = saturation * Math.min(lightness, 1 - lightness);
const f = (n) => {
const k = (n + hue * 12) % 12;
return lightness - a * Math.max(-1, Math.min(k - 3, 9 - k, 1));
};
return [f(0), f(8), f(4)];
};
const makePalette = (regl, entries) => {
const PALETTE_SIZE = 2048;
const paletteColors = Array(PALETTE_SIZE);
@@ -7,7 +16,7 @@ const makePalette = (regl, entries) => {
.slice()
.sort((e1, e2) => e1.at - e2.at)
.map(entry => ({
rgb: entry.rgb,
rgb: colorToRGB(entry.hsl),
arrayIndex: Math.floor(
Math.max(Math.min(1, entry.at), 0) * (PALETTE_SIZE - 1)
)
@@ -73,7 +82,8 @@ export default (regl, config, inputs) => {
}
void main() {
float brightness = texture2D( tex, vUV ).r + texture2D( bloomTex, vUV ).r;
vec4 brightnessRGB = texture2D( tex, vUV ) + texture2D( bloomTex, vUV );
float brightness = brightnessRGB.r + brightnessRGB.g + brightnessRGB.b;
float at = brightness - rand( gl_FragCoord.xy, time ) * ditherMagnitude;
gl_FragColor = texture2D( palette, vec2(at, 0.0)) + vec4(backgroundColor, 0.0);
}