shaders 3.0.442 → 3.0.443

package/dist/vue/utils/generatePresetCode.js

@@ -84,6 +84,14 @@ var shaderMetadata = {
 		},
 		"seed": 0
 	},
+	"BarnDoors": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"angle": 0,
+		"feather": .1,
+		"invert": false
+	},
 	"BarShift": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -113,6 +121,14 @@ var shaderMetadata = {
 		"outsideColor": "#0000FF",
 		"colorSpace": "linear"
 	},
+	"Bend": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"strength": .5,
+		"falloff": 0,
+		"angle": 0,
+		"edges": "transparent"
+	},
 	"Blob": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -136,6 +152,14 @@ var shaderMetadata = {
 		},
 		"colorSpace": "linear"
 	},
+	"BlockDissolve": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"blockSize": .08,
+		"softness": .15,
+		"invert": false
+	},
 	"BlockNoise": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -166,6 +190,36 @@ var shaderMetadata = {
 		"blendMode": "normal",
 		"intensity": 50
 	},
+	"Boids": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#8ec5ff",
+		"colorB": "#ff7ad9",
+		"colorSpace": "oklab",
+		"agentShape": "arrow",
+		"count": 2e3,
+		"speed": 2,
+		"seed": 0,
+		"size": 1.5,
+		"trails": 0,
+		"separation": 1.7,
+		"alignment": 1.5,
+		"cohesion": 1,
+		"perception": .12,
+		"cursorMode": "repel",
+		"cursorStrength": 1.5
+	},
+	"BokehBlur": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"radius": 50,
+		"highlightGain": 4,
+		"highlightThreshold": .6,
+		"bladeShape": "blades",
+		"bladeCount": 6,
+		"bladeRotation": 0,
+		"chromaticFringe": .2
+	},
 	"BrickPattern": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -277,6 +331,14 @@ var shaderMetadata = {
 		"softness": 0,
 		"colorSpace": "linear"
 	},
+	"CheckerWipe": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"blockSize": .1,
+		"softness": .15,
+		"invert": false
+	},
 	"Chevron": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -546,12 +608,29 @@ var shaderMetadata = {
 		"roundness": 0,
 		"colorSpace": "linear"
 	},
+	"DiamondWipe": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"size": .15,
+		"feather": .1,
+		"invert": false
+	},
 	"DiffuseBlur": {
 		"opacity": 1,
 		"blendMode": "normal",
 		"intensity": 30,
 		"edges": "stretch"
 	},
+	"DisplacementMap": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"source": "",
+		"amount": .3,
+		"channelMode": "twoAxis",
+		"angle": 0,
+		"edges": "mirror"
+	},
 	"Dither": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -563,10 +642,6 @@ var shaderMetadata = {
 		"colorA": "transparent",
 		"colorB": "#ffffff"
 	},
-	"DOMTexture": {
-		"opacity": 1,
-		"blendMode": "normal"
-	},
 	"DotGrid": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -685,6 +760,15 @@ var shaderMetadata = {
 		"bias": 2,
 		"animated": false
 	},
+	"FilmStock": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"stock": "portrait400",
+		"strength": 1,
+		"halation": .4,
+		"halationRadius": 28,
+		"weave": 0
+	},
 	"Flip": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -694,17 +778,18 @@ var shaderMetadata = {
 	"FloatingParticles": {
 		"opacity": 1,
 		"blendMode": "normal",
-		"randomness": .25,
+		"particleColor": "#ffffff",
+		"shape": "dot",
+		"count": 1200,
+		"particleSize": 1.2,
+		"softness": .1,
 		"speed": .25,
 		"angle": 90,
-		"particleSize": 2,
-		"particleSoftness": 0,
-		"twinkle": .5,
-		"count": 5,
-		"particleColor": "#ffffff",
 		"speedVariance": .3,
 		"angleVariance": 30,
-		"particleDensity": 3
+		"randomness": .25,
+		"twinkle": .5,
+		"cursorStrength": 0
 	},
 	"Flower": {
 		"opacity": 1,
@@ -1132,6 +1217,10 @@ var shaderMetadata = {
 		"edgeSoftness": .05,
 		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
 	},
+	"HTMLInCanvas": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
 	"HueShift": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1143,10 +1232,37 @@ var shaderMetadata = {
 		"url": "https://shaders.com/sample.jpg",
 		"objectFit": "fill"
 	},
+	"InkFlow": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorMode": "rainbow",
+		"colorSpeed": 1,
+		"color": "#ff2d7e",
+		"color1": "#4338ff",
+		"color2": "#ff2d7e",
+		"color3": "#19e3ff",
+		"colorSpace": "oklab",
+		"radius": .3,
+		"force": 1,
+		"curl": 0,
+		"decay": .5,
+		"momentum": .6
+	},
 	"Invert": {
 		"opacity": 1,
 		"blendMode": "normal"
 	},
+	"IrisWipe": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"feather": .1,
+		"invert": false
+	},
 	"IsometricCubes": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1292,6 +1408,14 @@ var shaderMetadata = {
 		"edges": "stretch",
 		"colorSpace": "linear"
 	},
