Chrome

Studio-lit mirror chrome — a precision-machined shape with a controllable polished bevel, softly convex faces and a photographic studio reflected in them: one huge frontal softbox, black flags, and thin warm/cool strip lights that fringe amber and ice-blue exactly where the reflections break

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 chrome shape

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

  • scale

    Scale of the chrome shape (1 = default size)

    Type
    number
    Default
    1

  • rotation

    Rotation of the chrome shape in degrees

    Type
    number
    Default
    0

  • tint

    Metal tint multiplied into the reflection — white for silver chrome, warm ivory for gold, dusky rose for copper

    Type
    string
    Default
    #ffffff

  • warmColor

    Color of the warm strip light hugging the studio horizon — the amber band that fringes the reflections

    Type
    string
    Default
    #ffa94d

  • coolColor

    Color of the cool wash below the horizon — the steel-blue zone the darker reflections fall into

    Type
    string
    Default
    #82a7e6

  • bevelWidth

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

    Type
    number
    Default
    0.028

  • 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.55

  • curvature

    Convex doming of the faces — sweeps the big soft studio gradients across otherwise flat metal

    Type
    number
    Default
    0.5

  • waviness

    Pressed-metal imperfection — gently bends the face reflections and wobbles the bevel light lines so the surface reads as real

    Type
    number
    Default
    0.15

  • environment

    Exposure of the reflected studio — the overall brilliance of the chrome

    Type
    number
    Default
    1

  • envRotation

    Rotates the whole reflected studio — spins where the softbox, flags and strips fall

    Type
    number
    Default
    0

  • softness

    Softness of the studio edges — 0 = razor polished reflections, 1 = satin diffusion

    Type
    number
    Default
    0.3

  • spectral

    The colored accent lights: an amber glow hugging the softbox edge and an ice-blue wash below it. 0 = a fully achromatic black-and-white studio.

    Type
    number
    Default
    0.9

  • dispersion

    Prismatic RGB splitting concentrated on the fast-curving bevel — thin rainbow micro-fringes along the edge highlights, distinct from the broad accent lights

    Type
    number
    Default
    0.3

  • shadows

    Depth of the dark studio reflections — how hard the black side flags and floor crush toward graphite. 0 lifts them to a soft gray studio.

    Type
    number
    Default
    0.7

  • speed

    Speed of the studio orbit — the whole lighting environment slowly wanders around the piece, sliding the reflections across faces and edges. 0 freezes it.

    Type
    number
    Default
    0.5

  • 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
    roundedRectSDF

  • 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>
  <Chrome />
</Shader>