BrushedMetal

Photorealistic brushed metal — a satin anodised surface combed with fine directional grain that smears the reflected studio and key light into the long anisotropic streaks of real brushed aluminium, steel, gold or copper

Props

  • origin

    Reference edge the center position is measured from (center default). Lets you pin the shape relative to a corner or the canvas centre.

    Type
    string
    Default
    center

  • center

    Center position of the metal shape

    Type
    {x: number, y: number}
    Default
    {"x":0.5,"y":0.5}

  • scale

    Scale of the metal shape (1 = default size)

    Type
    number
    Default
    1

  • rotation

    Rotation of the metal shape in degrees

    Type
    number
    Default
    0

  • lightColor

    The bright tone of the polished grain — recolor for gold (#ffe8b0), copper (#ffc8a0) or steel

    Type
    string
    Default
    #e9ebef

  • darkColor

    The dark tone the brushed grain falls to in shadow. Tint it warm for gold/bronze, cool for steel.

    Type
    string
    Default
    #26282d

  • brushAngle

    Direction the surface is brushed, in degrees — the grain and every reflection streak run along this axis

    Type
    number
    Default
    0

  • anisotropy

    How directional the brushing is — 1 = long smeared streaks along the grain, 0 = isotropic satin with no direction

    Type
    number
    Default
    0.4

  • grain

    Depth of the individual brush scratches — the fine satin texture combed into the metal

    Type
    number
    Default
    0.4

  • grainScale

    Density of the brush lines — higher = finer, tighter scratches

    Type
    number
    Default
    2

  • roughness

    Overall satin softness — 0 = near-polished with crisp reflections, 1 = soft matte brushed finish

    Type
    number
    Default
    0.5

  • environment

    Strength of the reflected studio lighting — the softboxes seen smeared across the metal

    Type
    number
    Default
    1.4

  • envRotation

    Rotates the reflected studio — spins where the bright reflections fall

    Type
    number
    Default
    0

  • lightAngle

    Direction of the key light for the anisotropic specular streak, in degrees

    Type
    number
    Default
    215

  • speed

    Speed of the slowly drifting reflection — the studio gently orbits the surface. 0 pauses.

    Type
    number
    Default
    0.4

  • bevelWidth

    Width of the edge bevel, relative to the shape — thin for machined jewellery edges, wide for soft pillowed metal

    Type
    number
    Default
    0.05

  • bevelShape

    Bevel profile — 0 = one smooth round fillet, 1 = machined: a steep outer fillet, a chamfer plateau and an inner knee, each catching its own line of light

    Type
    number
    Default
    0

  • edgeSoftness

    Softness of the shape boundary edge

    Type
    number
    Default
    0.05

  • shape

    Shape to render — choose from 11 built-in analytical shapes or supply a custom SDF. See the Shape Effects guide for all available shapes and their options.

    Type
    ShapeConfig
    Default
    sphere3D

  • shapeSdfUrl

    URL to a pre-generated SDF `.bin` file — when non-empty, activates SVG mode and triggers a shader recompile. See the Shape Effects guide for how to generate an SDF from an SVG.

    Type
    string
    Default
    ""

Usage

<Shader>
  <BrushedMetal />
</Shader>