+	"LinearWipe": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"angle": 0,
+		"feather": .1,
+		"invert": false
+	},
 	"LiquidMetal": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1325,6 +1449,21 @@ var shaderMetadata = {
 		"radius": 1,
 		"edges": "stretch"
 	},
+	"MagneticFilings": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#be1ef9",
+		"colorB": "#6326ff",
+		"colorSpace": "oklab",
+		"shape": "dot",
+		"count": 8e3,
+		"size": 1,
+		"restOrientation": "random",
+		"fieldType": "dipole",
+		"strength": 1.7,
+		"reach": .6,
+		"response": .5
+	},
 	"Marble": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1407,6 +1546,15 @@ var shaderMetadata = {
 		"flowAmount": .3,
 		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
 	},
+	"NoiseDissolve": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"scale": 3,
+		"softness": .25,
+		"seed": 0,
+		"invert": false
+	},
 	"ObjectTracker": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1469,6 +1617,42 @@ var shaderMetadata = {
 		"strokePosition": "center",
 		"colorSpace": "linear"
 	},
+	"ParticleField": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"count": 15e3,
+		"depthSource": "luminance",
+		"depth": .7,
+		"particleShape": "dot",
+		"particleSize": .75,
+		"depthShading": .6,
+		"wobble": .35,
+		"zoom": 1,
+		"rotationX": 0,
+		"rotationY": 0,
+		"rotationZ": 0,
+		"offsetX": 0,
+		"offsetY": 0,
+		"cursorMode": "push",
+		"cursorStrength": .8,
+		"cursorRadius": .2
+	},
+	"ParticleFlow": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#8ec5ff",
+		"colorB": "#ffd98e",
+		"colorSpace": "oklab",
+		"shape": "streak",
+		"count": 6e3,
+		"size": 1.2,
+		"trails": 0,
+		"speed": 1,
+		"force": 1,
+		"swirl": 25,
+		"momentum": .6,
+		"ambient": .15
+	},
 	"Particles": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1483,6 +1667,7 @@ var shaderMetadata = {
 		"colorB": "#ff7ad9",
 		"count": 4e3,
 		"size": 1.5,
+		"particleShape": "dot",
 		"spread": 1,
 		"agitation": .12,
 		"damping": .4,
@@ -1681,6 +1866,28 @@ var shaderMetadata = {
 		"skewAngle": 0,
 		"colorSpace": "linear"
 	},
+	"RadialWipe": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"startAngle": 0,
+		"direction": "cw",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"feather": .1,
+		"invert": false
+	},
+	"RandomBars": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"angle": 0,
+		"barCount": 12,
+		"softness": .15,
+		"invert": false
+	},
 	"ReactionDiffusion": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1791,6 +1998,18 @@ var shaderMetadata = {
 		"thickness": .5,
 		"phase": 0
 	},
+	"RippleWipe": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"rings": 8,
+		"feather": .2,
+		"invert": false
+	},
 	"RoundedRect": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1871,6 +2090,13 @@ var shaderMetadata = {
 		"thickness": .2,
 		"softness": .4
 	},
+	"SliceWipe": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"angle": 0,
+		"sliceCount": 8
+	},
 	"Smoke": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -2231,6 +2457,22 @@ var shaderMetadata = {
 			"y": .5
 		}
 	},
+	"TimeTrail": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"trailSource": "motion",
+		"motionThreshold": .06,
+		"trailLength": .6,
+		"diffusion": 1,
+		"trailOpacity": 1,
+		"trailBlend": "normal",
+		"driftX": 0,
+		"driftY": 0,
+		"zoom": 1,
+		"tintMode": "none",
+		"tint": "#33aaff",
+		"speed": 1
+	},
 	"Tint": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -2302,6 +2544,15 @@ var shaderMetadata = {
 		"intensity": 1,
 		"edges": "stretch"
 	},
+	"VenetianBlinds": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"progress": .5,
+		"angle": 0,
+		"stripCount": 5,
+		"feather": .15,
+		"invert": false
+	},
 	"Vesica": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -2616,7 +2867,7 @@ function generatePresetCode(preset, colorSpace, toneMapping) {
 			if (isIdReferenced(config.id, preset.components)) idString = `id="${config.id}"`;
 		}
 		const attributes = [idString, propString].filter(Boolean).join("\n" + indent + "  ");
