CarbonFiber

Photorealistic woven carbon fibre — interlaced tows whose anisotropic sheen flips ninety degrees cell to cell, raised into a quilted weave and finished with a glossy clearcoat that mirrors the studio. Plain or twill, in any shape.

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

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

  • scale

    Scale of the carbon shape (1 = default size)

    Type
    number
    Default
    1

  • rotation

    Rotation of the carbon shape in degrees

    Type
    number
    Default
    0

  • lightColor

    The bright tone of the fibre sheen — recolor for forged/colored carbon (red, blue, bronze)

    Type
    string
    Default
    #b9bdc6

  • darkColor

    The deep resin tone the weave falls to in shadow — near-black for classic carbon

    Type
    string
    Default
    #0b0c0e

  • weaveStyle

    Weave pattern — plain (checkerboard) or 2×2 twill (the diagonal supercar weave)

    Type
    "twill" | "plain"
    Default
    twill

  • weaveScale

    Number of woven tows across the shape — higher = finer, denser weave

    Type
    number
    Default
    30

  • weaveAngle

    Rotates the whole weave grid in degrees

    Type
    number
    Default
    0

  • relief

    Depth of the quilted weave — how far each tow bulges, catching light on its crown and shadowing the valleys between

    Type
    number
    Default
    0.5

  • fiberSheen

    Strength of the anisotropic fibre sheen — the directional satin glint running along each tow

    Type
    number
    Default
    1.2

  • roughness

    Softness of the fibre sheen — 0 = tight crisp glints, 1 = soft matte satin

    Type
    number
    Default
    0.5

  • clearcoat

    Strength of the glossy lacquer coat — the sharp studio reflections of the wet clearcoat over the weave

    Type
    number
    Default
    1.2

  • environment

    Strength of the reflected studio lighting seen in the clearcoat

    Type
    number
    Default
    2

  • envRotation

    Rotates the reflected studio — spins where the bright reflections fall

    Type
    number
    Default
    0

  • lightAngle

    Direction of the key light for the fibre sheen, in degrees

    Type
    number
    Default
    215

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