Index
- Get started
- Shader to Texture
- Vibration Styles
- Vibration Presets
- Patterns
- Brick
- Brick Bond
- Brick Bond Custom
- Brick English
- Brick Flemish
- Cairo
- Circle
- Circle
- Circle Cross
- Circle in Circle
- Noise
- Voronoi
- Voronoi Animated
- Rect
- Checker
- Checker Diagonal
- Diagonal Checker Diagonal
- Rect Turns
- Rect
- Rectception
- Rect Diagonal
- Rect in Rect
- Rect Shadow
- Rect with Quarter Rect
- Rect with Smaller Rect
- Weave
- Shape
- Arrows
- Diamond
- Fence
- Hexagon
- Wave
- Curves
- Quad Truchet
- Scales
- Twirlies
- Wood
- Basket Weave
- Chantilly
- Chevron
- Double Basket Weave
- Double Herring Bone
- Herring Bone Diagonal
- Mosaic
Get Started
How to install Patterns in your project?To add Pattrens to your project, simply follow the simple steps below :
- Open the Packages window and select My Assets from the package scope drop-down menu.
- Select the Patterns package from the list of packages. The package information appears in the details panel.
- Click the Install button.
Examples
Open the example sceneAbthoclo/Patterns/Example/Scenes/SampleScene to see the full overview of all the available patterns.
You can play around with the different states in the materials.
Shader to Texture
To open the 'Shader to Texture' tool, go to
Tools/Abthoclo/Rendering/Editor/Shader To Texture at the top.
OptionsWidth
Width of the texture in px.
Height
Height of the texture in px.
Material
Selected material that will be converted to a texture.
Options
Set the TextureFormat.
Extra
Export shortcut
Right click the material, in the Project Panel, and select 'Abthoclo/Convert to Texture'.
This will export a texture with the last modified settings from the export tool.
ShaderGraph
To add a Patterns node, create a node and go to
Abthoclo/Patterns/ and select one of the many patterns available in this package.Options
Outline
Use the node 'SDF to Line' to create an outline from a Signed Distance Field.
You can find the node under 'Abthoclo/Patterns/Utility'.
HLSL
SetupInclude this line to use Patterns in HLSL.
#include "Assets/Abthoclo/Patterns/Shaders/Patterns.hlsl"Example on how you could call one of the patterns in HLSL.
fixed4 frag (v2f i) : SV_Target
{
float Out;
float2 newUV;
PatternQuadTruchet_float(i.uv, 5., Out, newUV);
return fixed4(Out,Out,Out,1);
}
Patterns
BrickBrick Bond
Parameters
UV
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Ratio
Ratio between the shapes.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Ratio
Ratio between the shapes.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Brick Bond Custom
Parameters
UV
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Ratio
Ratio between the shapes.
Offset
Custom offset between the bricks.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Ratio
Ratio between the shapes.
Offset
Custom offset between the bricks.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Brick English
Parameters
UV
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Ratio
Ratio between the shapes.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Ratio
Ratio between the shapes.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Brick Flemish
Parameters
UV
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Ratio
Ratio between the shapes.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Ratio
Ratio between the shapes.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Cairo
Circle
Circle
Circle Cross
Circle in Circle
Noise
Voronoi
Parameters
UV
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Seed
Sets the seed for the random voronoi pattern.
Returns SDF
Signed Distance Field of the pattern.
Distance
The distance between each point.
ID
A unique identification color for each pattern.
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Seed
Sets the seed for the random voronoi pattern.
Returns SDF
Signed Distance Field of the pattern.
Distance
The distance between each point.
ID
A unique identification color for each pattern.
Voronoi Animated
Parameters
UV
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Offset
The time offset for the animation.
Returns SDF
Signed Distance Field of the pattern.
Distance
The distance between each point.
ID
A unique identification color for each pattern.
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Offset
The time offset for the animation.
Returns SDF
Signed Distance Field of the pattern.
Distance
The distance between each point.
ID
A unique identification color for each pattern.
Rect
Checker
Parameters
UV
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
Checker
A black and white representation of the pattern.
UV
Output UV value mapped to the pattern.
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
Checker
A black and white representation of the pattern.
UV
Output UV value mapped to the pattern.
Checker Diagonal
Parameters
UV
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
Checker
A black and white representation of the pattern.
UV
Output UV value mapped to the pattern.
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
Checker
A black and white representation of the pattern.
UV
Output UV value mapped to the pattern.
Diagonal Checker Diagonal
Rect Turns
Rect
Rectception
Rect Diagonal
Rect in Rect
Rect Shadow
Rect with Quarter Rect
Rect with Smaller Rect
Weave
Shape
Arrows
Diamond
Parameters
UV
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Steps
The total steps within the diamond.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Steps
The total steps within the diamond.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Fence
Hexagon
Wave
Curves
Quad Truchet
Scales
Parameters
UV
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Steps
The total steps within in the scale.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Steps
The total steps within in the scale.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Twirlies
Wood
Basket Weave
Parameters
UV
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Width
The width of the weave.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Alpha
The index of the controller.
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Width
The width of the weave.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Alpha
The index of the controller.
Chantilly
Chevron
Parameters
UV
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Ratio
Ratio between the shapes.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Ratio
Ratio between the shapes.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Double Basket Weave
Parameters
UV
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Width
The width of the weave.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Alpha
Alpha channel of the pattern.
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Width
The width of the weave.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Alpha
Alpha channel of the pattern.
Double Herring Bone
Parameters
UV
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Ratio
Ratio between the shapes.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Ratio
Ratio between the shapes.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Herring Bone Diagonal
Parameters
UV
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Ratio
Ratio between the shapes.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Input UV value.
Tiling
Apply aspect ratio tiling (Use the 'Tiling And Offset' node, on the UV, for more options).
Ratio
Ratio between the shapes.
Returns SDF
Signed Distance Field of the pattern.
ID
A unique identification color for each pattern.
UV
Output UV value mapped to the pattern.
Mosaic
