Function Surface

This component renderes a TIN model from an elevation map, according to the SurfaceMeta and SurfaveValues data types.

It has several customization options for rendering the surfaces, including color ramps, contour lines and transparency.

Surface values are expected to be in a regular grid. An optimized triangulation is used for the geometry, but color ramp values and contour lines are always using the full resolution of the data for accuracy.

Example

<Surface meta={meta} />
  • Surface(__namedParameters: SurfaceProps): Element

    Parameters

    • __namedParameters: SurfaceProps

      Surface props

      • Optionalcolor?: string
      • OptionalcolorRamp?: number
      • OptionalcontoursColor?: string
      • OptionalcontoursColorMode?: ContourColorMode
      • OptionalcontoursColorModeFactor?: number
      • OptionalcontoursInterval?: number
      • OptionalcontoursThickness?: number
      • OptionaldoubleSide?: boolean
      • OptionalmaxError?: number
      • meta: SurfaceMeta
      • OptionalnormalMap?: Texture
      • OptionalnormalScale?: Vec2
      • Optionalopacity?: number
      • Optionalpriority?: number
      • OptionalrampMax?: number
      • OptionalrampMin?: number
      • OptionalreverseRamp?: boolean
      • OptionalshowContours?: boolean
      • OptionaluseColorRamp?: boolean
      • Optionalwireframe?: boolean

    Returns Element

Settings