Form3D

Wraps child content onto a 3D raymarched shape with lighting.

Props

  • shape3d

    3D shape and its parameters

    Type
    string
    Default
    {"type":"ribbon","angle":0,"twist":50,"width":40,"thickness":20,"seed":0}

  • center

    Center position of the shape on screen

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

  • zoom

    Camera zoom level

    Type
    number
    Default
    50

  • glossiness

    Specular highlight intensity and sharpness

    Type
    number
    Default
    50

  • lighting

    Overall intensity of lighting effects

    Type
    number
    Default
    50

  • uvMode

    How to handle UV coordinates at shape boundaries

    Type
    "stretch" | "mirror" | "wrap"
    Default
    stretch

  • speed

    Animation speed — scales all spin rates

    Type
    number
    Default
    1

Usage

<Shader>
  <Form3D>
    <Circle />
  </Form3D>
</Shader>