<!--
{
  "availability" : [
    "iOS: 17.0.0 -",
    "iPadOS: 17.0.0 -",
    "macCatalyst: 17.0.0 -",
    "macOS: 14.0.0 -",
    "tvOS: 26.0.0 -",
    "visionOS: 1.0.0 -"
  ],
  "documentType" : "symbol",
  "framework" : "ShaderGraph-Docs",
  "identifier" : "/documentation/ShaderGraph/2D-Procedural/Split-Horizontal",
  "metadataVersion" : "0.1.0",
  "role" : "ShaderGraph Node",
  "symbol" : {
    "kind" : "ShaderGraph Node",
    "modules" : [
      "ShaderGraph"
    ],
    "preciseIdentifier" : "Shader_ND_splitlr_float"
  },
  "title" : "Split Horizontal"
}
-->

# Split Horizontal

A left-to-right split matte, split at a specified U value.

## Parameter Types

**Split Horizontal (float):**

|Input                |Type    |
                |---------------------|--------|
                |`Left`               |Float   |
                |`Right`              |Float   |
                |`Center`             |Float   |
                |`Texture Coordinates`|Vector2f|

|Output|Type |
                |------|-----|
                |`Out` |Float|

**Split Horizontal (color3f):**

|Input                |Type         |
                |---------------------|-------------|
                |`Left`               |Color3<Float>|
                |`Right`              |Color3<Float>|
                |`Center`             |Float        |
                |`Texture Coordinates`|Vector2f     |

|Output|Type         |
                |------|-------------|
                |`Out` |Color3<Float>|

**Split Horizontal (vector3f):**

|Input                |Type    |
                |---------------------|--------|
                |`Left`               |Vector3f|
                |`Right`              |Vector3f|
                |`Center`             |Float   |
                |`Texture Coordinates`|Vector2f|

|Output|Type    |
                |------|--------|
                |`Out` |Vector3f|

**Split Horizontal (vector2f):**

|Input                |Type    |
                |---------------------|--------|
                |`Left`               |Vector2f|
                |`Right`              |Vector2f|
                |`Center`             |Float   |
                |`Texture Coordinates`|Vector2f|

|Output|Type    |
                |------|--------|
                |`Out` |Vector2f|

**Split Horizontal (color4f):**

|Input                |Type         |
                |---------------------|-------------|
                |`Left`               |Color4<Float>|
                |`Right`              |Color4<Float>|
                |`Center`             |Float        |
                |`Texture Coordinates`|Vector2f     |

|Output|Type         |
                |------|-------------|
                |`Out` |Color4<Float>|

**Split Horizontal (half):**

|Input                |Type    |
                |---------------------|--------|
                |`Left`               |Half    |
                |`Right`              |Half    |
                |`Center`             |Float   |
                |`Texture Coordinates`|Vector2f|

|Output|Type|
                |------|----|
                |`Out` |Half|

**Split Horizontal (vector3h):**

|Input                |Type    |
                |---------------------|--------|
                |`Left`               |Vector3h|
                |`Right`              |Vector3h|
                |`Center`             |Float   |
                |`Texture Coordinates`|Vector2f|

|Output|Type    |
                |------|--------|
                |`Out` |Vector3h|

**Split Horizontal (vector2h):**

|Input                |Type    |
                |---------------------|--------|
                |`Left`               |Vector2h|
                |`Right`              |Vector2h|
                |`Center`             |Float   |
                |`Texture Coordinates`|Vector2f|

|Output|Type    |
                |------|--------|
                |`Out` |Vector2h|

**Split Horizontal (vector4f):**

|Input                |Type    |
                |---------------------|--------|
                |`Left`               |Vector4f|
                |`Right`              |Vector4f|
                |`Center`             |Float   |
                |`Texture Coordinates`|Vector2f|

|Output|Type    |
                |------|--------|
                |`Out` |Vector4f|

**Split Horizontal (vector4h):**

|Input                |Type    |
                |---------------------|--------|
                |`Left`               |Vector4h|
                |`Right`              |Vector4h|
                |`Center`             |Float   |
                |`Texture Coordinates`|Vector2f|

|Output|Type    |
                |------|--------|
                |`Out` |Vector4h|

## Parameter descriptions

- `Left`: The value of the left side of the split.
- `Right`: The value of the right side of the split.
- `Center`: The V value at which the output is split. Everything above this value is equal to the `Top` input; everything below this value is equal to the `Bottom` input. This parameter ranges between `0` and `1`.
- `Texture Coordinates`: The 2D coordinate at which the data is read for mapping the texture onto a surface. The default uses the current UV coordinates, in which U is the horizontal axis, and V is the vertical axis.

## Discussion

This node creates two distinct regions along the horizontal axis. The value of the `Center` input determines these regions. A value of `0` establishes the center at the left-most position, causing the output to always be equal to the `Right` input. A value of `1` establishes the center at the right-most position.
Below is a an example of a simple node graph that uses `Split Horizontal` to create a split color:

![](images/ShaderGraph-Docs/SplitHorizontalGraph~dark.png)

By editing the center value, you change the texture to show a larger left or right region.
The image below shows the resulting textures:

![](images/ShaderGraph-Docs/SplitHorizontalMaterial1~dark.png)


![](images/ShaderGraph-Docs/SplitHorizontalMaterial2~dark.png)


![](images/ShaderGraph-Docs/SplitHorizontalMaterial3~dark.png)

---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)