material
Mixbox Lerp Material Nodes

Exposure: public
UE Version: 5.5
errata

January 3, 2025, 8:38 pm
I got excited about Mixbox https://github.com/scrtwpns/mixbox on Bluesky https://bsky.app/profile/did:plc:cozdddxkoyg2kdv4erczdjh7/post/3letw52kais2t
So I got it (minimally) working in an Unreal Engine material. Update: fixed an issue causing shader compile errors when used in a material function.
Adapted shader source here: https://gist.github.com/timoxley/662c17d84b8662e15dbb40758522d536
Mind the mixbox license is only free for non-commercial https://github.com/scrtwpns/mixbox/blob/master/LICENSE
This video is provided by youtube using cookies.
See their privacy page.
Code to copy
Begin Object Class=/Script/UnrealEd.MaterialGraphNode Name="MaterialGraphNode_1" ExportPath="/Script/UnrealEd.MaterialGraphNode'/Engine/Transient.Material_0:MaterialGraph_0.MaterialGraphNode_1'"
   Begin Object Class=/Script/Engine.MaterialExpressionTextureObject Name="MaterialExpressionTextureObject_0" ExportPath="/Script/Engine.MaterialExpressionTextureObject'/Engine/Transient.Material_0:MaterialGraph_0.MaterialGraphNode_1.MaterialExpressionTextureObject_0'"
   End Object
   Begin Object Name="MaterialExpressionTextureObject_0" ExportPath="/Script/Engine.MaterialExpressionTextureObject'/Engine/Transient.Material_0:MaterialGraph_0.MaterialGraphNode_1.MaterialExpressionTextureObject_0'"
      Texture="/Script/Engine.Texture2D'/Game/Magitech/Assets/mixbox_lut.mixbox_lut'"
      SamplerType=SAMPLERTYPE_LinearColor
      MaterialExpressionEditorX=-572
      MaterialExpressionEditorY=662
      MaterialExpressionGuid=343762734CC58CE7D29505A152F63A32
      Material="/Script/Engine.Material'/Engine/Transient.Material_0'"
      Desc="Mixbox LUT\r\nhttps://github.com/scrtwpns/mixbox/blob/a1bdb75a668f638ba066aa74bfd32809ed7fef45/shaders/mixbox_lut.png"
      bCommentBubbleVisible=True
   End Object
   MaterialExpression="/Script/Engine.MaterialExpressionTextureObject'MaterialExpressionTextureObject_0'"
   NodePosX=-572
   NodePosY=662
   AdvancedPinDisplay=Hidden
   bCommentBubbleVisible=True
   NodeComment="Mixbox LUT\r\nhttps://github.com/scrtwpns/mixbox/blob/a1bdb75a668f638ba066aa74bfd32809ed7fef45/shaders/mixbox_lut.png"
   NodeGuid=C24ACD0C44841FD8DD73B89AE44AF56A
   CustomProperties Pin (PinId=1B611C034F5F38ECA1E27EB1607D8C31,PinName="Sampler Type",PinType.PinCategory="optional",PinType.PinSubCategory="byte",PinType.PinSubCategoryObject="/Script/CoreUObject.Enum'/Script/Engine.EMaterialSamplerType'",PinType.PinSubCategoryMemberReference=(),PinType.PinValueType=(),PinType.ContainerType=None,PinType.bIsReference=False,PinType.bIsConst=False,PinType.bIsWeakPointer=False,PinType.bIsUObjectWrapper=False,PinType.bSerializeAsSinglePrecisionFloat=False,DefaultValue="Linear Color",PersistentGuid=00000000000000000000000000000000,bHidden=False,bNotConnectable=True,bDefaultValueIsReadOnly=False,bDefaultValueIsIgnored=False,bAdvancedView=True,bOrphanedPin=False,)
   CustomProperties Pin (PinId=AA551CF246C8C1E7EB9F42A08575167C,PinName="Output",PinFriendlyName=NSLOCTEXT("MaterialGraphNode", "Space", " "),Direction="EGPD_Output",PinType.PinCategory="",PinType.PinSubCategory="",PinType.PinSubCategoryObject=None,PinType.PinSubCategoryMemberReference=(),PinType.PinValueType=(),PinType.ContainerType=None,PinType.bIsReference=False,PinType.bIsConst=False,PinType.bIsWeakPointer=False,PinType.bIsUObjectWrapper=False,PinType.bSerializeAsSinglePrecisionFloat=False,LinkedTo=(MaterialGraphNode_Custom_0 B1101D214B74C156A70DE2A451CA4B9D,),PersistentGuid=00000000000000000000000000000000,bHidden=False,bNotConnectable=False,bDefaultValueIsReadOnly=False,bDefaultValueIsIgnored=False,bAdvancedView=False,bOrphanedPin=False,)
