shaders 3.2.466 → 3.2.468

package/dist/registry.js

@@ -30744,6 +30744,28 @@ export const shaderRegistry = [
       "animatedTime": {
         "speed": "speed"
       },
+      "extraFields": {
+        "meshAnchors": {
+          "initial": [
+            0,
+            0,
+            0,
+            0,
+            0,
+            0,
+            0,
+            0,
+            0,
+            0,
+            0,
+            0,
+            0,
+            0,
+            0,
+            0
+          ]
+        }
+      },
       "props": {
         "colorA": {
           "default": "#1a0533",
@@ -55033,6 +55055,997 @@ export const shaderRegistry = [
       }
     }
   },
+  {
+    "name": "Voxels",
+    "category": "Shape Effects",
+    "description": "Rebuild any shape out of voxels — a flat shape becomes chunky pixel art, a 3D shape a lit voxel model with smooth ambient occlusion, cast shadows, a key light you can orbit or drive, and per-cube colour",
+    "fileName": "Voxels",
+    "definition": {
+      "name": "Voxels",
+      "boundingBoxDeclaration": {
+        "propBindings": {
+          "x": {
+            "prop": "center",
+            "as": "position-x"
+          },
+          "y": {
+            "prop": "center",
+            "as": "position-y"
+          },
+          "rotation": {
+            "prop": "rotation",
+            "as": "degrees"
+          }
+        }
+      },
+      "category": "Shape Effects",
+      "description": "Rebuild any shape out of voxels — a flat shape becomes chunky pixel art, a 3D shape a lit voxel model with smooth ambient occlusion, cast shadows, a key light you can orbit or drive, and per-cube colour",
+      "extraFields": {
+        "_vfOriginX": {
+          "initial": 0
+        },
+        "_vfOriginY": {
+          "initial": 0
+        },
+        "_vfSpanX": {
+          "initial": 1
+        },
+        "_vfSpanY": {
+          "initial": 1
+        },
+        "_vfActiveRes": {
+          "initial": 1
+        },
+        "_vfRBound": {
+          "initial": 0.6
+        },
+        "_saRadius": {
+          "initial": 0.35
+        },
+        "_saSides": {
+          "initial": 6
+        },
+        "_saRounding": {
+          "initial": 0
+        },
+        "_saInnerRatio": {
+          "initial": 0.4
+        },
+        "_saRotation": {
+          "initial": 0
+        },
+        "_saHeight": {
+          "initial": 0.25
+        },
+        "_saOffset": {
+          "initial": 0.2
+        },
+        "_saAperture": {
+          "initial": 270
+        },
+        "_vxMx": {
+          "initial": [
+            1,
+            0,
+            0
+          ]
+        },
+        "_vxMy": {
+          "initial": [
+            0,
+            1,
+            0
+          ]
+        },
+        "_vxMz": {
+          "initial": [
+            0,
+            0,
+            1
+          ]
+        },
+        "_vxVoxel": {
+          "initial": 0.03
+        },
+        "_vxGridOrigin": {
+          "initial": -0.6
+        },
+        "_vxL": {
+          "initial": [
+            0,
+            0,
+            -1
+          ]
+        },
+        "_vxT1": {
+          "initial": [
+            1,
+            0,
+            0
+          ]
+        },
+        "_vxT2": {
+          "initial": [
+            0,
+            1,
+            0
+          ]
+        }
+      },
+      "props": {
+        "origin": {
+          "default": "center",
+          "description": "Reference edge the center position is measured from (center default). Lets you pin the shape relative to a corner or the canvas centre.",
+          "ui": {
+            "type": "origin",
+            "label": "Origin",
+            "group": "Position"
+          }
+        },
+        "center": {
+          "default": {
+            "x": 0.5,
+            "y": 0.5
+          },
+          "description": "Center position of the voxel model",
+          "ui": {
+            "type": "position",
+            "label": "Center",
+            "group": "Position",
+            "units": [
+              "%",
+              "px"
+            ]
+          }
+        },
+        "scale": {
+          "default": 1,
+          "description": "Scale of the voxel model (1 = default size)",
+          "ui": {
+            "type": "range",
+            "min": 0.1,
+            "max": 3,
+            "step": 0.01,
+            "label": "Scale",
+            "group": "Position"
+          }
+        },
+        "rotation": {
+          "default": 0,
+          "description": "Rotation of the voxel model in degrees",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Rotation",
+            "group": "Position"
+          }
+        },
+        "voxelSize": {
+          "default": 0.035,
+          "description": "Edge length of one voxel relative to the shape field — small for fine detail, large for chunky blocks",
+          "ui": {
+            "type": "range",
+            "min": 0.006,
+            "max": 0.15,
+            "step": 0.001,
+            "label": "Voxel Size",
+            "group": "Voxels"
+          }
+        },
+        "voxelShape": {
+          "default": "cube",
+          "compileTime": true,
+          "description": "What each cell is built from: hard cubes, rounded cubes (see Bevel) or spheres",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Cube",
+                "value": "cube"
+              },
+              {
+                "label": "Rounded Cube",
+                "value": "rounded"
+              },
+              {
+                "label": "Sphere",
+                "value": "sphere"
+              }
+            ],
+            "label": "Voxel Shape",
+            "group": "Voxels"
+          }
+        },
+        "voxelScale": {
+          "default": 1,
+          "description": "Size of each voxel inside its cell — 1 = touching neighbours, lower opens gaps between the blocks",
+          "ui": {
+            "type": "range",
+            "min": 0.3,
+            "max": 1,
+            "step": 0.01,
+            "label": "Voxel Fill",
+            "group": "Voxels"
+          }
+        },
+        "fill": {
+          "default": 0,
+          "description": "How eagerly cells fill in along the surface — negative carves a thinner model, positive puffs it out",
+          "ui": {
+            "type": "range",
+            "min": -0.5,
+            "max": 0.5,
+            "step": 0.01,
+            "label": "Surface Bias",
+            "group": "Voxels"
+          }
+        },
+        "bevel": {
+          "default": 0.08,
+          "description": "Edge rounding of each voxel as a fraction of its size — a hairline chamfer catching light on cubes, the corner radius of rounded cubes",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Bevel",
+            "group": "Voxels"
+          }
+        },
+        "depth": {
+          "default": 0.12,
+          "description": "Thickness given to flat shapes (2D shapes and flat SVGs) so they become a slab of voxels — 3D shapes ignore it",
+          "ui": {
+            "type": "range",
+            "min": 0.01,
+            "max": 0.6,
+            "step": 0.005,
+            "label": "Depth",
+            "group": "Voxels"
+          }
+        },
+        "gridSpace": {
+          "default": "shape",
+          "compileTime": true,
+          "description": "Model: the grid rotates with the shape like a built voxel model. Screen: the grid is fixed to the canvas and the shape moves through it like a 3D pixelation",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Model",
+                "value": "shape"
+              },
+              {
+                "label": "Screen",
+                "value": "view"
+              }
+            ],
+            "label": "Grid",
+            "group": "Voxels"
+          }
+        },
+        "colorA": {
+          "default": "#6ea8ff",
+          "description": "Base colour of the voxels (the first colour of the palette mode)",
+          "ui": {
+            "type": "color",
+            "label": "Color A",
+            "group": "Colors"
+          }
+        },
+        "colorB": {
+          "default": "#1d2b4f",
+          "description": "Second palette colour — blended in by height, depth, per voxel or on the side faces",
+          "ui": {
+            "type": "color",
+            "label": "Color B",
+            "group": "Colors"
+          }
+        },
+        "colorMode": {
+          "default": "height",
+          "compileTime": true,
+          "description": "How the two colours are laid over the model: one solid colour, a gradient by height or depth, a random pick per voxel, or Color A on top faces and Color B on the sides",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Solid",
+                "value": "solid"
+              },
+              {
+                "label": "Height",
+                "value": "height"
+              },
+              {
+                "label": "Depth",
+                "value": "depth"
+              },
+              {
+                "label": "Random",
+                "value": "random"
+              },
+              {
+                "label": "Top / Sides",
+                "value": "faces"
+              }
+            ],
+            "label": "Palette",
+            "group": "Colors"
+          }
+        },
+        "colorVariation": {
+          "default": 0.25,
+          "description": "Per-voxel tonal jitter — the slightly-off shades that make blocks read as individual bricks",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Variation",
+            "group": "Colors"
+          }
+        },
+        "colorSpace": {
+          "default": "oklab",
+          "compileTime": true,
+          "description": "Color space for color interpolation",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Linear RGB",
+                "value": "linear"
+              },
+              {
+                "label": "OKLCh",
+                "value": "oklch"
+              },
+              {
+                "label": "OKLAB",
+                "value": "oklab"
+              },
+              {
+                "label": "HSL",
+                "value": "hsl"
+              },
+              {
+                "label": "HSV",
+                "value": "hsv"
+              },
+              {
+                "label": "LCH",
+                "value": "lch"
+              }
+            ],
+            "label": "Color Space",
+            "group": "Colors"
+          }
+        },
+        "lightAngle": {
+          "default": 225,
+          "description": "Direction the key light comes from, in degrees around the canvas — shadows fall away from it",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Light Angle",
+            "group": "Light"
+          }
+        },
+        "lightElevation": {
+          "default": 42,
+          "description": "How high the key light sits above the canvas — low for long raking shadows, high for a flat top-down light",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 5,
+            "max": 85,
+            "step": 1,
+            "label": "Light Elevation",
+            "group": "Light"
+          }
+        },
+        "lightColor": {
+          "default": "#fff2df",
+          "description": "Colour of the key light",
+          "ui": {
+            "type": "color",
+            "label": "Light Color",
+            "group": "Light"
+          }
+        },
+        "lightIntensity": {
+          "default": 1.1,
+          "description": "Strength of the key light",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 3,
+            "step": 0.01,
+            "label": "Light Intensity",
+            "group": "Light"
+          }
+        },
+        "ambientColor": {
+          "default": "#9fb4d8",
+          "description": "Sky colour of the ambient light — the fill on faces the key light misses",
+          "ui": {
+            "type": "color",
+            "label": "Ambient Color",
+            "group": "Light"
+          }
+        },
+        "ambient": {
+          "default": 0.55,
+          "description": "Strength of the ambient sky/ground fill",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 2,
+            "step": 0.01,
+            "label": "Ambient",
+            "group": "Light"
+          }
+        },
+        "shadows": {
+          "default": 0.85,
+          "description": "Darkness of the shadows voxels cast onto each other",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Shadows",
+            "group": "Light"
+          }
+        },
+        "shadowSoftness": {
+          "default": 0.35,
+          "description": "Penumbra of the cast shadows — 0 is razor sharp, higher spreads the light into a soft area source whose shadows sharpen at contact",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Shadow Softness",
+            "group": "Light"
+          }
+        },
+        "ao": {
+          "default": 1,
+          "description": "Ambient occlusion in the creases between voxels — the soft contact darkening that sells the geometry",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 2,
+            "step": 0.01,
+            "label": "Occlusion",
+            "group": "Light"
+          }
+        },
+        "glossiness": {
+          "default": 0.35,
+          "description": "How tight the specular highlight is — satin plastic at 0, lacquered at 1",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Glossiness",
+            "group": "Surface"
+          }
+        },
+        "specular": {
+          "default": 0.6,
+          "description": "Strength of the specular highlight and the fresnel rim on grazing faces",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 2,
+            "step": 0.01,
+            "label": "Specular",
+            "group": "Surface"
+          }
+        },
+        "seams": {
+          "default": 0.2,
+          "description": "Dark seam lines along every voxel edge — 0 for seamless blocks, higher for a drawn-outline brick look",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Seams",
+            "group": "Surface"
+          }
+        },
+        "shape": {
+          "default": "{\"type\":\"sphere3D\",\"radius\":0.35}",
+          "description": "Serialized shape configuration (JSON)",
+          "ui": {
+            "type": "shape",
+            "label": "Shape",
+            "group": "Shape"
+          }
+        },
+        "shapeSdfUrl": {
+          "default": "",
+          "compileTime": true,
+          "description": "URL to a pre-generated SDF .bin file"
+        },
+        "shapeType": {
+          "default": "",
+          "compileTime": true,
+          "description": "Active SDF shape type"
+        }
+      }
+    },
+    "propsMetadata": {
+      "origin": {
+        "ui": {
+          "type": "origin",
+          "label": "Origin",
+          "group": "Position"
+        },
+        "default": "center",
+        "description": "Reference edge the center position is measured from (center default). Lets you pin the shape relative to a corner or the canvas centre."
+      },
+      "center": {
+        "ui": {
+          "type": "position",
+          "label": "Center",
+          "group": "Position",
+          "units": [
+            "%",
+            "px"
+          ]
+        },
+        "default": {
+          "x": 0.5,
+          "y": 0.5
+        },
+        "description": "Center position of the voxel model"
+      },
+      "scale": {
+        "ui": {
+          "type": "range",
+          "min": 0.1,
+          "max": 3,
+          "step": 0.01,
+          "label": "Scale",
+          "group": "Position"
+        },
+        "default": 1,
+        "description": "Scale of the voxel model (1 = default size)"
+      },
+      "rotation": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Rotation",
+          "group": "Position"
+        },
+        "default": 0,
+        "description": "Rotation of the voxel model in degrees"
+      },
+      "voxelSize": {
+        "ui": {
+          "type": "range",
+          "min": 0.006,
+          "max": 0.15,
+          "step": 0.001,
+          "label": "Voxel Size",
+          "group": "Voxels"
+        },
+        "default": 0.035,
+        "description": "Edge length of one voxel relative to the shape field — small for fine detail, large for chunky blocks"
+      },
+      "voxelShape": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Cube",
+              "value": "cube"
+            },
+            {
+              "label": "Rounded Cube",
+              "value": "rounded"
+            },
+            {
+              "label": "Sphere",
+              "value": "sphere"
+            }
+          ],
+          "label": "Voxel Shape",
+          "group": "Voxels"
+        },
+        "default": "cube",
+        "description": "What each cell is built from: hard cubes, rounded cubes (see Bevel) or spheres"
+      },
+      "voxelScale": {
+        "ui": {
+          "type": "range",
+          "min": 0.3,
+          "max": 1,
+          "step": 0.01,
+          "label": "Voxel Fill",
+          "group": "Voxels"
+        },
+        "default": 1,
+        "description": "Size of each voxel inside its cell — 1 = touching neighbours, lower opens gaps between the blocks"
+      },
+      "fill": {
+        "ui": {
+          "type": "range",
+          "min": -0.5,
+          "max": 0.5,
+          "step": 0.01,
+          "label": "Surface Bias",
+          "group": "Voxels"
+        },
+        "default": 0,
+        "description": "How eagerly cells fill in along the surface — negative carves a thinner model, positive puffs it out"
+      },
+      "bevel": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Bevel",
+          "group": "Voxels"
+        },
+        "default": 0.08,
+        "description": "Edge rounding of each voxel as a fraction of its size — a hairline chamfer catching light on cubes, the corner radius of rounded cubes"
+      },
+      "depth": {
+        "ui": {
+          "type": "range",
+          "min": 0.01,
+          "max": 0.6,
+          "step": 0.005,
+          "label": "Depth",
+          "group": "Voxels"
+        },
+        "default": 0.12,
+        "description": "Thickness given to flat shapes (2D shapes and flat SVGs) so they become a slab of voxels — 3D shapes ignore it"
+      },
+      "gridSpace": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Model",
+              "value": "shape"
+            },
+            {
+              "label": "Screen",
+              "value": "view"
+            }
+          ],
+          "label": "Grid",
+          "group": "Voxels"
+        },
+        "default": "shape",
+        "description": "Model: the grid rotates with the shape like a built voxel model. Screen: the grid is fixed to the canvas and the shape moves through it like a 3D pixelation"
+      },
+      "colorA": {
+        "ui": {
+          "type": "color",
+          "label": "Color A",
+          "group": "Colors"
+        },
+        "default": "#6ea8ff",
+        "description": "Base colour of the voxels (the first colour of the palette mode)"
+      },
+      "colorB": {
+        "ui": {
+          "type": "color",
+          "label": "Color B",
+          "group": "Colors"
+        },
+        "default": "#1d2b4f",
+        "description": "Second palette colour — blended in by height, depth, per voxel or on the side faces"
+      },
+      "colorMode": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Solid",
+              "value": "solid"
+            },
+            {
+              "label": "Height",
+              "value": "height"
+            },
+            {
+              "label": "Depth",
+              "value": "depth"
+            },
+            {
+              "label": "Random",
+              "value": "random"
+            },
+            {
+              "label": "Top / Sides",
+              "value": "faces"
+            }
+          ],
+          "label": "Palette",
+          "group": "Colors"
+        },
+        "default": "height",
+        "description": "How the two colours are laid over the model: one solid colour, a gradient by height or depth, a random pick per voxel, or Color A on top faces and Color B on the sides"
+      },
+      "colorVariation": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Variation",
+          "group": "Colors"
+        },
+        "default": 0.25,
+        "description": "Per-voxel tonal jitter — the slightly-off shades that make blocks read as individual bricks"
+      },
+      "colorSpace": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Linear RGB",
+              "value": "linear"
+            },
+            {
+              "label": "OKLCh",
+              "value": "oklch"
+            },
+            {
+              "label": "OKLAB",
+              "value": "oklab"
+            },
+            {
+              "label": "HSL",
+              "value": "hsl"
+            },
+            {
+              "label": "HSV",
+              "value": "hsv"
+            },
+            {
+              "label": "LCH",
+              "value": "lch"
+            }
+          ],
+          "label": "Color Space",
+          "group": "Colors"
+        },
+        "default": "oklab",
+        "description": "Color space for color interpolation"
+      },
+      "lightAngle": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Light Angle",
+          "group": "Light"
+        },
+        "default": 225,
+        "description": "Direction the key light comes from, in degrees around the canvas — shadows fall away from it"
+      },
+      "lightElevation": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 5,
+          "max": 85,
+          "step": 1,
+          "label": "Light Elevation",
+          "group": "Light"
+        },
+        "default": 42,
+        "description": "How high the key light sits above the canvas — low for long raking shadows, high for a flat top-down light"
+      },
+      "lightColor": {
+        "ui": {
+          "type": "color",
+          "label": "Light Color",
+          "group": "Light"
+        },
+        "default": "#fff2df",
+        "description": "Colour of the key light"
+      },
+      "lightIntensity": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 3,
+          "step": 0.01,
+          "label": "Light Intensity",
+          "group": "Light"
+        },
+        "default": 1.1,
+        "description": "Strength of the key light"
+      },
+      "ambientColor": {
+        "ui": {
+          "type": "color",
+          "label": "Ambient Color",
+          "group": "Light"
+        },
+        "default": "#9fb4d8",
+        "description": "Sky colour of the ambient light — the fill on faces the key light misses"
+      },
+      "ambient": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 2,
+          "step": 0.01,
+          "label": "Ambient",
+          "group": "Light"
+        },
+        "default": 0.55,
+        "description": "Strength of the ambient sky/ground fill"
+      },
+      "shadows": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Shadows",
+          "group": "Light"
+        },
+        "default": 0.85,
+        "description": "Darkness of the shadows voxels cast onto each other"
+      },
+      "shadowSoftness": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Shadow Softness",
+          "group": "Light"
+        },
+        "default": 0.35,
+        "description": "Penumbra of the cast shadows — 0 is razor sharp, higher spreads the light into a soft area source whose shadows sharpen at contact"
+      },
+      "ao": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 2,
+          "step": 0.01,
+          "label": "Occlusion",
+          "group": "Light"
+        },
+        "default": 1,
+        "description": "Ambient occlusion in the creases between voxels — the soft contact darkening that sells the geometry"
+      },
+      "glossiness": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Glossiness",
+          "group": "Surface"
+        },
+        "default": 0.35,
+        "description": "How tight the specular highlight is — satin plastic at 0, lacquered at 1"
+      },
+      "specular": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 2,
+          "step": 0.01,
+          "label": "Specular",
+          "group": "Surface"
+        },
+        "default": 0.6,
+        "description": "Strength of the specular highlight and the fresnel rim on grazing faces"
+      },
+      "seams": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Seams",
+          "group": "Surface"
+        },
+        "default": 0.2,
+        "description": "Dark seam lines along every voxel edge — 0 for seamless blocks, higher for a drawn-outline brick look"
+      },
+      "shape": {
+        "ui": {
+          "type": "shape",
+          "label": "Shape",
+          "group": "Shape"
+        },
+        "default": "{\"type\":\"sphere3D\",\"radius\":0.35}",
+        "description": "Serialized shape configuration (JSON)"
+      }
+    }
+  },
   {
     "name": "Water",
     "category": "Shape Effects",