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/{GlassTiles-DR6mVq-O.js → GlassTiles-4nBI82dT.js} RENAMED Viewed

@@ -11,7 +11,7 @@ const componentDefinition = {
 			default: 2,
 			description: "The intensity of the glass tiles effect",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 10,
 				step: .1,
@@ -23,7 +23,7 @@ const componentDefinition = {
 			default: 20,
 			description: "Number of tiles across the longest dimension",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 5,
 				max: 50,
 				step: 1,
@@ -35,7 +35,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Rotation angle of the tile grid in degrees",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 360,
 				step: 1,
@@ -47,7 +47,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Makes tiles more circular instead of square",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,

package/dist/core/{Glitch-D3mDX28q.js → Glitch-DoFQeNTD.js} RENAMED Viewed

@@ -14,7 +14,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Overall glitch strength and frequency of glitch bursts",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,
@@ -38,7 +38,7 @@ const componentDefinition = {
 			default: 5,
 			description: "Amount of chromatic aberration (RGB channel splitting)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 20,
 				step: .5,
@@ -50,7 +50,7 @@ const componentDefinition = {
 			default: 10,
 			description: "Base number of horizontal glitch bands",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 2,
 				max: 50,
 				step: 1,
@@ -62,7 +62,7 @@ const componentDefinition = {
 			default: .2,
 			description: "Intensity of vivid neon color bar overlay in glitch regions",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,
@@ -74,7 +74,7 @@ const componentDefinition = {
 			default: .3,
 			description: "Chance of glitch blocks showing mirrored/flipped content",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,
@@ -86,7 +86,7 @@ const componentDefinition = {
 			default: .2,
 			description: "Visibility of CRT-style horizontal scanlines in distorted areas",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,

package/dist/core/{Glow-CN4IeRq4.js → Glow-CURvWSnB.js} RENAMED Viewed

@@ -11,7 +11,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Glow intensity (brightness of the glow effect)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 10,
 				step: .1,
@@ -23,7 +23,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Brightness threshold for glow extraction (lower = more glow)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -35,7 +35,7 @@ const componentDefinition = {
 			default: 10,
 			description: "Size/spread of the glow effect",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 1,
 				max: 20,
 				step: .1,

package/dist/core/{Godrays-BV94FCDI.js → Godrays-BWEMe4dJ.js} RENAMED Viewed

@@ -24,7 +24,7 @@ const componentDefinition = {
 			default: .3,
 			description: "Frequency of ray sectors",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -36,7 +36,7 @@ const componentDefinition = {
 			default: .8,
 			description: "Ray visibility within sectors",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -48,7 +48,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Density of spots on rays (higher = more spots)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,

package/dist/core/{Grid-Czxa6-My.js → Grid-BwRz6-s5.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { a as transformColor } from "./transformations-B5lM6fYX.js";
-import { fract, fwidth, max, screenUV, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
+import { floor, fract, fwidth, max, screenUV, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {
 	name: "Grid",
 	category: "Textures",
@@ -19,7 +19,7 @@ const componentDefinition = {
 			default: 10,
 			description: "Number of cells along the shortest canvas edge (creates square cells)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 1,
 				max: 50,
 				step: 1,
@@ -31,15 +31,24 @@ const componentDefinition = {
 			default: 1,
 			description: "Thickness of grid lines (normalized, 0.0-1.0)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
-				max: 5,
+				max: 20,
 				step: .1,
 				label: "Thickness",
 				group: "Effect"
 			}
 		}
 	},
+	mapSampleUVs: (uniforms) => {
+		const aspect = viewportSize.x.div(viewportSize.y);
+		const cellCenterCorrected = floor(vec2(screenUV.x.mul(aspect), screenUV.y.oneMinus()).mul(uniforms.cells.uniform)).add(.5).div(uniforms.cells.uniform);
+		const cellCenterScreen = vec2(cellCenterCorrected.x.div(aspect), cellCenterCorrected.y.oneMinus());
+		return {
+			thickness: cellCenterScreen,
+			cells: cellCenterScreen
+		};
+	},
 	fragmentNode: ({ uniforms }) => {
 		const uv$1 = screenUV;
 		const aspect = viewportSize.x.div(viewportSize.y);
@@ -51,7 +60,7 @@ const componentDefinition = {
 		const distToLineX = gridFract.x.min(gridFract.x.oneMinus());
 		const distToLineY = gridFract.y.min(gridFract.y.oneMinus());
 		const pixelSize = fwidth(gridUV);
-		const gridMask = max(smoothstep(lineWidth, lineWidth.add(pixelSize.x), distToLineX).oneMinus(), smoothstep(lineWidth, lineWidth.add(pixelSize.y), distToLineY).oneMinus());
+		const gridMask = max(smoothstep(lineWidth.sub(pixelSize.x), lineWidth, distToLineX).oneMinus(), smoothstep(lineWidth.sub(pixelSize.y), lineWidth, distToLineY).oneMinus());
 		return vec4(uniforms.color.uniform.rgb, uniforms.color.uniform.a.mul(gridMask));
 	}
 };

package/dist/core/{GridDistortion-C_av0CL_.js → GridDistortion-BjfEpWUs.js} RENAMED Viewed

@@ -76,7 +76,7 @@ const componentDefinition = {
 			default: 20,
 			description: "Resolution of the distortion grid (higher = more detailed)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 8,
 				max: 128,
 				step: 1,

package/dist/core/{Halftone-YTJAc3Ie.js → Halftone-DogLm5Sz.js} RENAMED Viewed

@@ -10,7 +10,7 @@ const componentDefinition = {
 			default: 100,
 			description: "Frequency of the halftone dots",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 10,
 				max: 300,
 				step: 1,
@@ -23,7 +23,7 @@ const componentDefinition = {
 			transform: transformAngle,
 			description: "Rotation angle of the pattern (in degrees)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 360,
 				step: 1,
@@ -35,7 +35,7 @@ const componentDefinition = {
 			default: .1,
 			description: "Edge smoothness of the dots",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: .3,
 				step: .1,

package/dist/core/{HueShift-Bf2V6FVR.js → HueShift-CcobQ2yn.js} RENAMED Viewed

@@ -8,7 +8,7 @@ const componentDefinition = {
 		default: 0,
 		description: "The amount to shift the hue by",
 		ui: {
-			type: "range",
+			type: ["range", "map"],
 			min: -180,
 			max: 180,
 			step: 1,

package/dist/core/{Kaleidoscope-BFoudqX3.js → Kaleidoscope-Wq5CGMiP.js} RENAMED Viewed

@@ -26,7 +26,7 @@ const componentDefinition = {
 			default: 6,
 			description: "Number of radial segments in the kaleidoscope",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 2,
 				max: 24,
 				step: 1,
@@ -38,7 +38,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Rotation offset for the entire kaleidoscope pattern",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 360,
 				step: 1,

package/dist/core/{LensFlare-sRuR8OkY.js → LensFlare-BvU6_Rjd.js} RENAMED Viewed

@@ -27,7 +27,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Master brightness of the entire lens flare effect",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 2,
 				step: .01,
@@ -39,7 +39,7 @@ const componentDefinition = {
 			default: .4,
 			description: "Brightness of internal reflection ghost discs along the flare axis",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,
@@ -63,7 +63,7 @@ const componentDefinition = {
 			default: .3,
 			description: "Rainbow chromatic fringing around ghost element edges",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,
@@ -75,7 +75,7 @@ const componentDefinition = {
 			default: .4,
 			description: "Brightness of the circular halo ring from internal reflection",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,
@@ -99,7 +99,7 @@ const componentDefinition = {
 			default: .6,
 			description: "Spectral dispersion on the halo creating rainbow color separation",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,
@@ -111,7 +111,7 @@ const componentDefinition = {
 			default: .8,
 			description: "Thickness and softness of the halo ring",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .01,
 				max: 3,
 				step: .01,
@@ -123,7 +123,7 @@ const componentDefinition = {
 			default: .3,
 			description: "Brightness of diffraction spikes radiating from the light source",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,
@@ -135,7 +135,7 @@ const componentDefinition = {
 			default: 6,
 			description: "Number of starburst spikes (simulates aperture blade count)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 4,
 				max: 16,
 				step: 1,
@@ -147,7 +147,7 @@ const componentDefinition = {
 			default: .15,
 			description: "Brightness of horizontal anamorphic light streak",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,
@@ -159,7 +159,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Horizontal extent of the anamorphic streak",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .1,
 				max: 1,
 				step: .01,
@@ -171,7 +171,7 @@ const componentDefinition = {
 			default: .2,
 			description: "Soft veiling glare that washes out contrast around the light",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,
@@ -183,7 +183,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Size of the soft glare glow",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .1,
 				max: 1,
 				step: .01,
@@ -195,7 +195,7 @@ const componentDefinition = {
 			default: .2,
 			description: "How much the flare fades when the light source is near the screen edge (0 = no fade, 1 = heavy fade)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .01,

package/dist/core/{LinearBlur-BtsleV0J.js → LinearBlur-WcJbCWwj.js} RENAMED Viewed

@@ -18,7 +18,7 @@ const componentDefinition = {
 			default: 30,
 			description: "Intensity of the linear blur effect",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -31,7 +31,7 @@ const componentDefinition = {
 			transform: transformAngle,
 			description: "Direction of the linear blur (in degrees)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 360,
 				step: 1,

package/dist/core/{LinearGradient-HhfaMKwI.js → LinearGradient-CCTJoXKq.js} RENAMED Viewed

@@ -57,7 +57,7 @@ const componentDefinition = {
 			transform: transformAngle,
 			description: "Additional rotation angle of the gradient (in degrees)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 360,
 				step: 1,

package/dist/core/{Mirror-BgbXJY0N.js → Mirror-QfQBv7v_.js} RENAMED Viewed

@@ -26,7 +26,7 @@ const componentDefinition = {
 			default: 0,
 			description: "The angle of the mirror line in degrees",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 360,
 				step: 1,

package/dist/core/{Perspective-BZnZPXEf.js → Perspective-CZiW61kj.js} RENAMED Viewed

@@ -26,7 +26,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Horizontal rotation (left/right)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: -90,
 				max: 90,
 				step: .1,
@@ -38,7 +38,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Vertical rotation (up/down)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: -90,
 				max: 90,
 				step: .1,
@@ -50,7 +50,7 @@ const componentDefinition = {
 			default: 60,
 			description: "Field of view - controls perspective intensity",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 30,
 				max: 120,
 				step: 1,
@@ -62,7 +62,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Zoom in to fill the frame after rotation",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .5,
 				max: 3,
 				step: .1,

package/dist/core/{Pixelate-Bxo1bkqM.js → Pixelate-DCUPU8V-.js} RENAMED Viewed

@@ -10,7 +10,7 @@ const componentDefinition = {
 		default: 50,
 		description: "Number of pixels along the longest edge (higher = smaller pixels)",
 		ui: {
-			type: "range",
+			type: ["range", "map"],
 			min: 1,
 			max: 200,
 			step: 1,

package/dist/core/{Plasma-BfyFnIWL.js → Plasma-CEs9bH1D.js} RENAMED Viewed

@@ -11,7 +11,7 @@ const componentDefinition = {
 			default: 2,
 			description: "Density of the plasma pattern",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 4,
 				step: .1,
@@ -35,7 +35,7 @@ const componentDefinition = {
 			default: 1.5,
 			description: "Brightness and spread of the plasma glow",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .1,
 				max: 3,
 				step: .1,
@@ -59,7 +59,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Push darks darker and lights lighter",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 3,
 				step: .1,
@@ -71,7 +71,7 @@ const componentDefinition = {
 			default: 50,
 			description: "Skew color balance toward A (higher) or B (lower)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,

package/dist/core/{PolarCoordinates-IItXQawD.js → PolarCoordinates-ituaMXaH.js} RENAMED Viewed

@@ -26,7 +26,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Controls how much of the angular range to use (1 = full 360°, 0.5 = 180°)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 2,
 				step: .1,
@@ -38,7 +38,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Controls how much of the radius range to use (affects the radial mapping)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 2,
 				step: .1,
@@ -50,7 +50,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Blends between original UVs (0) and polar coordinates (1)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,

package/dist/core/{Posterize--X9GTtfd.js → Posterize-B_XGPa8l.js} RENAMED Viewed

@@ -8,7 +8,7 @@ const componentDefinition = {
 		default: 5,
 		description: "The intensity of the posterization effect (lower is more posterized)",
 		ui: {
-			type: "range",
+			type: ["range", "map"],
 			min: 2,
 			max: 20,
 			step: 1,

package/dist/core/{ProgressiveBlur-Y8YqC7HM.js → ProgressiveBlur-DEfvy5dW.js} RENAMED Viewed

@@ -12,7 +12,7 @@ const componentDefinition = {
 			default: 50,
 			description: "Maximum intensity of the blur effect",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 100,
 				step: 1,
@@ -25,7 +25,7 @@ const componentDefinition = {
 			transform: transformAngle,
 			description: "Direction of the blur gradient (in degrees)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 360,
 				step: 1,
@@ -50,7 +50,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Distance over which blur transitions to full strength",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,

package/dist/core/{RadialGradient-BtLDAPYQ.js → RadialGradient-Di_VuDot.js} RENAMED Viewed

@@ -43,7 +43,7 @@ const componentDefinition = {
 			default: 1,
 			description: "The radius of the gradient (normalized, 0.0-1.0)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 2,
 				step: .1,

package/dist/core/{RectangularCoordinates-DoXEjIhd.js → RectangularCoordinates-xmILlyac.js} RENAMED Viewed

@@ -26,7 +26,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Scale factor for the rectangular output",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .1,
 				max: 3,
 				step: .1,
@@ -38,7 +38,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Blends between original UVs (0) and rectangular coordinates (1)",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,

package/dist/core/{Ripples-5SBqOFLG.js → Ripples-rV1yHHuE.js} RENAMED Viewed

@@ -56,7 +56,7 @@ const componentDefinition = {
 			default: 20,
 			description: "Number of ripples/spacing between them",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 1,
 				max: 80,
 				step: .1,
@@ -68,7 +68,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Softness of ripple edges",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 3,
 				step: .1,
@@ -80,7 +80,7 @@ const componentDefinition = {
 			default: .5,
 			description: "Thickness of each ripple band",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 1,
 				step: .1,
@@ -92,7 +92,7 @@ const componentDefinition = {
 			default: 0,
 			description: "Phase offset for ripple animation",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 6.28,
 				step: .1,

package/dist/core/{Saturation-1mdcFzVI.js → Saturation-DmUZQ3u7.js} RENAMED Viewed

@@ -8,7 +8,7 @@ const componentDefinition = {
 		default: 1,
 		description: "The intensity of the saturation effect (1 being no change)",
 		ui: {
-			type: "range",
+			type: ["range", "map"],
 			min: 0,
 			max: 3,
 			step: .1,

package/dist/core/{Sharpness-DAu01Qy4.js → Sharpness-DeD2T2-a.js} RENAMED Viewed

@@ -10,7 +10,7 @@ const componentDefinition = {
 		default: 0,
 		description: "How sharp to make the underlying image",
 		ui: {
-			type: "range",
+			type: ["range", "map"],
 			min: 0,
 			max: 5,
 			step: .1,

package/dist/core/{Shatter-CT5oSWfn.js → Shatter-DpPRGA0l.js} RENAMED Viewed

@@ -18,7 +18,7 @@ const componentDefinition = {
 			default: 1,
 			description: "Thickness of crack lines",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: .5,
 				max: 5,
 				step: .1,
@@ -78,7 +78,7 @@ const componentDefinition = {
 			default: 1,
 			description: "RGB separation for prismatic glass effect",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 5,
 				step: .1,
@@ -90,7 +90,7 @@ const componentDefinition = {
 			default: 5,
 			description: "How much cracks bend/distort the underlying image",
 			ui: {
-				type: "range",
+				type: ["range", "map"],
 				min: 0,
 				max: 10,
 				step: .1,