End Object
Begin Object Class=/Script/UnrealEd.MaterialGraphNode_Custom Name="MaterialGraphNode_Custom_0" ExportPath="/Script/UnrealEd.MaterialGraphNode_Custom'/Engine/Transient.Material_0:MaterialGraph_0.MaterialGraphNode_Custom_0'"
   Begin Object Class=/Script/Engine.MaterialExpressionCustom Name="MaterialExpressionCustom_0" ExportPath="/Script/Engine.MaterialExpressionCustom'/Engine/Transient.Material_0:MaterialGraph_0.MaterialGraphNode_Custom_0.MaterialExpressionCustom_0'"
   End Object
   Begin Object Name="MaterialExpressionCustom_0" ExportPath="/Script/Engine.MaterialExpressionCustom'/Engine/Transient.Material_0:MaterialGraph_0.MaterialGraphNode_Custom_0.MaterialExpressionCustom_0'"
      Code="// ==========================================================\r\n//  MIXBOX 2.0 (c) 2022 Secret Weapons. All rights reserved.\r\n//  License: Creative Commons Attribution-NonCommercial 4.0\r\n//  Authors: Sarka Sochorova and Ondrej Jamriska\r\n// ==========================================================\r\n//\r\n//   BASIC USAGE\r\n//\r\n//      float3 rgb = MixboxLerp(rgb1, rgb2, t);\r\n//\r\n//   MULTI-COLOR MIXING\r\n//\r\n//      MixboxLatent z1 = MixboxRGBToLatent(rgb1);\r\n//      MixboxLatent z2 = MixboxRGBToLatent(rgb2);\r\n//      MixboxLatent z3 = MixboxRGBToLatent(rgb3);\r\n//\r\n//      // mix 30% of rgb1, 60% of rgb2, and 10% of rgb3\r\n//      MixboxLatent z_mix = 0.3*z1 + 0.6*z2 + 0.1*z3;\r\n//\r\n//      float3 rgb_mix = MixboxLatentToRGB(z_mix);\r\n//\r\n//   PIGMENT COLORS\r\n//\r\n//      Cadmium Yellow              0.996, 0.925, 0.000\r\n//      Hansa Yellow                0.988, 0.827, 0.000\r\n//      Cadmium Orange              1.000, 0.412, 0.000\r\n//      Cadmium Red                 1.000, 0.153, 0.008\r\n//      Quinacridone Magenta        0.502, 0.008, 0.180\r\n//      Cobalt Violet               0.306, 0.000, 0.259\r\n//      Ultramarine Blue            0.098, 0.000, 0.349\r\n//      Cobalt Blue                 0.000, 0.129, 0.522\r\n//      Phthalo Blue                0.051, 0.106, 0.267\r\n//      Phthalo Green               0.000, 0.235, 0.196\r\n//      Permanent Green             0.027, 0.427, 0.086\r\n//      Sap Green                   0.420, 0.580, 0.016\r\n//      Burnt Sienna                0.482, 0.282, 0.000\r\n//\r\n//   LICENSING\r\n//\r\n//      If you want to obtain commercial license, please\r\n//      contact us at: mixbox@scrtwpns.com\r\n//\r\n\r\n#ifndef MIXBOX_LUT\r\n#define MIXBOX_LUT(UV) Tex.SampleLevel(TexSampler, UV, 0)\r\n#endif\r\n#define MIXBOX_COLORSPACE_LINEAR 1\r\n\r\ntypedef float3x3 MixboxLatent;\r\nstruct Mixbox\r\n{\r\n\tTexture2D Tex;\r\n\tSamplerState TexSampler;\r\n\r\n\tfloat3 MixboxEvalPolynomial(float3 c)\r\n\t{\r\n\t\tfloat c0 = c[0];\r\n\t\tfloat c1 = c[1];\r\n\t\tfloat c2 = c[2];\r\n\t\tfloat c3 = 1.0 - (c0 + c1 + c2);\r\n\r\n\t\tfloat c00 = c0 * c0;\r\n\t\tfloat c11 = c1 * c1;\r\n\t\tfloat c22 = c2 * c2;\r\n\t\tfloat c01 = c0 * c1;\r\n\t\tfloat c02 = c0 * c2;\r\n\t\tfloat c12 = c1 * c2;\r\n\t\tfloat c33 = c3 * c3;\r\n\r\n\t\treturn (c0 * c00) * float3(+0.07717053, +0.02826978, +0.24832992) +\r\n\t\t\t(c1 * c11) * float3(+0.95912302, +0.80256528, +0.03561839) +\r\n\t\t\t(c2 * c22) * float3(+0.74683774, +0.04868586, +0.00000000) +\r\n\t\t\t(c3 * c33) * float3(+0.99518138, +0.99978149, +0.99704802) +\r\n\t\t\t(c00 * c1) * float3(+0.04819146, +0.83363781, +0.32515377) +\r\n\t\t\t(c01 * c1) * float3(-0.68146950, +1.46107803, +1.06980936) +\r\n\t\t\t(c00 * c2) * float3(+0.27058419, -0.15324870, +1.98735057) +\r\n\t\t\t(c02 * c2) * float3(+0.80478189, +0.67093710, +0.18424500) +\r\n\t\t\t(c00 * c3) * float3(-0.35031003, +1.37855826, +3.68865000) +\r\n\t\t\t(c0 * c33) * float3(+1.05128046, +1.97815239, +2.82989073) +\r\n\t\t\t(c11 * c2) * float3(+3.21607125, +0.81270228, +1.03384539) +\r\n\t\t\t(c1 * c22) * float3(+2.78893374, +0.41565549, -0.04487295) +\r\n\t\t\t(c11 * c3) * float3(+3.02162577, +2.55374103, +0.32766114) +\r\n\t\t\t(c1 * c33) * float3(+2.95124691, +2.81201112, +1.17578442) +\r\n\t\t\t(c22 * c3) * float3(+2.82677043, +0.79933038, +1.81715262) +\r\n\t\t\t(c2 * c33) * float3(+2.99691099, +1.22593053, +1.80653661) +\r\n\t\t\t(c01 * c2) * float3(+1.87394106, +2.05027182, -0.29835996) +\r\n\t\t\t(c01 * c3) * float3(+2.56609566, +7.03428198, +0.62575374) +\r\n\t\t\t(c02 * c3) * float3(+4.08329484, -1.40408358, +2.14995522) +\r\n\t\t\t(c12 * c3) * float3(+6.00078678, +2.55552042, +1.90739502);\r\n\t}\r\n\r\n\tfloat3 MixboxSRGBToLinear(float3 rgb)\r\n\t{\r\n\t\treturn select(rgb >= 0.04045, pow((abs(rgb) + 0.055) / 1.055, 2.4), rgb / 12.92);\r\n\t}\r\n\r\n\tfloat3 MixboxLinearToSRGB(float3 rgb)\r\n\t{\r\n\t\treturn select(rgb >= 0.0031308, 1.055 * pow(abs(rgb), 1.0 / 2.4) - 0.055, 12.92 * rgb);\r\n\t}\r\n\r\n\tMixboxLatent MixboxRGBToLatent(float3 rgb)\r\n\t{\r\n#ifdef MIXBOX_COLORSPACE_LINEAR\r\n\t\trgb = MixboxLinearToSRGB(saturate(rgb));\r\n#else\r\n\t\trgb = saturate(rgb);\r\n#endif\r\n\r\n\t\tfloat x = rgb.r * 63.0;\r\n\t\tfloat y = rgb.g * 63.0;\r\n\t\tfloat z = rgb.b * 63.0;\r\n\r\n\t\tfloat iz = floor(z);\r\n\r\n\t\tfloat x0 = fmod(iz, 8.0) * 64.0;\r\n\t\tfloat y0 = floor(iz / 8.0) * 64.0;\r\n\r\n\t\tfloat x1 = fmod(iz + 1.0, 8.0) * 64.0;\r\n\t\tfloat y1 = floor((iz + 1.0) / 8.0) * 64.0;\r\n\r\n\t\tfloat2 uv0 = float2(x0 + x + 0.5, 512.0 - (y0 + y + 0.5)) / 512.0;\r\n\t\tfloat2 uv1 = float2(x1 + x + 0.5, 512.0 - (y1 + y + 0.5)) / 512.0;\r\n\r\n\t\tif (MIXBOX_LUT(float2(0.5, 0.5) / 512.0).b > 0.1)\r\n\t\t{\r\n\t\t\tuv0.y = 1.0 - uv0.y;\r\n\t\t\tuv1.y = 1.0 - uv1.y;\r\n\t\t}\r\n\r\n\t\tfloat3 c = lerp(MIXBOX_LUT(uv0).rgb, MIXBOX_LUT(uv1).rgb, z - iz);\r\n\r\n\t\treturn MixboxLatent(c, rgb - MixboxEvalPolynomial(c), 0.0, 0.0, 0.0);\r\n\t}\r\n\r\n\tfloat3 MixboxLatentToRGB(MixboxLatent latent)\r\n\t{\r\n\t\tfloat3 rgb = saturate(MixboxEvalPolynomial(latent[0]) + latent[1]);\r\n\r\n#ifdef MIXBOX_COLORSPACE_LINEAR\r\n\t\treturn MixboxSRGBToLinear(rgb);\r\n#else\r\n\t\treturn rgb;\r\n#endif\r\n\t}\r\n\r\n\tfloat3 MixboxLerp(float3 color1, float3 color2, float t)\r\n\t{\r\n\t\treturn MixboxLatentToRGB((1.0 - t) * MixboxRGBToLatent(color1) + t * MixboxRGBToLatent(color2));\r\n\t}\r\n\r\n\tfloat4 MixboxLerp(float4 color1, float4 color2, float t)\r\n\t{\r\n\t\treturn float4(MixboxLerp(color1.rgb, color2.rgb, t), lerp(color1.a, color2.a, t));\r\n\t}\r\n};\r\n\r\nMixbox m;\r\nm.Tex = Tex;\r\nm.TexSampler = TexSampler;\r\nreturn m.MixboxLerp(Color1, Color2, Mix);"
      Description="Mixbox Lerp"
      Inputs(0)=(InputName="Color1",Input=(Expression="/Script/Engine.MaterialExpressionFunctionInput'/Engine/Transient.MF_MixboxLerp:MaterialExpressionFunctionInput_0'"))
      Inputs(1)=(InputName="Color2",Input=(Expression="/Script/Engine.MaterialExpressionFunctionInput'/Engine/Transient.MF_MixboxLerp:MaterialExpressionFunctionInput_1'"))
      Inputs(2)=(InputName="Mix",Input=(Expression="/Script/Engine.MaterialExpressionFunctionInput'/Engine/Transient.MF_MixboxLerp:MaterialExpressionFunctionInput_2'"))
      Inputs(3)=(InputName="Tex",Input=(Expression="/Script/Engine.MaterialExpressionTextureObject'MaterialGraphNode_1.MaterialExpressionTextureObject_0'"))
      MaterialExpressionEditorX=-96
      MaterialExpressionEditorY=576
      MaterialExpressionGuid=F05CD1384F1D7A89AE0EFCA9F739A722
      Material="/Script/Engine.Material'/Engine/Transient.Material_0'"
      Desc="Mixbox Shader\r\nhttps://github.com/scrtwpns/mixbox/blob/a1bdb75a668f638ba066aa74bfd32809ed7fef45/shaders/mixbox.hlsl "
      bCommentBubbleVisible=True
   End Object
   MaterialExpression="/Script/Engine.MaterialExpressionCustom'MaterialExpressionCustom_0'"
   NodePosX=-96
   NodePosY=576
   bCommentBubbleVisible=True
   NodeComment="Mixbox Shader\r\nhttps://github.com/scrtwpns/mixbox/blob/a1bdb75a668f638ba066aa74bfd32809ed7fef45/shaders/mixbox.hlsl "
   NodeGuid=2EA287154FC926AD77C5D2920CB92AF7
   CustomProperties Pin (PinId=022A62864A80F685B43166B1399457D9,PinName="Color1",PinType.PinCategory="required",PinType.PinSubCategory="",PinType.PinSubCategoryObject=None,PinType.PinSubCategoryMemberReference=(),PinType.PinValueType=(),PinType.ContainerType=None,PinType.bIsReference=False,PinType.bIsConst=False,PinType.bIsWeakPointer=False,PinType.bIsUObjectWrapper=False,PinType.bSerializeAsSinglePrecisionFloat=False,LinkedTo=(MaterialGraphNode_2 47B36DDE488F3532C8F2A1B9621F7D8E,),PersistentGuid=00000000000000000000000000000000,bHidden=False,bNotConnectable=False,bDefaultValueIsReadOnly=False,bDefaultValueIsIgnored=False,bAdvancedView=False,bOrphanedPin=False,)
   CustomProperties Pin (PinId=9C33BF074C6CDD317D72949E20E30B6C,PinName="Color2",PinType.PinCategory="required",PinType.PinSubCategory="",PinType.PinSubCategoryObject=None,PinType.PinSubCategoryMemberReference=(),PinType.PinValueType=(),PinType.ContainerType=None,PinType.bIsReference=False,PinType.bIsConst=False,PinType.bIsWeakPointer=False,PinType.bIsUObjectWrapper=False,PinType.bSerializeAsSinglePrecisionFloat=False,LinkedTo=(MaterialGraphNode_3 1C45267148F09DA63C0925BC87351252,),PersistentGuid=00000000000000000000000000000000,bHidden=False,bNotConnectable=False,bDefaultValueIsReadOnly=False,bDefaultValueIsIgnored=False,bAdvancedView=False,bOrphanedPin=False,)
   CustomProperties Pin (PinId=6DAAFAA24DAA2C1E59A25DB7AEF7EA7F,PinName="Mix",PinType.PinCategory="required",PinType.PinSubCategory="",PinType.PinSubCategoryObject=None,PinType.PinSubCategoryMemberReference=(),PinType.PinValueType=(),PinType.ContainerType=None,PinType.bIsReference=False,PinType.bIsConst=False,PinType.bIsWeakPointer=False,PinType.bIsUObjectWrapper=False,PinType.bSerializeAsSinglePrecisionFloat=False,LinkedTo=(MaterialGraphNode_4 47E33823435AA485A45A3499349C589D,),PersistentGuid=00000000000000000000000000000000,bHidden=False,bNotConnectable=False,bDefaultValueIsReadOnly=False,bDefaultValueIsIgnored=False,bAdvancedView=False,bOrphanedPin=False,)
   CustomProperties Pin (PinId=B1101D214B74C156A70DE2A451CA4B9D,PinName="Tex",PinType.PinCategory="required",PinType.PinSubCategory="",PinType.PinSubCategoryObject=None,PinType.PinSubCategoryMemberReference=(),PinType.PinValueType=(),PinType.ContainerType=None,PinType.bIsReference=False,PinType.bIsConst=False,PinType.bIsWeakPointer=False,PinType.bIsUObjectWrapper=False,PinType.bSerializeAsSinglePrecisionFloat=False,LinkedTo=(MaterialGraphNode_1 AA551CF246C8C1E7EB9F42A08575167C,),PersistentGuid=00000000000000000000000000000000,bHidden=False,bNotConnectable=False,bDefaultValueIsReadOnly=False,bDefaultValueIsIgnored=False,bAdvancedView=False,bOrphanedPin=False,)
   CustomProperties Pin (PinId=4E9AED264B635BEB9B13ECA9C1838E70,PinName="Output",PinFriendlyName=NSLOCTEXT("MaterialGraphNode", "Space", " "),Direction="EGPD_Output",PinType.PinCategory="",PinType.PinSubCategory="",PinType.PinSubCategoryObject=None,PinType.PinSubCategoryMemberReference=(),PinType.PinValueType=(),PinType.ContainerType=None,PinType.bIsReference=False,PinType.bIsConst=False,PinType.bIsWeakPointer=False,PinType.bIsUObjectWrapper=False,PinType.bSerializeAsSinglePrecisionFloat=False,LinkedTo=(MaterialGraphNode_0 9853C5BF47B4FA00CBDA61B0258A13D8,),PersistentGuid=00000000000000000000000000000000,bHidden=False,bNotConnectable=False,bDefaultValueIsReadOnly=False,bDefaultValueIsIgnored=False,bAdvancedView=False,bOrphanedPin=False,)
End Object
Click the button above, it will automatically copy blueprint in your clipboard. Then in Unreal Engine blueprint editor, paste it with ctrl + v
Code to Embed
Versions
January 7, 2025
Fixed layout

Diff
Fixed issue with ternary: "condition for short-circuiting ternary operator must be scalar, for non-scalar types use 'select'".

See Diff
January 3, 2025
Fixed shader code to match upstream

See Diff
Added comments

See Diff
First commit

See
1 comment

errata

January 7, 2025, 8:26 pm

Adapted shader here: https://gist.github.com/timoxley/662c17d84b8662e15dbb40758522d536
Mixbox Lerp Material Nodes

errata

1 comment

errata

Join blueprintUE

share your blueprint in new visual way!

Reset your password
