npm - shaders - Versions diffs - 2.3.67 → 2.3.68 - Mend

shaders 2.3.67 → 2.3.68

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (944) hide show

package/dist/core/{AngularBlur-m_DWR-a1.js → AngularBlur-BBVuS72B.js} RENAMED Viewed

@@ -18,7 +18,7 @@ const componentDefinition = {
 			default: 20,
 			description: "Intensity of the angular blur effect",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,

package/dist/core/{Ascii-CmRuGRU3.js → Ascii-C57qusEP.js} RENAMED Viewed

@@ -120,7 +120,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Character size within each cell (1.0 = optimal size, 0.0 = smallest)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .05,
@@ -133,7 +133,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Brightness curve adjustment. <1 brightens darks (more light characters), >1 darkens midtones (more dark characters). Use to better fit characters to image brightness range.",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .25,
 				max: 3,
 				step: .05,

package/dist/core/{Aurora-NksIvzEl.js → Aurora-LKsAmrmY.js} RENAMED Viewed

@@ -53,7 +53,7 @@ const componentDefinition = {
 			default: 50,
 			description: "Shifts color distribution across the curtain height",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -65,7 +65,7 @@ const componentDefinition = {
 			default: 80,
 			description: "Overall aurora brightness",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -101,7 +101,7 @@ const componentDefinition = {
 			default: 50,
 			description: "How much the curtains undulate",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 200,
 				step: 1,
@@ -113,7 +113,7 @@ const componentDefinition = {
 			default: 20,
 			description: "Density of vertical ray structures",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -125,7 +125,7 @@ const componentDefinition = {
 			default: 120,
 			description: "How tall the aurora extends",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 10,
 				max: 200,
 				step: 1,
@@ -136,7 +136,7 @@ const componentDefinition = {
 		center: {
 			default: {
 				x: .5,
-				y: .5
+				y: 0
 			},
 			transform: transformPosition,
 			description: "Center position of the aurora",
@@ -150,7 +150,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Random seed for variation",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,

package/dist/core/{Beam-CprkmCUE.js → Beam-BkYNheGX.js} RENAMED Viewed

@@ -36,7 +36,7 @@ const componentDefinition = {
 			default: .2,
 			description: "Thickness at the start of the beam",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 2,
 				step: .1,
@@ -48,7 +48,7 @@ const componentDefinition = {
 			default: .2,
 			description: "Thickness at the end of the beam",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 2,
 				step: .1,
@@ -60,7 +60,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Edge softness at the start of the beam",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 50,
 				step: .1,
@@ -72,7 +72,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Edge softness at the end of the beam",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 20,
 				step: .1,

package/dist/core/{Blob-Bbq8XbWa.js → Blob-CWfHiQeb.js} RENAMED Viewed

@@ -55,7 +55,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Softness of the blob edges (combines edge width and transition curve)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -67,7 +67,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Intensity of specular highlight effect",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -125,7 +125,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Animation speed",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 2,
 				step: .1,

package/dist/core/{Blur-DpAOfmjB.js → Blur-BguzqgHU.js} RENAMED Viewed

@@ -10,7 +10,7 @@ const componentDefinition = {
 		default: 50,
 		description: "Intensity of the blur effect",
 		ui: {
-			type: "range",
+			type: ["range", "map"],
 			min: 0,
 			max: 100,
 			step: 1,

package/dist/core/{BrightnessContrast-zL5bGGzg.js → BrightnessContrast-BoR9bi58.js} RENAMED Viewed

@@ -9,7 +9,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Brightness adjustment (-1 to 1)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: -1,
 				max: 1,
 				step: .05,
@@ -21,7 +21,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Contrast adjustment (-1 to 1)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: -1,
 				max: 1,
 				step: .05,

package/dist/core/{Bulge-iv4gvOrb.js → Bulge-B8jPaomW.js} RENAMED Viewed

@@ -26,7 +26,7 @@ const componentDefinition = {
 			default: 1,
 			description: "The intensity of the bulge effect (positive = bulge out, negative = pinch in)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: -1,
 				max: 1,
 				step: .05,
@@ -38,7 +38,7 @@ const componentDefinition = {
 			default: 1,
 			description: "The radius of the bulge effect area",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 5,
 				step: .1,
@@ -50,7 +50,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Controls the smoothness of the transition (0 = hard edge, 1 = very smooth)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .05,

package/dist/core/{CRTScreen-cc_j5lyg.js → CRTScreen-C5v58BPh.js} RENAMED Viewed

@@ -11,7 +11,7 @@ const componentDefinition = {
 			default: 128,
 			description: "Size of individual TV pixels (lower = more pixels)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 8,
 				max: 128,
 				step: 1,
@@ -23,7 +23,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Chromatic aberration amount",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 10,
 				step: .1,
@@ -35,7 +35,7 @@ const componentDefinition = {
 			default: .3,
 			description: "Strength of horizontal scanlines",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -47,7 +47,7 @@ const componentDefinition = {
 			default: 200,
 			description: "Number of scanlines across screen",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 100,
 				max: 800,
 				step: 10,
@@ -56,10 +56,10 @@ const componentDefinition = {
 			}
 		},
 		brightness: {
-			default: 1.1,
+			default: 1,
 			description: "Screen brightness boost",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .5,
 				max: 2,
 				step: .1,
@@ -68,10 +68,10 @@ const componentDefinition = {
 			}
 		},
 		contrast: {
-			default: 1.2,
+			default: 1,
 			description: "Screen contrast enhancement",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .5,
 				max: 2,
 				step: .1,
@@ -83,7 +83,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Strength of corner darkening effect (0 = off)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -95,7 +95,7 @@ const componentDefinition = {
 			default: .5,
 			description: "How far the vignette extends inward (0 = edges only, 1 = reaches center)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .05,

package/dist/core/{ChannelBlur-4f44pSJj.js → ChannelBlur-BAq9PV6G.js} RENAMED Viewed

@@ -11,7 +11,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Blur intensity for red channel",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -23,7 +23,7 @@ const componentDefinition = {
 			default: 20,
 			description: "Blur intensity for green channel",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -35,7 +35,7 @@ const componentDefinition = {
 			default: 40,
 			description: "Blur intensity for blue channel",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,

package/dist/core/{Checkerboard-DgAStqo1.js → Checkerboard-BtVQVtsL.js} RENAMED Viewed

@@ -30,7 +30,7 @@ const componentDefinition = {
 			default: 8,
 			description: "Number of cells along the shortest canvas edge (creates square cells)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 1,
 				max: 50,
 				step: 1,
@@ -42,7 +42,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Smoothness of the transition between colors (0 = hard edges, 1 = very soft)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,

package/dist/core/{ChromaFlow-DfP9ZDg0.js → ChromaFlow-Cq6hDVjX.js} RENAMED Viewed

@@ -69,12 +69,12 @@ const componentDefinition = {
 			}
 		},
 		radius: {
-			default: 1.5,
+			default: 3,
 			description: "Radius of the liquid effect",
 			ui: {
 				type: "range",
 				min: 0,
-				max: 3,
+				max: 5,
 				step: .1,
 				label: "Radius",
 				group: "Effect"

package/dist/core/{ChromaticAberration-VL5tfOeo.js → ChromaticAberration-Ck4Zd3W1.js} RENAMED Viewed

@@ -12,7 +12,7 @@ const componentDefinition = {
 			default: .2,
 			description: "Overall strength of the chromatic aberration effect",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .05,
@@ -25,7 +25,7 @@ const componentDefinition = {
 			transform: transformAngle,
 			description: "Direction of the chromatic aberration in degrees",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 360,
 				step: 1,
@@ -37,7 +37,7 @@ const componentDefinition = {
 			default: -1,
 			description: "Red channel offset multiplier",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: -2,
 				max: 2,
 				step: .1,
@@ -49,7 +49,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Green channel offset multiplier",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: -2,
 				max: 2,
 				step: .1,
@@ -61,7 +61,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Blue channel offset multiplier",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: -2,
 				max: 2,
 				step: .1,

package/dist/core/{Circle-CNU59YUv.js → Circle-DdVVbdgQ.js} RENAMED Viewed

@@ -32,7 +32,7 @@ const componentDefinition = {
 			default: 1,
 			description: "The radius of the circle. A value of one (1) is sets the circle to fit the canvas.",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 2,
 				step: .05,
@@ -44,7 +44,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Edge softness. Lower values like zero (0) are sharp, higher values like one (1) are softer.",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,
@@ -69,7 +69,7 @@ const componentDefinition = {
 			default: 0,
 			description: "The thickness of the stroke outline. Zero (0) means no stroke.",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: .5,
 				step: .01,

package/dist/core/{ConcentricSpin-Dq4fuhxf.js → ConcentricSpin-BQTBqzyV.js} RENAMED Viewed

@@ -14,7 +14,7 @@ const componentDefinition = {
 			default: 20,
 			description: "Maximum rotation angle per ring",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -26,7 +26,7 @@ const componentDefinition = {
 			default: 8,
 			description: "Number of concentric rings",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 1,
 				max: 30,
 				step: 1,
@@ -38,7 +38,7 @@ const componentDefinition = {
 			default: .03,
 			description: "Softness of transitions between rings",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,
@@ -74,7 +74,7 @@ const componentDefinition = {
 			default: .5,
 			description: "How much each ring varies in rotation speed and direction",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,

package/dist/core/{ContourLines-D2KRIOBw.js → ContourLines-yEb5IJ1Y.js} RENAMED Viewed

@@ -19,7 +19,7 @@ const componentDefinition = {
 			default: 5,
 			description: "Number of contour levels",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 2,
 				max: 30,
 				step: 1,
@@ -31,7 +31,7 @@ const componentDefinition = {
 			default: 2,
 			description: "Width of the contour lines in pixels",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .5,
 				max: 5,
 				step: .1,
@@ -55,7 +55,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Contour distribution. <1 clusters in bright, >1 clusters in dark",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .1,
 				max: 2,
 				step: .05,

package/dist/core/{CursorRipples-CG13qsO5.js → CursorRipples-CI8y0So9.js} RENAMED Viewed

@@ -15,7 +15,7 @@ const componentDefinition = {
 			default: 10,
 			description: "Strength of the ripple distortion",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 20,
 				step: .1,
@@ -51,7 +51,7 @@ const componentDefinition = {
 			default: 1,
 			description: "RGB channel separation along ripple edges",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 3,
 				step: .1,

package/dist/core/{DiffuseBlur-CpB0j4XW.js → DiffuseBlur-Qz6vgZgZ.js} RENAMED Viewed

@@ -13,7 +13,7 @@ const componentDefinition = {
 			default: 30,
 			description: "Intensity of the diffuse blur effect",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,

package/dist/core/{Dither-DO8Q9sfQ.js → Dither-Csho-L_O.js} RENAMED Viewed

@@ -75,7 +75,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Luminance threshold for dithering",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,
@@ -87,7 +87,7 @@ const componentDefinition = {
 			default: 1,
 			description: "How much of the luminance range participates in dithering (lower = more solid areas)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,

package/dist/core/{DotGrid-B8bSufr6.js → DotGrid-wOP8tqHX.js} RENAMED Viewed

@@ -31,7 +31,7 @@ const componentDefinition = {
 			default: .3,
 			description: "The size of each dot, zero (0) being invisible, one (1) filled the grid with no gaps",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .05,
@@ -43,7 +43,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Intensity of the twinkle effect (0 = off, 1 = full twinkle)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -52,6 +52,15 @@ const componentDefinition = {
 			}
 		}
 	},
+	mapSampleUVs: (uniforms) => {
+		const aspect = viewportSize.x.div(viewportSize.y);
+		const cellCenterCorrected = floor(vec2(screenUV.x.mul(aspect), screenUV.y.oneMinus()).mul(uniforms.density.uniform)).add(.5).div(uniforms.density.uniform);
+		const cellCenterScreen = vec2(cellCenterCorrected.x.div(aspect), cellCenterCorrected.y.oneMinus());
+		return {
+			dotSize: cellCenterScreen,
+			twinkle: cellCenterScreen
+		};
+	},
 	fragmentNode: ({ uniforms }) => {
 		const uvCoords = screenUV;
 		const density = uniforms.density.uniform;
@@ -64,7 +73,7 @@ const componentDefinition = {
 		const gridUV = correctedUV.mul(density);
 		const centerDistance = length(gridUV.sub(floor(gridUV)).sub(.5));
 		const pixelSize = length(fwidth(correctedUV.mul(density)));
-		const dot$1 = float(1).sub(smoothstep(dotSize.mul(.5), dotSize.mul(.5).add(pixelSize.mul(.5)), centerDistance));
+		const dot$1 = float(1).sub(smoothstep(dotSize.mul(.5).sub(pixelSize.mul(.5)), dotSize.mul(.5), centerDistance));
 		const gridPosition = floor(gridUV);
 		const dotPhase = gridPosition.x.mul(12.9898).add(gridPosition.y.mul(78.233)).sin().mul(43758.5453).fract();
 		const twinkleValue = sin(time.mul(2).add(dotPhase.mul(6.28318))).mul(.5).add(.5);

package/dist/core/{Duotone-CyTYB0rJ.js → Duotone-haec3FrU.js} RENAMED Viewed

@@ -33,7 +33,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Blend point between the two colors",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,

package/dist/core/{FilmGrain-BxtaYExl.js → FilmGrain-BVDkgA2W.js} RENAMED Viewed

@@ -8,7 +8,7 @@ const componentDefinition = {
 		default: .5,
 		description: "Intensity of the film grain noise",
 		ui: {
-			type: "range",
+			type: ["range", "map"],
 			min: 0,
 			max: 1,
 			step: .1,

package/dist/core/{FloatingParticles-CtrWM2rw.js → FloatingParticles-D6fgcEbH.js} RENAMED Viewed

@@ -30,7 +30,7 @@ const componentDefinition = {
 			default: .25,
 			description: "Randomness of particle animation",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -66,7 +66,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Size of particles",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .1,
 				max: 20,
 				step: .1,
@@ -78,7 +78,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Edge softness of particles (0 = sharp, 1 = very soft)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 5,
 				step: .1,
@@ -90,7 +90,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Intensity of the twinkle effect (0 = off, 1 = full twinkle)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,

package/dist/core/{FlowField-Ynwwfkic.js → FlowField-C2KW9_D1.js} RENAMED Viewed

@@ -14,7 +14,7 @@ const componentDefinition = {
 			default: .15,
 			description: "Intensity of the flow distortion",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: .5,
 				step: .05,
@@ -26,7 +26,7 @@ const componentDefinition = {
 			default: 2,
 			description: "Scale of the flow patterns",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .5,
 				max: 5,
 				step: .1,