{"id":2588,"date":"2014-01-06T02:14:10","date_gmt":"2014-01-05T23:14:10","guid":{"rendered":"http:\/\/unitycoder.com\/blog\/?p=2588"},"modified":"2014-02-03T00:24:57","modified_gmt":"2014-02-02T21:24:57","slug":"sprite-rgb-split-shader-test","status":"publish","type":"post","link":"https:\/\/unitycoder.com\/blog\/2014\/01\/06\/sprite-rgb-split-shader-test\/","title":{"rendered":"Sprite RGB Split Shader Test"},"content":{"rendered":"

\"rgb_split_shader_unity_1\"<\/a><\/p>\n

Tried to make RGB Split Shader (by modifying the default sprite shader)<\/p>\n

Features:
\n– No render textures (so it works with unity free\/indie)
\n– Per object instead as post effect
\n– Offset variables per channel<\/p>\n

Problems:
\n– 3 shader passes
\n– Red channel is currently not additively blended (because you would lose those black borders..)
\nRelated topic:<\/p>\n

Those shaders use render textures: http:\/\/forum.unity3d.com\/threads\/220068-RGB-Split-Shader<\/a><\/p>\n

Webplayer:<\/strong>
\nhttp:\/\/unitycoder.com\/upload\/demos\/RGBSplitShader\/<\/a><\/p>\n

Image credit:
\nhttp:\/\/opengameart.org\/<\/a><\/p>\n

Shader source:<\/p>\n

\r\n\r\n\/\/ RGB sprite split shader test unitycoder.com\r\nShader "UnityCoder\/RGBSplitTest1"\r\n{\r\nProperties\r\n{\r\n[PerRendererData] _MainTex ("Sprite Texture", 2D) = "white" {}\r\n\/\/\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0_Color ("Tint", Color) = (1,1,1,1)\r\n[MaterialToggle] PixelSnap ("Pixel snap", Float) = 0\r\n_RedOffsetX ("RedOffsetX", Float) = 0\r\n_RedOffsetY ("RedOffsetY", Float) = 0\r\n_GreenOffsetX ("GreenOffsetX", Float) = 0\r\n_GreenOffsetY ("GreenOffsetY", Float) = 0\r\n_BlueOffsetX ("BlueOffsetX", Float) = 0\r\n_BlueOffsetY ("BlueOffsetY", Float) = 0\r\n}\r\n\r\nSubShader\r\n{\r\nTags\r\n{\r\n"Queue"="Transparent"\r\n"IgnoreProjector"="True"\r\n"RenderType"="Transparent"\r\n"PreviewType"="Plane"\r\n"CanUseSpriteAtlas"="True"\r\n}\r\n\r\nCull Off\r\nLighting Off\r\nZWrite Off\r\nFog { Mode Off }\r\n\/\/\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0Blend SrcAlpha OneMinusSrcAlpha\r\n\/\/\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0Blend SrcAlpha OneMinusSrcAlpha\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ Soft Additiv\r\n\r\n\/\/ RED\r\nPass\r\n{\r\n\/\/Blend One One\r\nBlend SrcAlpha OneMinusSrcAlpha\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ Soft Additiv\r\n\/\/\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0Blend One One\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ Additive\r\nCGPROGRAM\r\n#pragma vertex vert\r\n#pragma fragment frag\r\n#pragma multi_compile DUMMY PIXELSNAP_ON\r\n#include "UnityCG.cginc"\r\n\r\nstruct appdata_t\r\n{\r\nfloat4 vertex\u00a0\u00a0 : POSITION;\r\nfloat4 color\u00a0\u00a0\u00a0 : COLOR;\r\nfloat2 texcoord : TEXCOORD0;\r\n};\r\n\r\nstruct v2f\r\n{\r\nfloat4 vertex\u00a0\u00a0 : SV_POSITION;\r\nfixed4 color\u00a0\u00a0\u00a0 : COLOR;\r\nhalf2 texcoord\u00a0 : TEXCOORD0;\r\n};\r\n\r\n\/\/\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0fixed4 _Color;\r\nfloat _RedOffsetX;\r\nfloat _RedOffsetY;\r\n\r\nv2f vert(appdata_t IN)\r\n{\r\nv2f OUT;\r\nOUT.vertex = mul(UNITY_MATRIX_MVP, IN.vertex);\r\nOUT.texcoord = IN.texcoord;\r\n\/\/\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0OUT.color = IN.color * _Color;\r\nOUT.color = IN.color * float4(1,0,0,1);\r\nOUT.vertex.xy += float2(_RedOffsetX,_RedOffsetY);\r\n#ifdef PIXELSNAP_ON\r\nOUT.vertex = UnityPixelSnap (OUT.vertex);\r\n#endif\r\n\r\nreturn OUT;\r\n}\r\n\r\nsampler2D _MainTex;\r\n\r\nfixed4 frag(v2f IN) : COLOR\r\n{\r\nreturn tex2D(_MainTex, IN.texcoord) * IN.color;\r\n}\r\nENDCG\r\n}\r\n\r\n\/\/ GREEN\r\nPass\r\n{\r\n\/\/Blend SrcAlpha OneMinusSrcAlpha\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ Soft Additiv\r\nBlend One One\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ Additive\r\nCGPROGRAM\r\n#pragma vertex vert\r\n#pragma fragment frag\r\n#pragma multi_compile DUMMY PIXELSNAP_ON\r\n#include "UnityCG.cginc"\r\n\r\nstruct appdata_t\r\n{\r\nfloat4 vertex\u00a0\u00a0 : POSITION;\r\nfloat4 color\u00a0\u00a0\u00a0 : COLOR;\r\nfloat2 texcoord : TEXCOORD0;\r\n};\r\n\r\nstruct v2f\r\n{\r\nfloat4 vertex\u00a0\u00a0 : SV_POSITION;\r\nfixed4 color\u00a0\u00a0\u00a0 : COLOR;\r\nhalf2 texcoord\u00a0 : TEXCOORD0;\r\n};\r\n\r\n\/\/fixed4 _Color;\r\nfloat _GreenOffsetX;\r\nfloat _GreenOffsetY;\r\n\r\nv2f vert(appdata_t IN)\r\n{\r\nv2f OUT;\r\nOUT.vertex = mul(UNITY_MATRIX_MVP, IN.vertex);\r\nOUT.texcoord = IN.texcoord;\r\n\/\/\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0OUT.color = IN.color * _Color;\r\nOUT.color = IN.color * float4(0,1,0,1);\r\nOUT.vertex.xy += float2(_GreenOffsetX,_GreenOffsetY);\r\n#ifdef PIXELSNAP_ON\r\nOUT.vertex = UnityPixelSnap (OUT.vertex);\r\n#endif\r\n\r\nreturn OUT;\r\n}\r\n\r\nsampler2D _MainTex;\r\n\r\nfixed4 frag(v2f IN) : COLOR\r\n{\r\nreturn tex2D(_MainTex, IN.texcoord) * IN.color;\r\n}\r\nENDCG\r\n} \/\/ end pass\r\n\r\n\/\/ BLUE\r\nPass\r\n{\r\n\/\/Blend SrcAlpha OneMinusSrcAlpha\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ Soft Additiv\r\nBlend One One\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ Additive\r\nCGPROGRAM\r\n#pragma vertex vert\r\n#pragma fragment frag\r\n#pragma multi_compile DUMMY PIXELSNAP_ON\r\n#include "UnityCG.cginc"\r\n\r\nstruct appdata_t\r\n{\r\nfloat4 vertex\u00a0\u00a0 : POSITION;\r\nfloat4 color\u00a0\u00a0\u00a0 : COLOR;\r\nfloat2 texcoord : TEXCOORD0;\r\n};\r\n\r\nstruct v2f\r\n{\r\nfloat4 vertex\u00a0\u00a0 : SV_POSITION;\r\nfixed4 color\u00a0\u00a0\u00a0 : COLOR;\r\nhalf2 texcoord\u00a0 : TEXCOORD0;\r\n};\r\n\r\n\/\/fixed4 _Color;\r\nfloat _BlueOffsetX;\r\nfloat _BlueOffsetY;\r\n\r\nv2f vert(appdata_t IN)\r\n{\r\nv2f OUT;\r\nOUT.vertex = mul(UNITY_MATRIX_MVP, IN.vertex);\r\nOUT.texcoord = IN.texcoord;\r\n\/\/\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0OUT.color = IN.color * _Color;\r\nOUT.color = IN.color * float4(0,0,1,1);\r\nOUT.vertex.xy += float2(_BlueOffsetX,_BlueOffsetY);\r\n#ifdef PIXELSNAP_ON\r\nOUT.vertex = UnityPixelSnap (OUT.vertex);\r\n#endif\r\n\r\nreturn OUT;\r\n}\r\n\r\nsampler2D _MainTex;\r\n\r\nfixed4 frag(v2f IN) : COLOR\r\n{\r\nreturn tex2D(_MainTex, IN.texcoord) * IN.color;\r\n}\r\nENDCG\r\n} \/\/ end pass\r\n\r\n}\r\n}\r\n\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
Tried to make RGB Split Shader (by modifying the default sprite shader) Features: – No render textures (so it works with unity free\/indie) – Per object instead as post effect – Offset variables per channel Problems: – 3 shader passes – Red channel is currently […]<\/p>\n","protected":false},"author":1,"featured_media":2589,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[13,3],"tags":[575,14,576,357],"class_list":["post-2588","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shaders","category-unity3d","tag-rgb","tag-shader","tag-split","tag-sprite"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/unitycoder.com\/blog\/wp-content\/uploads\/2014\/01\/rgb_split_shader_unity_1.jpg?fit=635%2C477&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p1KTaT-FK","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/posts\/2588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/comments?post=2588"}],"version-history":[{"count":10,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/posts\/2588\/revisions"}],"predecessor-version":[{"id":2667,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/posts\/2588\/revisions\/2667"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/media\/2589"}],"wp:attachment":[{"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/media?parent=2588"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/categories?post=2588"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unitycoder.com\/blog\/wp-json\/wp\/v2\/tags?post=2588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}