-		const sampleChildren = config.type === "DOMTexture" && (!config.children || config.children.length === 0) ? `${indent}  <h1>Your HTML content here</h1>` : null;
+		const sampleChildren = (config.type === "HTMLInCanvas" || config.type === "DOMTexture") && (!config.children || config.children.length === 0) ? `${indent}  <h1>Your HTML content here</h1>` : null;
 		if (sampleChildren) if (attributes) return `${indent}<${config.type}\n${indent}  ${attributes}>\n${sampleChildren}\n${indent}</${config.type}>`;
 		else return `${indent}<${config.type}>\n${sampleChildren}\n${indent}</${config.type}>`;
 		else if (config.children && config.children.length > 0) {
@@ -2649,11 +2900,16 @@ const availableComponents = [
 	"Ascii",
 	"Aurora",
 	"BarShift",
+	"BarnDoors",
 	"Beam",
+	"Bend",
 	"Blob",
+	"BlockDissolve",
 	"BlockNoise",
 	"BlueNoise",
 	"Blur",
+	"Boids",
+	"BokehBlur",
 	"BrickPattern",
 	"BrightnessContrast",
 	"BrushedMetal",
@@ -2662,6 +2918,7 @@ const availableComponents = [
 	"CarbonFiber",
 	"Chalkboard",
 	"ChannelBlur",
+	"CheckerWipe",
 	"Checkerboard",
 	"Chevron",
 	"ChromaFlow",
@@ -2679,10 +2936,11 @@ const availableComponents = [
 	"CurlNoise",
 	"CursorRipples",
 	"CursorTrail",
-	"DOMTexture",
 	"DataMosh",
 	"DiamondGradient",
+	"DiamondWipe",
 	"DiffuseBlur",
+	"DisplacementMap",
 	"Dither",
 	"DotGrid",
 	"DropShadow",
@@ -2694,6 +2952,7 @@ const availableComponents = [
 	"Exposure",
 	"FallingLines",
 	"FilmGrain",
+	"FilmStock",
 	"Flip",
 	"FloatingParticles",
 	"FlowField",
@@ -2716,6 +2975,7 @@ const availableComponents = [
 	"Grid",
 	"GridDistortion",
 	"Group",
+	"HTMLInCanvas",
 	"Halftone",
 	"Heart",
 	"Heatmap",
@@ -2724,7 +2984,9 @@ const availableComponents = [
 	"Holographic",
 	"HueShift",
 	"ImageTexture",
+	"InkFlow",
 	"Invert",
+	"IrisWipe",
 	"IsometricCubes",
 	"Kaleidoscope",
 	"KeyFrames",
@@ -2733,16 +2995,21 @@ const availableComponents = [
 	"LightLeak",
 	"LinearBlur",
 	"LinearGradient",
+	"LinearWipe",
 	"LiquidMetal",
 	"Liquify",
+	"MagneticFilings",
 	"Marble",
 	"Mirror",
 	"MultiPointGradient",
 	"Neon",
+	"NoiseDissolve",
 	"ObjectTracker",
 	"PagePeel",
 	"Paper",
 	"Parallelogram",
+	"ParticleField",
+	"ParticleFlow",
 	"Particles",
 	"PerlinNoise",
 	"Perspective",
@@ -2757,11 +3024,14 @@ const availableComponents = [
 	"Prism",
 	"ProgressiveBlur",
 	"RadialGradient",
+	"RadialWipe",
+	"RandomBars",
 	"ReactionDiffusion",
 	"RectangularCoordinates",
 	"ReflectivePlane",
 	"Repeater",
 	"Ring",
+	"RippleWipe",
 	"Ripples",
 	"RoundedRect",
 	"Saturation",
@@ -2770,6 +3040,7 @@ const availableComponents = [
 	"Shatter",
 	"SimplexNoise",
 	"SineWave",
+	"SliceWipe",
 	"Smoke",
 	"SmokeFill",
 	"SmokeFlow",
@@ -2790,6 +3061,7 @@ const availableComponents = [
 	"Text",
 	"ThinFilm",
 	"TiltShift",
+	"TimeTrail",
 	"Tint",
 	"Trapezoid",
 	"TriangularGrid",
@@ -2797,6 +3069,7 @@ const availableComponents = [
 	"Truchet",
 	"Twirl",
 	"VHS",
+	"VenetianBlinds",
 	"Vesica",
 	"Vibrance",
 	"VideoTexture",